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

python - EditorJS 将图像上传到 AWS S3

我正在使用EditorJSwithPython3 & Flask并且我希望当用户使用EditorJS并上传一些照片来写帖子时,它应该直接转到AWS s3. 谁能建议我怎么做?

0 投票
1 回答
169 浏览

reactjs - 如何在 mongodb 中使用 editor.js

我正在用 nextjs 建立一个博客。我使用 editor.js 作为我的编辑器,但我发现很难将 editor.js 数据保存在 mongodb 数据库中

我的博客模型:

我试图将博客文章保存到数据库的位置:

我得到的错误

消息:“值“{\n 时间:1631742225097,\n 块:[ { id:'gKAdY5E37a',类型:'paragraph',数据:[Object]}],\n 版本:'2.22。 2'\n}" (类型 Object) 在路径 "post""

0 投票
1 回答
212 浏览

javascript - 将 json 数据加载到 editorjs

在我的网页上,我有一个 editorjs。用户输入信息,并将其保存到我的 mongodb 中(作为 JSON)。如果我想编辑信息,我会尝试从数据库中获取该信息并将其加载回 editorjs。我尝试了几种不同的方法;这些都不起作用。这就是我的 editorjs.js 文件中的内容:

我愿意接受建议。

0 投票
0 回答
46 浏览

html - 在 Angular2 从 JSON 生成复杂的 html

我们用 Angular 编写应用程序。在我们的应用程序中,我们需要写文章,所以我们决定使用 Editor.js。现在我们遇到了如何正确解析 JSON 文章并从中生成 HTML 的问题。对于文章,我们有这样的 JSON 对象。

对于简单的 JSON,毫无疑问我会在 Angular 模板中生成 HTML,但是根据我们的需要,我们可能会有更复杂的块和许多样式选项,所以我认为在模板处处理的逻辑太多,并且可能会减慢我们的应用程序. 例如,对于图像,我们必须根据captionwithBackgroundstretched、等属性有条件地使用不同的类或样式withBorder。并且我们可能在文章和其他具有多种样式选项的块中有多个图像。

另一种方法是在 .ts 文件中解析 JSON,并将所有块映射到具有某些类和样式的 html-string。但是,如果我们有类似图片库或滑块或其他一些复杂块的东西,我们将不得不生成非常大的字符串,我认为用单独的组件替换会更好,但据我所知,我们不会能够将组件选择器用作模板中的字符串。另外我认为如果在 .ts 文件中生成 html,我们可能会遇到样式封装问题。

所以我的问题是从如此复杂的 JSON 生成 HTML 的最佳方法是什么?如果我们将复杂的逻辑放在模板中,真的会减慢我们的应用程序吗?也许有第三种或第四种方法可以做到这一点?

0 投票
1 回答
198 浏览

javascript - react-editor-js 上的窗口未定义构建错误

如标题中所述,我在尝试构建时遇到了错误。

当我在我的机器上运行 npm run 并进行以下修复时,我可以让编辑器正常工作,但是当我尝试构建它时,它会抛出这个错误。

我的代码如下。

Rich.tsx 文件

下面是构建错误。

环境

  • @editorjs/editorjs 版本:2.22.2
  • react-editor-js 版本:1.10.0

我应该做些什么改变或者我错过了什么?

0 投票
1 回答
174 浏览

javascript - Editor.js 在 React 中渲染/输出两个编辑器

我在 React (Next.js) 中使用 Editor.js 并拥有原始包,而不是用于反应的 3rd 方包装器。

由于我不知道的原因,它codex-editores在页面上呈现/显示/输出两个!它们都正常且独立地工作。

屏幕截图(我添加了边框以显示该区域)

问题截图

代码

索引.jsx

_app.js

我试过的

  • 正常评论<SafeHydrate>和渲染页面:不走运。(我添加了 SafeHydrate 以便我可以使用windowAPI 并禁用 SSR)
  • 删除我的自定义 CSS(边框):不走运
  • id="editorjs":什么都没有出现<div>

补充说明

只有从侧边栏菜单(类似 SPA)访问该页面localhost:3001/notes/editor才能访问。我的意思是,如果直接打开它会显示“未定义窗口”。

是什么导致了问题?

0 投票
0 回答
40 浏览

react-native - 在 react-native 中使用编辑器 js 嵌入 Instagram 帖子

我正在尝试在 react-native 上使用编辑器 js 嵌入 Instagram 帖子。我找不到任何类似的方法,

https://www.npmjs.com/package/editorjs-youtube-embed

任何帮助,将不胜感激。

0 投票
0 回答
62 浏览

javascript - 如何在 React-Native 中设置 Editor Js?

在 ReactJS和简单的 JS 中也使用了 Editor-JS。在反应中,我在 ReactJS 中使用了react-editor-js包,并尝试在React-Native中使用相同的包,但它给出了参考错误:

错误:需要模块“node_modules\react-editor-js\dist\react-editor-js.umd.js”,引发异常:ReferenceError:找不到变量:元素

我是 Native 新手,无法解决此错误。

代码:

初始化编辑器

编辑器工具

我也尝试过使用官方的 EditorJS 包,但它需要

React-Native 不支持 id 。我不能使用任何其他编辑器,因为我的整个应用程序应该与使用 EditorJS 的 Web 应用程序保持一致。

0 投票
0 回答
57 浏览

javascript - 导入的 SVG 渲染为字符串

我正在使用 editorjs npm 包并创建了一个自定义插件。

要为编辑器显示图标,必须提供 SVG,如下所示 在此处输入图像描述

这在使用内联 svg 时有效,如下所示

但是,当我尝试导入 SVG 并改用引用时:

它呈现为字符串:

在此处输入图像描述

我试图弄清楚在第二个实例中加载 SVG 需要做什么。

0 投票
0 回答
12 浏览

editorjs - EditorJS 填充以前保存的 HTML

有没有办法用保存的 html 填充 EditorJS?

我将内容作为 html 保存到数据库中,因为我只需要以那种形式保存它,如果没有办法至少以某种方式显示 HTML 数据,那么必须保存两次(在 EditorJS cleanData 和 html 中)将是一种真正的耻辱。