问题标签 [ckeditor5]

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

text - 如何使CKEditor 5正确插入带有段落的复制文本?

默认情况下,它的工作方式如下 https://prnt.sc/jj2wn1

我希望它保存换行符

0 投票
2 回答
1311 浏览

javascript - 如何验证来自 CKEditor 5 编辑器的内容?

我试图弄清楚如何验证编辑器中的内容,例如,确保内容长度至少为 200 个字符。通常,使用常规文本区域,我可以检索值并从那里验证它。据我了解,这并不容易。

0 投票
1 回答
1105 浏览

ckeditor - 如何在 CKEditor 5 中禁用放置事件

我们正在尝试将 CKEditor 5 实施到我们的应用程序中,并且我们在文档方面遇到了一些困难。

我们想禁用拖放事件到编辑区域或以某种方式控制它。有活动吗?

我们正在尝试editor.model.document.on('clipboardInput')editor.model.document.on('dragover')没有任何运气。这些事件不会被触发。

0 投票
3 回答
7172 浏览

angular - ckeditor5 文本对齐插件不起作用

  • 我按照ckeditor5的文档中提到的文本对齐插件的安装步骤进行操作。

  • 添加对齐插件如下

从'@ckeditor/ckeditor5-alignment/src/alignment'导入对齐;ClassicEditor .create(this.element.nativeElement, { plugins: [ Alignment ], toolbar: [ 'alignment' ] })

我收到以下错误:

有人可以帮我解决这个问题吗?按照文档中提到的步骤进行操作,但仍然存在此问题。

以下是 ckeditor 的完整 angular5 组件代码:

0 投票
1 回答
85 浏览

reactjs - 为什么不能渲染这个?

我正在构建一个 React Typescript 应用程序,并使用 CKEditor,一个方法给了我这个对象:

在此处输入图像描述

当我尝试渲染它时,它给了我这个错误:

在此处输入图像描述

有人可以向我解释我做错了什么吗?

这是代码:

0 投票
2 回答
596 浏览

ckeditor5 - 创建工具栏组件以将工具栏分为两部分

我试图将我的 CKEditor 5 工具栏分成两部分,彼此相距很远。这是我的实际工具栏:

在此处输入图像描述

使用以下 html 呈现的代码:

在此处输入图像描述

我想要的是这样的:

我想根据该分隔符生成此代码:

我不知道如何实现这一目标。有人有想法吗?

0 投票
1 回答
1640 浏览

javascript - 从纯 JavaScript 使用 CKEditor 5 DecoupledEditor

我正在尝试使用 CKEditor 5 框架和我自己的插件来构建一个自定义编辑器。

我的webpack.config.js包含以下行:

所以当我跑步时

它为我生成一个bundle.js文件,其中包括我的app.js.

如果我的app.js文件调用DecoupledEditor.create(...)并且如果我使用它构建它./node_modules/.bin/webpack然后包含<script src='dist/bundle.js' />在我的 HTML 文件中,那么一切正常,我得到一个带有我自己的插件的 CKEditor :)

但我真正需要的是能够DecoupledEditor.create(...)从我自己的自定义手写 JavaScript* 调用,它不是使用 webpack 构建的,我无法让它工作。

如何从纯 javascript 中使用 CKEditor 5 DecoupledEditor?

我想我需要导入课程,但如果我做

在我自己的javascript中,我得到了错误

“TypeError:解析模块说明符时出错:@ckeditor/ckeditor5-editor-decoupled/src/decouplededitor”

*真的是从 GWT 打来的,但这并不重要。

0 投票
1 回答
2353 浏览

javascript - 在 CKEditor 5 的自定义版本上导出 ClassicEditor

我正在尝试使用“场景 2”构建 CKEditor 5,如下所述:

https://docs.ckeditor.com/ckeditor5/latest/builds/guides/integration/advanced-setup.html

它几乎可以工作了。在我app.js通过 webpack 与编辑器一起编译的文件中,我可以引用ClassicEditor.create并创建一个新的编辑器:)

但是ClassicEditor不要被导出,所以任何不是由 Webpack 编译的外部 javascript 都不能引用ClassicEditor(我只是得到“ReferenceError: ClassicEditor is not defined”)。

那么如何ClassicEditor导出呢?

以下是我使用的文件:

webpack.config.js:

0 投票
0 回答
51 浏览

ckeditor - 浏览 CKEditor 5 中的不同部分

我想在单击时将光标移动到特定的段落/部分particular key

如何在 CKEditor 5 中实现这一点

0 投票
1 回答
1323 浏览

javascript - CKEditor5 Balloon Build - 工具栏的剪贴板项目

我正在从 CKEditor4 升级到 CKEditor5。我想拥有与我们相同的工具栏配置,但我不知道如何添加剪贴板功能(复制、剪切、粘贴等)。

我正在尝试将它们添加到 ckeditor5-build-balloon 构建中。我尝试了一些不同的东西:

我读到一些暗示Essentials插件包含剪贴板功能的内容,但我将其添加到 build-config.js (@ckeditor/ckeditor5-clipboard) 以防万一......

我找不到任何显示如何将剪贴板工具添加到工具栏的示例。基于 v4 配置,我正在尝试此设置:

我还尝试在 BalloonEditor 的实例使用中指定工具栏选项:

但是工具栏从来没有任何剪贴板功能。我知道新版本有一种新的“极简主义”方法,并且 CTRL+C/V 的键盘快捷键被广泛理解。但看起来你应该能够包含它们,对吧?