首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >EditorJS的编辑没有出现。怎么解决这个问题?

EditorJS的编辑没有出现。怎么解决这个问题?
EN

Stack Overflow用户
提问于 2022-05-25 05:26:20
回答 2查看 547关注 0票数 0

我想在我的项目中使用EditorJS。因此,在阅读了文档之后,我创建了一个HTML文件。以下是名为index.html的文件

代码语言:javascript
复制
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Home</title>
</head>

<body>
    <div id="editorjs"></div>
    
    <script src="https://cdn.jsdelivr.net/npm/@editorjs/editorjs@latest"></script>
    <script>
        import EditorJS from '@editorjs/editorjs'
        const editor = new EditorJS('editorjs')
    </script>
</body>
</html>

在将文件打开浏览器后,EditorJS将不会显示,该消息将打印在控制台- Uncaught SyntaxError: Cannot use import statement outside a module中。

如何解决这个问题?

EN

回答 2

Stack Overflow用户

发布于 2022-05-25 05:29:12

脚本不是类型模块,请使用:

代码语言:javascript
复制
<script type="module">
票数 0
EN

Stack Overflow用户

发布于 2022-05-25 05:41:07

代码语言:javascript
复制
<!DOCTYPE html>
<html lang="en">

<head>
  <script src="https://cdn.jsdelivr.net/npm/@editorjs/editorjs@latest"></script>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Home</title>
</head>

<body>
  <div id="editorjs"></div>
  <script>
    const editor = new EditorJS({
      autofocus: true
    });
  </script>
</body>

</html>

当您在HTML文件中添加脚本标记时,您不需要再次导入库--您可以开始使用它了!

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/72372354

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档