问题标签 [editorjs]

我正在尝试让EditorJS在 NextJS 中工作。编辑器在没有插件的情况下加载良好，只有段落作为块选项。但是，当我尝试通过工具道具控制台添加插件时，会引发以下警告：

当我在浏览器中单击编辑器时，它会抛出：

我已经在普通的 React 应用程序中测试了编辑器插件，它们可以正常加载。这意味着问题出在 EditorJS 和 NextJS 插件的导入和处理中。我尝试使用 require 在 componentDidMount 挂钩中导入编辑器和插件，但遇到与 NextJS 动态导入相同的问题。尝试使用 React ref 获取组件，但发现当前NextJS 在获取组件的 refs 方面存在问题，尝试了建议的解决方法，但仍然没有结果。在触发 onChange 之前，编辑器的实例不可用，因此插件无法挂接到编辑器，因为该“准备”属性或整个编辑器在编辑器上的事件发生之前未定义，但编辑器输出到控制台它已经准备好了。

我的组件代码：

这个问题有什么解决办法吗？我知道 SSR 对访问 DOM 的组件的客户端渲染具有挑战性，但是使用了条件来检查窗口对象是否未定义，但是，在我的情况下它看起来不是问题。

更新：

我找到了一个解决方案，但它不是解决问题的 NextJS 方法，但是它确实有效。它不需要 react-editorjs 并像普通的 EditorJS 一样作为 EditorJS 实例的创建来实现。

此实现适用于 NextJS

如果我找到更好的解决方案，我会更新代码。

更新 2：

Rising Odegua 提出的答案是有效的。

首先我想说我知道我的标题不是描述我的问题的最佳方式，但同时我对这项技术没有清晰的理解，无法以更好的方式表达它。

一些信息

我正在开发一个相当大的开源项目，通过使用 webpack，您可以将整个东西捆绑在一个文件中。

该项目主要是用 Typescript 编写的。

积聚

我有一个以这种方式包含和导出类的脚本Dom()：

在另一个脚本中，我将此类导入为$并通过$.functionName()没有编译器错误的方式访问它。

问题

在整个项目被编译并与 webpack 捆绑后，我部署它并看到类的实例Dom以 的形式_dom.default.default而不是_dom.default. 这意味着我无法访问类函数。

对象结构：

欢迎任何关于为什么会发生这种情况的提示。

提前致谢。

PS：我试图让这篇文章尽可能的清楚，但同样，由于我不明白问题的本质，我很难表达出来。

我正在尝试使用后端文件上传器端点在 Editor.js 中添加图像上传功能。在后端，我将此文件上传到 Firebase 存储。但实际上我能够提取文件。我尝试了很多方法，但没有奏效

是否有任何其他方法可以将图像上传功能添加到editor.js.

我正在尝试在 AngularJS [v 10] typescript 对象中使用自定义 Java Script 类。但无法使用相同的内容并出现错误

错误参考错误：未定义

这是我的代码

JavaScript simple-image.js 文件

在 angular.json 中注册文件

使用 app.component.ts 中的 JavaScript 文件

我在控制台中收到以下错误

我正在尝试将editor.js安装到我的项目中，但是，我一直遇到错误Uncaught SyntaxError: Cannot use import statement outside a module。

我可以通过 CDN 加载它，但由于某种原因，这无法正常工作。

以下是我到目前为止所做的故障排除步骤：

1. 添加"type":"module"到 JSON 文件
2. 添加type="module"到香草js脚本
3. 将 node 版本回滚到 v11.4.0（这是通过 stackoverflow 从另一个页面推荐的）。

我已经通过 stackoverflow 进行了搜索，但我无法找到除这些之外的解决方案。有什么建议吗？

HTML 文件：

JS 文件：

打包 JSON 文件：

我在叶子页面中使用 editor.js 来允许我的用户创建文本文档。当用户点击保存 editor.js 时，会将他们创建的内容输出为 JSON，然后我将其保存到带有 Vapor 后端的数据库中。这一切都很好。我现在希望用户能够返回页面并编辑他们创建的内容，添加更多块或更改现有块。editor.js 文档说您只需在创建编辑器时将 JSON 添加到数据字段中。

我就是这样做的。首先，我从数据库中提取数据并将其编码为 JSON。然后将其传递给叶子页面。（变量名blockData）

这有点复杂，因为我使用叶子标签来引入 JSON 数据，并且标签在内部不起作用，我首先放入一个 div，一旦我让它工作，它就会隐藏在页面上。

由于它目前没有隐藏，我可以在页面上看到数据。然后我使用以下脚本加载 editor.js。

我遇到的问题是编辑器没有加载保存的数据。有任何想法吗？

我正在为我的应用程序使用编辑器 js（块样式编辑器）。您可以为此编辑器安装插件以扩展功能。在 GitHub 上有一个我试图在那里使用的数学块插件。但我无法让它工作。这里是我的代码：

首先我包含插件（它是 GitHub 上的 bundle.js）：

然后我只是按照正常的设置（适用于其他官方插件）

当我尝试输入某些内容时，我得到了错误TypeError: Math.floor is not a function。我错过了什么？

编辑

https://flaming-cl.github.io/editorPlugin/

有这个例子有效，但我不明白，有这么多文件。我需要更像一个基本示例，只包含必要的 CDN 文件。

我需要有关 editor.js 的帮助

想象一下下面的场景，在我的页面上，我在右侧有 editor.js，在屏幕右侧有一堆按钮。

按钮是短语的集合，当点击它时，短语必须插入到 editor.js

但是，它必须在失去焦点之前插入光标所在的位置，考虑到它在 editor.js 中的任何位置，例如，可以在第一个、第二个或最后一个块中，并且在特定块内，光标可以在句子的开头、中间或结尾。

如何检索块和光标位置以插入新短语？

提前致谢

我目前正在用 python 和 django 制作一个博客站点，并且为了博客编辑，我看到了许多用于 django 的文本编辑插件，比如 ckeditor，但只有一个。我喜欢的是 Editor.js

谁能告诉我如何以最安全的方法将 editor.js 放入 Django 中？

我正在尝试使单击按钮将数据提交到数据库。