代码之家 › 专栏 › 技术社区 › Vatsal A Mehta

无法配置EditorJs

editorjs cdn module import javascript

Vatsal A Mehta · 技术社区 · 1 年前

我有一个网页,我想在那里使用EditorJs。相同的html是:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Button Example</title>
    <!-- Include Editor.js styles -->
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@editorjs/editorjs@latest/dist/editor.min.css" />
</head>
<body>
    <div id="starter">Application begins here!</div> 
    <div id="editorjs"></div>
    <button id="save">Save Article</button>
    <script src="https://cdn.jsdelivr.net/npm/@editorjs/editorjs@latest"></script>
    <script  type="module" src="sampler.js"></script>
</body>
</html>

sampler.js文件如下所示:

import {EditorJS} from '@editorjs/editorjs';
import {Header} from '@editorjs/header';

const editor = new EditorJS({
    holder:"editorjs",
    tools:{
        header:{
            class:Header,
            inlineToolbar:['link']
        },
        list:{
            class:List,
            inlineToolbar:['link','bold']
        }
    }
})

let saveBtn=document.querySelector('button')

saveBtn.addEventListener('click',()=>{
    editor.save().then((outputData)=>{
        console.log(outputData)
    })
})

我使用CDN导入,那么sampler.js中的导入语句应该是什么样子。当前我收到此错误:

Uncaught TypeError: Failed to resolve module specifier "@editorjs/editorjs". Relative references must start with either "/", "./", or "../"

1 回复 | 直到 1 年前

XuWang 1 年前

<script src="https://cdn.jsdelivr.net/npm/@editorjs/editorjs@latest"></script>
<script src="https://cdn.jsdelivr.net/npm/@editorjs/header@latest"></script>
<script src="https://cdn.jsdelivr.net/npm/@editorjs/list@latest"></script>

new EditorJS({
  holder: 'editorjs-container',
  tools: {
    header:{
        class:Header,
        inlineToolbar:['link']
    },
    list:{
        class:List,
        inlineToolbar:['link','bold']
    }
  }
});

如果它被CDN引用,则无需导入即可直接使用。

推荐文章

Salman Khan · 类型错误:$(…)。daterangepicker不是函数

7 年前

shukshin.ivan · jQuery ssl问题-为什么我会看到hwcdn。响应中的net?

7 年前

Brad Parks · 如何确保我的CDN按来源缓存CORS请求?

7 年前

userjmillohara · 如何使用CDN链接填充MongoDB?

7 年前

Assaf Moldavsky · CloudFlare或AWS CDN链接

7 年前

Kevin · CDN或下载到目录?

7 年前

Greg · CDN是如何工作的?

8 年前

Dimitrios Desyllas · Symfony生成cdn友好的资产url

8 年前

Aleks · 如何在React项目中使用CDN导入

8 年前

Ilja · firebase托管是否受益于CloudFlare?

8 年前