问题标签 [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 投票
2 回答
1876 浏览

javascript - 如何在 Editor.js 中添加新块

我正在使用Editor.js,但我不知道如何通过 javascript 在编辑器中添加新块,例如

我已经通过 docs 创建了编辑器:

但我无法添加任何新文本,我尝试了以下方法:

它没有帮助,editor.configuration.data.blocks更新自己的值,但添加的值不会显示在 Editor.js 视图中。

0 投票
1 回答
384 浏览

javascript - 在 Editor.js 中将实例限制为一种块样式

我正在使用Editor.js库。
我想在我的编辑页面上有一个只接受 Header 块的标题部分。这是我用来实现它的代码:

现在,这基本上像我想要的那样工作。但是,它允许我在该编辑器中添加多个标题。也就是说,如果我输入一个标题并按回车键,我可以得到一个加号图标,它允许我添加另一个标题 --- 和另一个,等等。

但我不想那样。我想要一个页面的标题。即,我只想将该块锁定到 Header 块的一个实例。

知道我该怎么做吗?

0 投票
0 回答
1266 浏览

javascript - editorjs图片插件返回图片url未拾取

我将editorjs配置到我的应用程序中。我在上面安装了图像插件,以便我可以将图像上传到服务器。现在我的服务器上传图像并返回具有指定格式的 JSON,即,

响应有 file->url 但仍然错误上传消息

错误图像

这是我的配置代码:

我做错了什么有人可以帮忙吗?

0 投票
1 回答
3805 浏览

javascript - React 上的 EditorJS

所以我想看看这个新的富文本编辑器编辑器,https://editorjs.io/

我安装了非官方的 reactJS 版本,但我不太确定我在这里做错了什么...... https://www.npmjs.com/package/react-editor-js

有人用过这个吗?可以用钩子完成吗?我的想法是我需要定义这个编辑器的一个实例,这样我就可以保存数据。因为当前onChange 编辑器没有向数据对象或输入的数据添加任何新块

在此处输入图像描述

此外,如果我在控制台中将数据对象作为空对象传递,则不会显示初始 EditorJs 块。

任何帮助,将不胜感激。

0 投票
2 回答
1154 浏览

javascript - 在 TypeScript 中使用 EditorJS 时遇到问题

我正在尝试使用 TypeScript 并尝试将 EditorJS 与 Typescript 一起使用。到目前为止,我为我的项目下载并安装了 EditorJS,npm i @editorjs/editorjs一切顺利。

然后,我尝试使用以下行在我的项目中使用 EditorJS:

但是,构建失败并显示以下消息:

该文件夹module_modules/@editorjs确实存在于我的项目中,所以我无法弄清楚这里可能存在什么问题。

我希望有人能指出我正确的方向

以下是我的项目结构的概述:

我省略了与 editorjs 无关的所有其他文件夹

我的 tsconfig.json 如下:

在 packakge.json 我添加了以下依赖项:

提前致谢。

0 投票
2 回答
837 浏览

nuxt.js - 如何在 NuxtJS 项目中使用 EditorJS?

我正在尝试在 NuxtJs 项目中使用 EditorJs。

Medium 在https://medium.com/code4mk-org/editorjs-vue-a78110c3fff8上有一篇文章。

它可以工作,但是如果我重新加载页面,我会收到“未定义窗口”错误,因为代码正试图在服务器端运行。

有一个名为https://github.com/ChangJoo-Park/vue-editor-js的包适用于 NuxtJs,但它在图像上传方面存在问题。

它有效,但我在加载工具时出错

// ImageTool = require('@editorjs/image') // 出错

也许还有另一种方式?

0 投票
6 回答
10179 浏览

javascript - 将 EditorJs 文本编辑器 json 转换为 html 元素的最佳方法是什么?

我正在尝试将 EditorJs 输出转换为 Html。EditorJs 输出“干净”的数据,如下所示:

如何将其转换为原始 HTML?我必须手动转换吗?

0 投票
1 回答
30 浏览

reactjs - 我们如何将其添加到我们的网站。React js 或任何网站,编辑器

我们如何将其添加到我们的网站。React js 或任何网站, 编辑器

在此处输入图像描述

0 投票
0 回答
430 浏览

javascript - 如何在某个固定高度后使编辑器 JS 可滚动?

editorjs 中,我想让它可滚动而不是扩展到底部(添加新行扩展它......)。所以编辑器会在我的页面上占用更少的空间。

我只是使用editorjs的基本版本

0 投票
1 回答
1679 浏览

angular - Editor.js 标头和其他工具不起作用

我正在尝试在我的一个 Angular 应用程序中使用Editor.js,当我尝试配置标题、列表和其他块时,它给了我以下错误:

这是我的组件的代码片段。

段落工具工作正常,只有在我尝试配置其余工具时才会出现错误。