问题标签 [editorjs]

我正在使用 EditorJS ( https://editorjs.io/ )

我有一个带有编辑器支架的隐藏 div 和一个单独的按钮（为 ex 添加新的）我需要这个 div 在用户单击按钮时出现

一切正常

但我无法设置自动对焦，这样用户就不会点击持有人开始使用编辑器

我试着做

但它不起作用

我正在使用邮递员向我的 Laravel API 发送一个发布请求。

body 字段是一个 JSON 数据字段 - 来自编辑器 js 的 JSON.stringify 输出。

我的 laravel 验证规则是 -

但我收到这个错误 -

我在 Laravel 中使用 VUE JS 并想使用这个块编辑器包，我添加了 import 语句import Editor from 'vue-editor-js'，但是运行npm run dev命令后它显示错误Module not found: Error: Can't resolve 'vue-editor-js'，并且包在 node_module 文件夹中。请帮帮我。

还请建议 VUE JS 中是否有任何其他块编辑器插件，应该更类似于 WordPress Gutenberg。

我最近开始Editor.js在我正在构建的 Angular 应用程序中使用，但一直存在一个反复出现的问题，我不确定到底发生了什么。与我的角度应用程序集成后，Editor.js似乎表现良好，但这只是表面上的。当我单击将我定向到Editor.js放置的组件的链接时，该链接首先打开，然后我使用返回导航返回并自动返回页面上的所有链接停止工作，包括指向的链接Editor.js. 控制台上没有错误，角度也没有显示错误。所发生的只是链接停止工作，当我重新加载页面时它似乎开始工作，然后我单击指向 Editor.js 组件的链接，它返回到原始行为。我似乎无法弄清楚。有什么方法可以确定此错误的来源以及我能做些什么？

我在我的 react js 应用程序中添加了EditorJs插件：

根据文档，我可以创建一个自定义元素：

问题：我想将 : 作为自定义元素添加input，<input type="text"/>但即使我这样做我也无法管理：

谁知道如何在上面的插件中添加这个自定义元素？
演示：https ://codesandbox.io/embed/react-editor-js-23opz

我在 React 页面上使用EditorJS以允许人们在基于块的编辑器中编写。但是，我还想构建部分，用户可以有多个部分，每个部分可以支持一个 EditorJS 组件

当我添加一个新部分时遇到了一个问题，并且想要为这个新部分呈现一个空的 EditorJS 组件（并保留旧部分和 EditorJS 实例中的数据）。它不是一个空实例，而是从旧实例复制信息并将其分配给新部分。类型定义如下

我想知道 EditorJS 是否保持某种全局状态，它应用于我的应用程序中的每个自身实例。有没有人有旋转多个 editorJS 实例的经验？

作为参考，我有两个组件：Page.tsx和Section.tsx. 相关代码如下

我在编辑器组件（EditorJS 发现https://github.com/Jungwoo-An/react-editor-js）无法使用 SSR的项目中使用 Next.js。按照 Next 文档，我正在尝试在页面上动态导入我的编辑器组件。当我加载页面时，除了编辑器组件之外的所有组件都会加载。

Components使用Chrome 开发工具中的 React选项卡，它向我显示编辑器组件是一个LoadableComponent卡在加载阶段的组件。

编辑器代码 (Editor.js)

页面代码 [id.js]

这是相关组件的“组件”选项卡的屏幕截图

显示加载状态为可加载组件类型的“组件”选项卡的屏幕截图

我想将块数据动态加载到我的 EditorJS 实例中。我想做这样的事情：

我似乎没有在https://editorjs.io/上找到有关如何执行此操作的任何文档

我知道我可以在初始化期间将块加载到 EditorJS，但我需要在按钮单击时加载动态数据。

我正在关注https://medium.com/analytics-vidhya/integrating-editorjs-with-django-7a30127d0771的 django-editorjs(django package) 教程。每当我尝试上传图片时，我都会收到此 csrf 错误：禁止（CSRF 令牌丢失或不正确。）：/media/imageUpload/ 我设置了媒体根目录和 url，我可以从“http:/”查看示例图片/127.0.0.1:8000/media/imageUpload/example.jpg' 似乎它适用于媒体。但是，本教程涉及使用 @exempt_csrf 和 @requires_csrf_token 上传图像，看起来它会导致 csrf 问题。我尝试了解决方法（例如：https ://github.com/editor-js/image/issues/45 ），添加了带有csrf令牌的additionalRequestHeaders，但它一直显示相同的错误。

这是我的代码：

#urls.py（应用程序）

#urls.py（项目）

#views.py（功能部分）

#models.py

我尝试了 x-csrf-token 的其他变体，例如调用令牌并使用 'const csrftoken = getCookie('csrftoken');' 在javascript等中，但我一直在试图弄清楚。

有任何想法吗？

错误：无法上传图片，请尝试另一个 Forbidden（CSRF 令牌丢失或不正确。）：/fileUpload

视图.py

网址.py