ckeditor5 相关问题

将数据传递到 Modal 时出现重复的 CKEditor5 问题

我使用AJAX请求从数据库获取数据。当我将每个数据传递到输入表单时，都没有问题，但是当我将数据传输到CKEditor5时，我收到错误：每次关闭并重新打开...

如何在TYPO3 12的CKEditor 5中允许自定义HTML标签？

根据更新日志，CKEditor 5 插件“GeneralHTMLSupport”在 TYPO3 12 中可用。我想它可以在自己的编辑器配置（yaml）中激活： 进口： - {资源...

从 Online Builder 安装 Vue 3 CKEditor 5 不起作用

我正在按照他们的文档将我的自定义构建添加到 vue 3，这是我的组件 //在脚本设置中 从 '@ckeditor/ckeditor5-vue' 导入 CKEditor 从 'ckeditor5-custom-build/

从元素中删除内容或在编辑中清空 CKEditor 5 的下转型转换中的元素

在编辑Downcast的以下转换中，我想清空一个元素，以便其中的任何内容不会出现在CKEditor中。这个特定元素将被填充 v...

未捕获的引用错误：在 CKEditor 中使用自定义构建时未定义 ClassicEditor

我正在构建一个 Flask 博客应用程序并尝试将 CKEditor 集成到模板中。首先，我尝试使用 CDN 来实现它，效果很好。然后我使用 CKEditor 5 Online 构建了一个自定义构建

从CDN加载时如何将源代码编辑插件添加到CKEditor v5？

我想使用 CKEditor v5 并从 CDN 加载它。我也想使用源编辑插件 我想知道我是否可以使用 https://www.jsdelivr.com/package/npm/@ckeditor/ckeditor5-source-editing CKEditor 5 DLL

如何在CKEditor5中配置列表样式？

我们有一个要求，必须从 CKEditor 5 中删除一种列表样式 目前，如果启用了列表属性插件，则 CKE 5 中可以使用以下 6 种列表样式。 小数 带-

Laravel Backpack 6 ckeditor 5 查看源码按钮

我正在使用背包 6 和 ckeditor 5... 如何将“查看源代码”按钮添加到 ckeditor 导航栏上？ 并且还允许在所见即所得中添加 div 和 class 标签而不将它们删除？...

CKE5 内部使用的第 3 方库是什么？

我们正在评估 ckeditor 5，需要以下信息 - 我们能否获得有关 CKE5 内部使用的第 3 方库的一些指针？ 我尝试搜索 cke5 API 文档（下面的链接）

如何在 ckeditor 5 中解决 Angular 编辑器外部的注释

如何在 ckeditor 5 中解析编辑器外部的注释，同时解析注释注释未删除的注释。

CKEditor 5 - 在外部操作/事件上为编辑器在深色和浅色主题/背景之间切换

我在 React 应用程序中使用 CKEditor5，并尝试实现一个切换以在 CKEditor5 的深色和浅色主题之间切换。 从他们的文档中我发现了这一点：https://ckeditor.com/docs/cked...

CK Editor 5 无法在编辑器之外添加评论？

每当我尝试在 ck-editor 5 中的编辑器外部添加注释时。 出现以下错误： 错误类型错误：无法读取 null 的属性（读取“名称”） 虽然我正在关注“ck编辑器

如何获得 HTML 输出而不是 Markdown？

我目前正在使用 CKEditor 5 在我的应用程序中拥有一个文本编辑器（用 nextjs 制作）。问题是，我希望我的编辑器输出是 HTML 而不是 Markdown。 当前编辑器代码 我目前正在使用 CKEditor 5 在我的应用程序中拥有一个文本编辑器（用 nextjs 制作）。问题是，我希望我的编辑器输出是 HTML，而不是 markdown。 当前编辑器代码 <CKEditor // @ts-ignore editor={CKEditorCustomBuild} onChange={(event: any, editor: any) => { const data = editor.getData(); onChange(data); }} /> data函数内部onChange的输出类似于： Hello there, my _name_ is **John Doe**. 我想要以下格式： Hello there, my <u>name</u> is <strong>John Doe</strong>. 我怎样才能实现这一目标？ 与@endbermudas 的评论中的每个讨论： CKEditor 5 默认以 HTML 格式输出内容。如果您将 Markdown 作为输出，则您可能正在使用 Markdown 插件或配置为输出 Markdown 的自定义构建。

如何通过单击外部元素将内容添加到 CKeditor5 中

我的页面上有几个位于 Ckeditor 之外的按钮，我想单击它们并向 Ckeditor5 添加内容。 通过单击按钮，我进行 ajax 调用以从

使用经典 CKEditor5 和表单控制反应引导程序

大家好，我是网络开发方面的新手，我想尝试使用react-bootstrap中的表单控件来实现富文本编辑器（我正在使用经典CKEditor 5），但是当我用Form.Cont包装它时.. .

CKeditor 5 无法在 laravel 中上传图片

我正在使用 ckeditor 在 laravel 中上传图像 它工作正常并将图像上传到文件夹，但在前面它给出了“无法上传图像：图像名称”的警报错误并删除了图像...

如何强制 CKEditor 使用表格标题？

我想在输出 GitHub 风格的 markdown 时使用 CKEditor 中的表格。要将表格输出为纯 Markdown，必须至少有一个标题行。添加新表时，很容易...

如何在react js中显示ckeditor内容与编辑器中显示的内容完全相同（包括所有嵌入的东西）？

我正在一个博客网站上工作，并努力寻找在react js中显示ckeditor的原始内容的方法，尝试了setInnerHtml <- (bad formating) ? How to display the content in the exact same

CkEditor5 insertContent 功能不起作用

我正在尝试使用 insertContent 方法，但出现一些错误。 这是我的实现 这是编辑内容。 我正在尝试使用 insertContent 方法，但出现一些错误。 这是我的实现 <div id="editor"> <p>This is the editor content.</p> </div> <button onclick="update()">update</button> <script src="./node_modules/@ckeditor/ckeditor5-build-classic/build/ckeditor.js"></script> <script> var editorInstance; ClassicEditor .create(document.querySelector('#editor')) .then(editor => { editorInstance = editor; }) .catch(error => { console.error(error); }); function update() { editorInstance.model.insertContent("<p><b>Test</b> Content</p>") } </script> 更新方法应该使用给定的内容更新编辑器源，但我收到错误 控制台错误： 未捕获类型错误：e.is 不是函数 在 xc.Nm (converters.js:777) 在 xc.fire (emittermixin.js:209) 在 xc。 [作为 insertContent] (observablemixin.js:259) 更新时 (ck5.html:19) 在 HTMLButtonElement.onclick (ck5.html:4) 有人可以帮忙解决这个问题吗？ 此错误似乎是由于尝试使用 insertContent 方法插入 HTML 引起的 - 此方法似乎默认需要纯文本字符串，尽管我们可以通过一些额外的步骤使其接受 HTML。 首先，您需要获取 HTML 数据处理器： const htmlDP = editorInstance.data.processor; 接下来，您需要使用我们刚刚获得的 HTML 数据处理器将 HTML 字符串转换为 viewFragment： const viewFragment = htmlDP.toView("<p><b>Test</b> Content</p>"); 最后，我们需要将 viewFragment 转换为 modelFragment： const modelFragment = editorInstance.data.toModel( viewFragment ); 现在我们可以将 modelFragment 传递给 insertContent 方法： editorInstance.model.insertContent(modelFragment); 这应该消除错误并允许将标记字符串插入编辑器中 对于那些尝试在 React 项目中实现它的人， 使用“setData”可能是重要的选择之一。 const ChildComponent1 = ({ editorRef }) => ( <CKEditor {...other props} onReady={(editor) => { editorRef.current = editor; }} /> ) const ChildComponent2 = ({ editorRef }) => { const insertTest = () => { const editorInstance = editorRef.current; if (editorInstance && typeof editorInstance.setData === 'function') { const contentToInsert = '<p>test</p>'; const currentData = editorInstance.getData(); const newData = currentData + contentToInsert; editorInstance.setData(newData); } }; return ( <div css={{ padding: '4px 16px 6px' }} onClick={insertTest}> test </div> ); } Const ParentComponent = () => { const editorRef = useRef(null); return ( <div> <ChildComponent1 editorRef={editorRef} /> <ChildComponent2 editorRef={editorRef} /> </div> ) } 同样的事情发生在我身上，所以我决定使用 textarea 字段和 setData 函数。 因此，就我而言，我使用隐藏的文本区域字段，而不是直接在 CKEditor 中设置数据。 每当它发生变化时，我都会从中获取数据并在 CKEditor 中设置，如下所示： document.querySelector('#textareaField').addEventListener('change', () => { const textareaFieldContent = document.querySelector('#textareaField').value; editor.setData(textareaFieldContent); }); 为了在将数据放入文本区域后触发更改事件，我使用了以下代码： const changeEvent = new Event('change', { bubbles: true }); document.querySelector('#textareaField').dispatchEvent(changeEvent); 如果您已经解决了问题，希望它能对您或其他任何人有所帮助。

为什么ckeditor5中选择的youtube链接在前端看不到？

在 laravel 8 / jquery 3.6 / ckeditor5 中，在管理区域中，我单击“插入媒体”标准工具栏 按钮：https://prnt.sc/dpxoza8_CTlC 我复制粘贴 youtube url ckeditor5 显示了这个...