问题标签 [ckeditor5-react]

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 回答
2046 浏览

reactjs - React-ckeditor5:CKEditorError:datacontroller-set-non-existent-root:尝试在不存在的根上设置数据

我在我的项目中使用 React-ckeditor 5 包。我得到了一个反序列化的 html 数据,我正在使用 React-html-parser 包将它解析为 html 模板,并且这个解析的数据被传递给 ckeditor,以便它应该以可编辑的格式显示。

这是代码:

但这给了我一个问题CKEditorError: datacontroller-set-non-existent-root: Attempting to set data on a non-existing root,我已经浏览了上述异常中提供的链接:https ://ckeditor.com/docs/ckeditor5/latest/api/module_engine_controller_datacontroller-DataController.html

REACT HTML PARSER 输出为

付款谢谢。<--- 这是里面的文字

标签但我没有得到我做错的地方,请指导。谢谢

0 投票
1 回答
297 浏览

javascript - 在ckeditor 5中获取元素的类似html的字符串表示

在 Ckeditor 5 中,我无法找到从元素中提取字符串的方法。当用户在段落中间点击回车时,我想添加一个功能:

  • 拆分段落
  • 获取最后一段的内容
  • 从编辑器中删除最后一段

我的编辑只允许一个段落。

0 投票
1 回答
3750 浏览

reactjs - 无法使用 CKeditor5 的“简单上传适配器”| 遇到错误 - CKEditorError: ckeditor-duplicated-modules

我正在使用 reactjs 和 ckeditor5-react。我正在浏览标准文档以使用简单上传适配器 https://ckeditor.com/docs/ckeditor5/latest/features/image-upload/simple-upload-adapter.html

但它失败并出现以下错误:

package.json - 相关部分:

我的进口

0 投票
1 回答
1244 浏览

reactjs - ReactJs 中的多个 CKEditor5(不同版本) - 以 'CKEditorError: ckeditor-duplicated-modules' 结尾

我创建了一个主组件和两个子组件来加载 CKeditor5 的两个不同版本(经典和气球);但它给出了以下错误:

CKEditorError: ckeditor-duplicated-modules: 某些 CKEditor 5 模块重复。阅读更多: https ://ckeditor.com/docs/ckeditor5/latest/framework/guides/support/error-codes.html#error-ckeditor-duplicated-modules

第一个组件:

第二部分:

主要成分:

关于如何克服这个问题的任何想法?或者这是一个限制?

0 投票
2 回答
1239 浏览

reactjs - 如何手动在@ckeditor/ckeditor5-react 中添加插件?

所以,我有一个来自https://www.pramukhime.com/的插件,它是语言插件。所以,他们给了我一个包含各种文件的 zip 文件。

文件截图:

插件文件

我猜 plugin.js 是要导入的主要文件。(另外,它已被缩小)

所以,我尝试了以下但得到错误

代码:

那么,我应该如何在我的编辑器中添加这个插件呢?

谢谢

编辑:在配置中添加额外插件时出错

错误

0 投票
3 回答
2375 浏览

javascript - CKEditor React Image Resize 插件

如何将 ImageResize 与 React 一起使用。我找不到任何样品。我想调整我从 CKEditor 添加到我的反应组件的图像大小。

0 投票
1 回答
74 浏览

javascript - ckeditor5中没有编辑气球的链接

我将CKEditor5与Reactjs一起使用,我想添加链接而不进行编辑,我实际上想查看一次创建气球,它是在创建时然后单击链接,没有“编辑气球”,被定向到具体目标。这是可能的还是我必须用css和js代码来处理它?

0 投票
0 回答
924 浏览

reactjs - NextJS + CKEditor5 与 CodeBlock 插件失败(全局 CSS 导入错误)

我正在尝试在 NextJS 中使用 CKEditor5。这是我的软件包版本:

我的组件的相关部分是:

我收到以下错误。

如我所见,CKEditor CodeBlock 插件试图在包中导入全局 CSS。这是 codeblockui.js 中 node_modules 包中的一个示例:

我该如何解决这个问题?

0 投票
1 回答
1906 浏览

javascript - Reactjs 中的 Ckeditor 5 无法正常工作

我在我的 React 项目中使用 Ckeditor 4 很长时间了,我对它没有任何问题。为了添加它提供的添加视频的插件(视频 Html5 标签),我不得不使用 Ckeditor 5 而不是 Ckeditor 4。所以我 根据这个文档一步一步地通过CKEditor 5 在线构建器构建了一个编辑器。这是我项目中 Ckeditor 的目录: ckeditor 目录

( ckeditor.jsckeditor5/src/ckeditor.js) 文件是:

Editor以这种方式使用了:

常量是 CKEditor 组件最简单的editorConfiguration配置,但没有一个工具栏不起作用。

ckeditor.js我需要(ckeditor5/src/ckeditor.js) 文件中存在的所有工具栏。请考虑我使用 Ckeditor5 的主要目标是受益于在文本中添加视频的能力。

0 投票
0 回答
332 浏览

reactjs - 从 ckeditor 5 插件项目符号列表和编号列表在 React 中不起作用,谁能告诉我为什么

我的 CKEditor 代码块

当我单击图标时,仅标题更改,未添加粗体和编号列表。有谁知道原因???