问题标签 [editorjs]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
64 浏览

reactjs - 反应父母对孩子道具传递而不重新渲染

我的父组件上有一个按钮,子组件中有一个第三方表单。当用户单击按钮时,子组件中的保存功能应该运行。这是我的计划。

方法 1 我试过: 1.在父级上创建了一个名为save. 2. 单击按钮时,save 变为 true 3. Save 作为 props 传递给子级 4. Child 包含一个监听 props.save 变化的 useEffect() 5. 如果 props.save 为 true,则子级的 save 函数组件运行

方法2我试过:

  1. 我没有传递道具,而是创建了一个 react-redux 商店。
  2. store 包含默认为 false 的保存变量
  3. 单击按钮时,在 redux 中保存变为 true
  4. 我使用 useSelector() 挂钩来监听子组件内的保存变量更改
  5. UseEffect 用于在检测到值更改时运行 save() 函数

这两种方法发生的情况是我丢失了子组件中的数据,因为父组件中的变量更改导致页面刷新。因此,我想将数据传递给孩子,而不会导致重新渲染。我有哪些选择?

提前致谢

0 投票
0 回答
154 浏览

javascript - EditorJS 总是渲染两个编辑器

我正在尝试使用 EditorJS 的编辑器。一切正常,除了当我第一次加载页面时,它会在开始时初始化两个编辑器,并在每次重新加载页面时不断添加新的编辑器。但它们都在<div id='editorjs' />div 内。有什么我想念的吗?

两位编辑

这是来自 dom 的屏幕截图,加载页面后立即添加了两个编辑器。

0 投票
0 回答
20 浏览

reactjs - 对象作为 React 子对象无效(找到:带有键 {isReady} 的对象)。如果您打算渲染一组孩子,请改用数组

我只是在 ReactJS 文件中添加了一个 editorJS 并发现了这个错误。

0 投票
1 回答
45 浏览

npm - 如何从 github 安装 @editorjs/nested-list?

这个答案表明我可以运行

我确实可以运行它,它会安装一个如下所示的目录:

然后,如果我尝试构建它说:

注意如果我直接安装它

它有一个dist

似乎 github 中的内容没有dist构建目录。

但是,githubdist中的内容也有.gitignore(即他们不想将其签入 github)。

那么如何在我的 npm 构建中正确地从 github 获取和使用这个模块呢?

(实际上我想修改它,所以这是制作自己的 repo 之前的第一步。)

0 投票
0 回答
56 浏览

node.js - nodejs中如何通过express框架访问editorjs

我试图弄清楚如何从我的 express nodejs 应用程序中访问我的 editorjs。到目前为止,我看过的每个地方,包括文档,都让我通过网站的客户端使用 editor.save。但是,我想从单击提交按钮时发出的发布请求中访问它。这可能吗?基本上我正在尝试实现这样的目标:

我的问题是尝试从我的客户端 js 文件访问编辑器变量。

0 投票
0 回答
182 浏览

javascript - 使用 Angular 将 EditorJS 图像上传到 Firestorage

我正在将编辑器 JS 用于 Angular 应用程序。当我将 Image 工具与 Firebase 一起使用时,我得到“无法读取未定义的属性 'ref'”。这是我的 .ts 文件:

如何在 Image 块中定义 Firebase 存储?如果我只做 this.storage.upload 我得到同样的错误

0 投票
0 回答
162 浏览

javascript - Editor.js 功能组件从数据库中检索数据并显示在编辑器中

因此,我无法将存储在 mongdb 中的数据重新显示在编辑器中。

我试过保存这样的数据,但没有任何运气

我使用 Editorjs-parser 包和 Editor.js

这也位于功能组件中

这种方式可以更轻松地从数据库中提取它并显示 html 但我无法将其重新插入编辑器

我如何将数据保存为 Editor.js 从数据库中拉回后可以读取的格式,并将其显示回 Editor.js 中,以便进行编辑和重新保存?

0 投票
1 回答
126 浏览

javascript - 如何在 editor.js 中添加内联注释

我已经集成了 editor.js。我想为它添加一个内联评论功能。任何可以指导我完成它的人。

0 投票
0 回答
71 浏览

javascript - 尝试使用包裹进行编译时,Firebase 身份验证不起作用,出现 Uncaught ReferenceError: app_firebase is not defined in console

尝试使用包裹编译博客网站时,应用程序 firebase 未定义错误。我使用 parcel 是因为我使用 editorjs 来制作我的博客编辑器。由于某种原因,所有的 firebase 身份验证都不起作用,我不知道该怎么做。

我已经尝试将包裹更新到最新版本。我已经在网上寻找答案,但我似乎是唯一一个遇到这个问题的人。

由于该错误,无法登录应用程序或获取任何已登录用户的数据。有谁知道如何解决这一问题?

在浏览器控制台中,我收到此错误:

虽然节点没有错误

这是signIn.js:

app_firebase 在 fireBase.js 中定义: 出于显而易见的原因,我删除了所有 firebaseConfig 值

0 投票
1 回答
352 浏览

javascript - 尝试手动向 EditorJS 添加新块时出错

语境

我创建了一个两列页面,一列左侧有一个按钮,右侧有 editorJS。

我想要做的是每当我点击左边的按钮时,我希望它被复制到一个新的 EditorJS 块中。

复制

每当尝试使用editor.blocks.insert(blockToAdd). 与 EditorJS 的配置无关,即使是最基本的配置也会触发此错误。

代码

index.js(我已经修改了这个文件以使其更短,错误总是在同一个地方触发,即

实际文件

索引.html

错误

错误截图

问题可能出在哪里?因为我正在使用<script src="https://cdn.jsdelivr.net/npm/editorjs-drag-drop@latest"></script>某种进口商品?否则,我不知道问题是什么。先感谢您。