ckeditor5 相关问题

CKEditor5：Django 中的图像上传问题 (django-ckeditor-5)

我在将 CKEditor5 集成到 Django 项目时遇到问题。具体来说，图像上传功能无法正常工作。当我尝试上传图像时，我收到一条警报...

Angular 17/CdkEditor

在Angular 17中，我无法将CKeditor集成到项目中。在我想使用的组件中： "message": "组件'CKEditorComponent'出现在'imports'中，但不是独立的......

如何在我的 Vue 应用程序中集成自定义 bulid CKEditor 5

我已经从 CKEditor 5 Online Builder 进行了自定义构建并下载了它，但它是在 Webpack 中构建的，我在 Vue 3 项目中使用 Vite。 我试过下面的代码： 导入CKEd...</desc> <question vote="0"> <p>我已经从 <a href="https://ckeditor.com/ckeditor-5/online-builder/" rel="nofollow noreferrer">CKEditor 5 Online Builder</a> 进行了自定义构建并下载了它，但它是在 Webpack 中构建的，我在 Vue 3 项目中使用 Vite。</p> <p>我尝试过以下代码：</p> <pre><code>&lt;script setup&gt; import CKEditor from &#34;@/ckeditor5-custom-build/build/ckeditor&#34; import { component as ckeditor } from &#34;@ckeditor/ckeditor5-vue&#34;; const editor = ref(CKEditor); const editorData = ref(&#34;&#34;); const editorConfig = ref({}); &lt;/script&gt; &lt;template&gt; &lt;ckeditor :editor=&#34;editor&#34; :config=&#34;editorConfig&#34; v-model=&#34;editorData&#34;&gt;&lt;/ckeditor&gt; &lt;/template&gt; </code></pre> <p>我遇到以下错误：</p> <blockquote> <p>找不到模块：错误：无法解析“ckeditor5-custom-build/build/ckeditor”</p> </blockquote> </question> <answer tick="false" vote="0"> <p>从<a href="https://ckeditor.com/ckeditor-5/online-builder/" rel="nofollow noreferrer">CKEditor 5 Online Builder</a>下载构建zip文件后。解压 zip 并转到文件夹打开 package.json 文件</p> <pre><code>{ ... &#34;dependencies&#34;: { &#34;@ckeditor/ckeditor5-alignment&#34;: &#34;41.2.1&#34;, &#34;@ckeditor/ckeditor5-autoformat&#34;: &#34;41.2.1&#34;, &#34;@ckeditor/ckeditor5-basic-styles&#34;: &#34;41.2.1&#34;, &#34;@ckeditor/ckeditor5-block-quote&#34;: &#34;41.2.1&#34;, &#34;@ckeditor/ckeditor5-cloud-services&#34;: &#34;41.2.1&#34;, &#34;@ckeditor/ckeditor5-editor-classic&#34;: &#34;41.2.1&#34;, &#34;@ckeditor/ckeditor5-essentials&#34;: &#34;41.2.1&#34;, &#34;@ckeditor/ckeditor5-font&#34;: &#34;41.2.1&#34;, &#34;@ckeditor/ckeditor5-heading&#34;: &#34;41.2.1&#34;, &#34;@ckeditor/ckeditor5-image&#34;: &#34;41.2.1&#34;, &#34;@ckeditor/ckeditor5-indent&#34;: &#34;41.2.1&#34;, &#34;@ckeditor/ckeditor5-link&#34;: &#34;41.2.1&#34;, &#34;@ckeditor/ckeditor5-list&#34;: &#34;41.2.1&#34;, &#34;@ckeditor/ckeditor5-media-embed&#34;: &#34;41.2.1&#34;, &#34;@ckeditor/ckeditor5-paragraph&#34;: &#34;41.2.1&#34;, &#34;@ckeditor/ckeditor5-paste-from-office&#34;: &#34;41.2.1&#34;, &#34;@ckeditor/ckeditor5-table&#34;: &#34;41.2.1&#34;, &#34;@ckeditor/ckeditor5-typing&#34;: &#34;41.2.1&#34;, &#34;@ckeditor/ckeditor5-undo&#34;: &#34;41.2.1&#34;, &#34;@ckeditor/ckeditor5-upload&#34;: &#34;41.2.1&#34; }, ... } </code></pre> <p>从 package.json 文件中复制除 devDependency 之外的所有依赖项，并将其粘贴到项目 package.json 文件中，然后运行 <pre><code>npm i</code></pre> 命令</p> <p>转到解压文件夹中的 <pre><code>src</code></pre> 子文件夹并打开 <pre><code>ckeditor.ts</code></pre> 文件</p> <p></p><div data-babel="false" data-lang="js" data-hide="true" data-console="false"> <div> <pre><code>/** * @license Copyright (c) 2014-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ import { ClassicEditor } from &#39;@ckeditor/ckeditor5-editor-classic&#39;; import { Alignment } from &#39;@ckeditor/ckeditor5-alignment&#39;; import { Autoformat } from &#39;@ckeditor/ckeditor5-autoformat&#39;; import { Bold, Italic, Strikethrough, Underline } from &#39;@ckeditor/ckeditor5-basic-styles&#39;; import { BlockQuote } from &#39;@ckeditor/ckeditor5-block-quote&#39;; import { CloudServices } from &#39;@ckeditor/ckeditor5-cloud-services&#39;; import type { EditorConfig } from &#39;@ckeditor/ckeditor5-core&#39;; import { Essentials } from &#39;@ckeditor/ckeditor5-essentials&#39;; import { FontBackgroundColor, FontColor, FontFamily, FontSize } from &#39;@ckeditor/ckeditor5-font&#39;; import { Heading } from &#39;@ckeditor/ckeditor5-heading&#39;; import { AutoImage, Image, ImageCaption, ImageInsert, ImageResize, ImageStyle, ImageToolbar, ImageUpload } from &#39;@ckeditor/ckeditor5-image&#39;; import { Indent } from &#39;@ckeditor/ckeditor5-indent&#39;; import { AutoLink, Link, LinkImage } from &#39;@ckeditor/ckeditor5-link&#39;; import { List, ListProperties } from &#39;@ckeditor/ckeditor5-list&#39;; import { MediaEmbed } from &#39;@ckeditor/ckeditor5-media-embed&#39;; import { Paragraph } from &#39;@ckeditor/ckeditor5-paragraph&#39;; import { PasteFromOffice } from &#39;@ckeditor/ckeditor5-paste-from-office&#39;; import { Table, TableCaption, TableCellProperties, TableColumnResize, TableProperties, TableToolbar } from &#39;@ckeditor/ckeditor5-table&#39;; import { TextTransformation } from &#39;@ckeditor/ckeditor5-typing&#39;; import { Undo } from &#39;@ckeditor/ckeditor5-undo&#39;; import { Base64UploadAdapter } from &#39;@ckeditor/ckeditor5-upload&#39;; // You can read more about extending the build with additional plugins in the &#34;Installing plugins&#34; guide. // See https://ckeditor.com/docs/ckeditor5/latest/installation/plugins/installing-plugins.html for details. class Editor extends ClassicEditor { public static override builtinPlugins = [ Alignment, AutoImage, AutoLink, Autoformat, Base64UploadAdapter, BlockQuote, Bold, CloudServices, Essentials, FontBackgroundColor, FontColor, FontFamily, FontSize, Heading, Image, ImageCaption, ImageInsert, ImageResize, ImageStyle, ImageToolbar, ImageUpload, Indent, Italic, Link, LinkImage, List, ListProperties, MediaEmbed, Paragraph, PasteFromOffice, Strikethrough, Table, TableCaption, TableCellProperties, TableColumnResize, TableProperties, TableToolbar, TextTransformation, Underline, Undo ]; public static override defaultConfig: EditorConfig = { toolbar: { items: [ &#39;heading&#39;, &#39;|&#39;, &#39;bold&#39;, &#39;italic&#39;, &#39;underline&#39;, &#39;alignment&#39;, &#39;|&#39;, &#39;link&#39;, &#39;strikethrough&#39;, &#39;bulletedList&#39;, &#39;numberedList&#39;, &#39;|&#39;, &#39;outdent&#39;, &#39;indent&#39;, &#39;|&#39;, &#39;fontSize&#39;, &#39;fontFamily&#39;, &#39;|&#39;, &#39;fontBackgroundColor&#39;, &#39;fontColor&#39;, &#39;|&#39;, &#39;imageUpload&#39;, &#39;|&#39;, &#39;undo&#39;, &#39;redo&#39; ] }, language: &#39;en&#39;, image: { toolbar: [ &#39;imageTextAlternative&#39;, &#39;toggleImageCaption&#39;, &#39;imageStyle:inline&#39;, &#39;imageStyle:block&#39;, &#39;imageStyle:side&#39;, &#39;linkImage&#39; ] }, table: { contentToolbar: [ &#39;tableColumn&#39;, &#39;tableRow&#39;, &#39;mergeTableCells&#39;, &#39;tableCellProperties&#39;, &#39;tableProperties&#39; ] } }; } export default Editor;</code></pre> </div> </div> <p></p> <p>从<pre><code>ckeditor.ts</code></pre>文件中复制所有导入语句</p> <p>创建名为 <pre><code>Editor.vue</code></pre> 的新 Vue 文件并粘贴导入语句</p> <p>编辑器.vue</p> <pre><code>&lt;script setup&gt; import { ClassicEditor } from &#39;@ckeditor/ckeditor5-editor-classic&#39;; import { Alignment } from &#39;@ckeditor/ckeditor5-alignment&#39;; import { Autoformat } from &#39;@ckeditor/ckeditor5-autoformat&#39;; import { Bold, Italic, Strikethrough, Underline } from &#39;@ckeditor/ckeditor5-basic-styles&#39;; import { BlockQuote } from &#39;@ckeditor/ckeditor5-block-quote&#39;; import { CloudServices } from &#39;@ckeditor/ckeditor5-cloud-services&#39;; import type { EditorConfig } from &#39;@ckeditor/ckeditor5-core&#39;; import { Essentials } from &#39;@ckeditor/ckeditor5-essentials&#39;; import { FontBackgroundColor, FontColor, FontFamily, FontSize } from &#39;@ckeditor/ckeditor5-font&#39;; import { Heading } from &#39;@ckeditor/ckeditor5-heading&#39;; import { AutoImage, Image, ImageCaption, ImageInsert, ImageResize, ImageStyle, ImageToolbar, ImageUpload } from &#39;@ckeditor/ckeditor5-image&#39;; import { Indent } from &#39;@ckeditor/ckeditor5-indent&#39;; import { AutoLink, Link, LinkImage } from &#39;@ckeditor/ckeditor5-link&#39;; import { List, ListProperties } from &#39;@ckeditor/ckeditor5-list&#39;; import { MediaEmbed } from &#39;@ckeditor/ckeditor5-media-embed&#39;; import { Paragraph } from &#39;@ckeditor/ckeditor5-paragraph&#39;; import { PasteFromOffice } from &#39;@ckeditor/ckeditor5-paste-from-office&#39;; import { Table, TableCaption, TableCellProperties, TableColumnResize, TableProperties, TableToolbar } from &#39;@ckeditor/ckeditor5-table&#39;; import { TextTransformation } from &#39;@ckeditor/ckeditor5-typing&#39;; import { Undo } from &#39;@ckeditor/ckeditor5-undo&#39;; import { Base64UploadAdapter } from &#39;@ckeditor/ckeditor5-upload&#39;; &lt;script&gt; </code></pre> <p>安装<pre><code>@ckeditor/ckeditor5-vue</code></pre>包并导入它</p> <pre><code>&lt;script setup&gt; import { ClassicEditor } from &#39;@ckeditor/ckeditor5-editor-classic&#39;; ... ... ... import { component as ckeditor } from &#34;@ckeditor/ckeditor5-vue&#34;; /** &lt;-- Here like this **/ const editor = ref(ClassicEditor); const editorData = defineModel(); const editorConfig = ref({ plugins: [] }) &lt;script&gt; &lt;template&gt; &lt;ckeditor :editor=&#34;editor&#34; :config=&#34;editorConfig&#34; v-model=&#34;editorData&#34;&gt;&lt;/ckeditor&gt; &lt;/template&gt; </code></pre> <p>打开<pre><code>ckeditor.ts</code></pre>并复制builtinPlugins数组中的所有元素</p> <pre><code>... class Editor extends ClassicEditor { public static override builtinPlugins = [ Alignment, AutoImage, AutoLink, Autoformat, Base64UploadAdapter, BlockQuote, Bold, CloudServices, Essentials, FontBackgroundColor, FontColor, FontFamily, FontSize, Heading, Image, ImageCaption, ImageInsert, ImageResize, ImageStyle, ImageToolbar, ImageUpload, Indent, Italic, Link, LinkImage, List, ListProperties, MediaEmbed, Paragraph, PasteFromOffice, Strikethrough, Table, TableCaption, TableCellProperties, TableColumnResize, TableProperties, TableToolbar, TextTransformation, Underline, Undo ]; ... </code></pre> <p>返回 Editor.vue 文件并将其粘贴到 <pre><code>editorConfig</code></pre> 变量插件属性</p> <pre><code>... const editor = ref(ClassicEditor); const editorData = defineModel(); const editorConfig = ref({ plugins: [ Alignment, AutoImage, AutoLink, Autoformat, Base64UploadAdapter, BlockQuote, Bold, CloudServices, Essentials, FontBackgroundColor, FontColor, FontFamily, FontSize, Heading, Image, ImageCaption, ImageInsert, ImageResize, ImageStyle, ImageToolbar, ImageUpload, Indent, Italic, Link, LinkImage, List, ListProperties, MediaEmbed, Paragraph, Strikethrough, Table, TableCaption, TableCellProperties, TableColumnResize, TableProperties, TableToolbar, TextTransformation, Underline, Undo ], }); ... </code></pre> <p>打开 ckeditor.ts 并复制具有值的所有属性 <pre><code>defaultConfig</code></pre> 并将其粘贴到 Editor.vue</p> <pre><code>&lt;script setup&gt; import { ClassicEditor } from &#39;@ckeditor/ckeditor5-editor-classic&#39;; import { Alignment } from &#39;@ckeditor/ckeditor5-alignment&#39;; import { Autoformat } from &#39;@ckeditor/ckeditor5-autoformat&#39;; import { Bold, Italic, Strikethrough, Underline } from &#39;@ckeditor/ckeditor5-basic-styles&#39;; import { BlockQuote } from &#39;@ckeditor/ckeditor5-block-quote&#39;; import { CloudServices } from &#39;@ckeditor/ckeditor5-cloud-services&#39;; import { Essentials } from &#39;@ckeditor/ckeditor5-essentials&#39;; import { FontBackgroundColor, FontColor, FontFamily, FontSize } from &#39;@ckeditor/ckeditor5-font&#39;; import { Heading } from &#39;@ckeditor/ckeditor5-heading&#39;; import { AutoImage, Image, ImageCaption, ImageInsert, ImageResize, ImageStyle, ImageToolbar, ImageUpload } from &#39;@ckeditor/ckeditor5-image&#39;; import { Indent } from &#39;@ckeditor/ckeditor5-indent&#39;; import { AutoLink, Link, LinkImage } from &#39;@ckeditor/ckeditor5-link&#39;; import { List, ListProperties } from &#39;@ckeditor/ckeditor5-list&#39;; import { MediaEmbed } from &#39;@ckeditor/ckeditor5-media-embed&#39;; import { Paragraph } from &#39;@ckeditor/ckeditor5-paragraph&#39;; import { Table, TableCaption, TableCellProperties, TableColumnResize, TableProperties, TableToolbar } from &#39;@ckeditor/ckeditor5-table&#39;; import { TextTransformation } from &#39;@ckeditor/ckeditor5-typing&#39;; import { Undo } from &#39;@ckeditor/ckeditor5-undo&#39;; import { Base64UploadAdapter } from &#39;@ckeditor/ckeditor5-upload&#39;; import { component as ckeditor } from &#34;@ckeditor/ckeditor5-vue&#34;; const editor = ref(ClassicEditor); const editorData = defineModel(); const editorConfig = ref({ plugins: [ Alignment, AutoImage, AutoLink, Autoformat, Base64UploadAdapter, BlockQuote, Bold, CloudServices, Essentials, FontBackgroundColor, FontColor, FontFamily, FontSize, Heading, Image, ImageCaption, ImageInsert, ImageResize, ImageStyle, ImageToolbar, ImageUpload, Indent, Italic, Link, LinkImage, List, ListProperties, MediaEmbed, Paragraph, Strikethrough, Table, TableCaption, TableCellProperties, TableColumnResize, TableProperties, TableToolbar, TextTransformation, Underline, Undo ], toolbar: { items: [ &#39;heading&#39;, &#39;|&#39;, &#39;bold&#39;, &#39;italic&#39;, &#39;underline&#39;, &#39;alignment&#39;, &#39;|&#39;, &#39;link&#39;, &#39;strikethrough&#39;, &#39;bulletedList&#39;, &#39;numberedList&#39;, &#39;|&#39;, &#39;outdent&#39;, &#39;indent&#39;, &#39;|&#39;, &#39;fontSize&#39;, &#39;fontFamily&#39;, &#39;|&#39;, &#39;fontBackgroundColor&#39;, &#39;fontColor&#39;, &#39;|&#39;, &#39;imageUpload&#39;, &#39;|&#39;, &#39;undo&#39;, &#39;redo&#39; ] }, language: &#39;en&#39;, image: { toolbar: [ &#39;imageTextAlternative&#39;, &#39;toggleImageCaption&#39;, &#39;imageStyle:inline&#39;, &#39;imageStyle:block&#39;, &#39;imageStyle:side&#39;, &#39;linkImage&#39; ] }, table: { contentToolbar: [ &#39;tableColumn&#39;, &#39;tableRow&#39;, &#39;mergeTableCells&#39;, &#39;tableCellProperties&#39;, &#39;tableProperties&#39; ] }, heading: { options: [ { model: &#39;paragraph&#39;, title: &#39;Paragraph&#39;, class: &#39;ck-heading_paragraph&#39; }, { model: &#39;heading1&#39;, view: &#39;h1&#39;, title: &#39;Heading 1&#39;, class: &#39;ck-heading_heading1&#39; }, { model: &#39;heading2&#39;, view: &#39;h2&#39;, title: &#39;Heading 2&#39;, class: &#39;ck-heading_heading2&#39; }, { model: &#39;heading3&#39;, view: &#39;h3&#39;, title: &#39;Heading 3&#39;, class: &#39;ck-heading_heading3&#39; }, { model: &#39;heading4&#39;, view: &#39;h4&#39;, title: &#39;Heading 4&#39;, class: &#39;ck-heading_heading4&#39; }, { model: &#39;heading5&#39;, view: &#39;h5&#39;, title: &#39;Heading 5&#39;, class: &#39;ck-heading_heading5&#39; }, { model: &#39;heading6&#39;, view: &#39;h6&#39;, title: &#39;Heading 6&#39;, class: &#39;ck-heading_heading6&#39; } ] } }); &lt;/script&gt; &lt;template&gt; &lt;ckeditor :editor=&#34;editor&#34; :config=&#34;editorConfig&#34; v-model=&#34;editorData&#34;&gt;&lt;/ckeditor&gt; &lt;/template&gt; </code></pre> <p>现在将编辑器组件导入项目中的任何位置</p> <pre><code>&lt;script setup&gt; import { ref } from &#34;vue&#34;; import Editor from &#39;@/components/Editor&#39;; const description = ref(&#34;&#34;); &lt;script&gt; &lt;template&gt; &lt;Editor v-model=&#34;description&#34;/&gt; &lt;template&gt; </code></pre> </answer> </body></html>

允许在链接中使用span，但不将href属性传递给子元素

我已经成功地使用我自己的插件向 CKEditor 添加了一个 span 元素。这可以正常工作，并且该元素可以放置在任何其他元素中。 问题是：插入时...

如何将分页符功能添加到 TYPO3 扩展

我正在尝试创建一个TYPO3扩展，将分页符功能添加到TYPO3 v12中的ckeditor5中。 我的扩展具有以下结构： rte_ckeditor_pagebreak/配置/JavaScriptModu...

CKEditor5+React：如何更新内联小部件表示的节点？

我们正在尝试在 CKEditor5 中使用内联 React 组件小部件。我们已经让它渲染，但现在不确定如何更新模型节点。我们遵循了 React 组件教程，但是修改了...

Angular 17 独立应用程序集成 CKEditor 5 -- 错误：窗口未定义

我的 Angular（版本 17.1.2 和独立版本）应用程序无法集成 CKEditor。 我已按照此处的分步指南进行操作。 错误： [vite] 内部服务器错误：窗口未定义 在 r (d:/研究/

测试时用ckeditor问题进行开玩笑测试

我试图测试我的项目，该项目配置了vite（Typescript）。我用的是玩笑。该项目使用ckeditor。测试时显示以下错误； [！[在此处输入图像描述][1...

yarn 安装本地 npm 包，以便本地包使用主项目的 node_modules（ckeditor-duplicate-modules 错误）

在我的 MainProject 中，我尝试安装使用 ckeditor5 包生成器创建的 ckeditor-5 插件 PeteCkPlugin 的本地版本。 我尝试在本地 PeteCkPlugin 根目录中使用纱线链接...

CKEditor5 图像调整大小无法正常工作

我在我的项目中集成了CKEditor5编辑器来制作电子邮件模板。下面是我的 CKEditor 代码： 我在我的项目中集成了CKEditor5编辑器来制作电子邮件模板。以下是我的 CKEditor 代码： <CKEditor editor={ ClassicEditor } config={ { toolbar: [ 'heading', 'bold', 'italic', 'bulletedList', 'numberedList', 'blockQuote' , 'fontColor' , 'fontBackgroundColor' , 'code', 'uploadImage'], ckfinder:{ uploadUrl:'upload url' }} } data={template} onReady={ editor => { // You can store the "editor" and use when it is needed. //console.log( 'Editor is ready to use!', editor ); } } onChange={ ( event, editor ) => { const data = editor.getData(); console.log(data) setTemplate(data) } } /> 当我使用 CKEditor 在数据库中存储图像时，CKEditor 代码如下所示： <figure class="image image_resized" style="width:2.82%;"><img src="https://www.w3schools.com/html/pic_trulli.jpg"></figure><p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; welcome to &nbsp; {{first_name}}</p> 我的模板是这样的： 我在 CKEditor 中设计了如下图所示的样式，但图像大小调整未出现在我的模板中： 问题是当使用像这样的图形标签时它可以工作： <figure> <img src="pic_trulli.jpg" alt="Trulli" style="width:10%"> <figcaption>Fig.1 - Trulli, Puglia, Italy.</figcaption> </figure> 但是在 CKEditor 中会自动生成这样的代码： <figure style="width:20%;"> <img src="https://www.w3schools.com/html/pic_trulli.jpg"> <figcaption>Fig.1 - Trulli, Puglia, Italy.</figcaption> </figure> 看这个，我猜你需要将图形标签显示更改为阻止。 <html> <head> <style> figure { display: block; } </style> </head> <body> <p>A figure element is displayed like this:</p> <figure> <img src="img_pulpit.jpg" alt="The Pulpit Rock" width="2%" > </figure> <p>Change the default CSS settings to see the effect.</p> </body> </html> 你找到解决办法了吗？我也有同样的问题 我通过ckeditor5插入图像，它变成了200像素，但是ckeditor生成了这个代码 <figure class="image image_resized" style="width:200px;"> <img style="aspect-ratio:1280/720;" src="data:image/jpeg;base64 etc etc.." width="1280" height="720"> </figure> 浏览器尊重 img 标签的宽度

django-ckeditor-5 无法在本地上传文件并且不显示 youtube 链接的预览

我使用 django-ckeditor-5 包成功显示了 ckeditor5，但无法上传图像，并且无法在结果页面上显示 youtube 视频。 这是我在后端控制台上遇到的错误...

django-ckeditor-5 无法在本地上传文件

我使用 django-ckeditor-5 包成功显示了 ckeditor5，但无法上传图像，并且无法在结果页面上显示 youtube 视频。 这是我在后端控制台上遇到的错误...

自定义CK编辑器5个标题

我在React应用程序中使用自定义构建ckeditor5。想要自定义标题。如何为此创建反应类。或者我们可以直接在自定义标题中注入样式吗？ 无法...

django-ckeditor-5 中的完整工具栏

我无法在 django-ckeditor-5 中使用完整工具栏 在 ckeditor-4 中使用： CKEDITOR_CONFIGS = { '默认'： { '工具栏': '完整', }, } 但在5版本中，这个方法不起作用 请帮我

如何正确输出CKEditor5生成的html？

当我调整图像大小并向右对齐时，它会生成： 当我仅输出此 Html 代码时，调整大小和对齐不起作用。 我正在打印生成的 html 代码，如下所示： 回声$

CKeditor 5（在线构建器）坚持在文本字段中包含占位符

使用 CKeditor v5 在线构建器的默认设置，它可以工作，但我有一个小挑战。 文本区域坚持在区域内包含占位符文本。我已经调查过

使用React.lazy加载CKEditor5组件

在我的项目中我想使用CKEditor5。问题是，这个版本与 IE11 不兼容，所以我的目标是延迟加载 CKEditor5 组件，当检测到 IE11 时，我不想简单地加载这些

ckeditor5 html支持UL类到li

我有一个问题正在尝试解决，但找不到原因。我正在使用 ckeditor5，当我尝试通过编辑器添加 html 类时遇到问题 twsa... 我有一个问题正在尝试解决，但找不到原因。我正在使用 ckeditor5，当我尝试通过编辑器添加 html 类时遇到问题 <ul class="test"> <li>twsafs</li> <li>twsafs</li> <li>twsafs</li> <li>twsafs</li> </ul> 我想像这样使用它，但编辑器渲染如下 <ul> <li class="test"> twsafs </li> <li class="test"> twsafs </li> <li class="test"> twsafs </li> <li class="test"> twsafs </li> </ul> 我不知道原因，如果你能帮忙我会很高兴 我尝试允许所有类都具有 htmlSupport 但没有更改。 您找到解决这个问题的方法了吗？

ckeditor dataDowncast - 我不能同时使用markerToData 和markerToHighlight

我有一个 ckeditor5 自定义插件，我必须将标记转换为数据以保存到数据库中。 这是模型：X[Y]Z 标记名称为“my-highlight:1” 这就是我想要的...

cypress 中的 ckeditor5 给出错误：CKEditorError：无法读取 null 的属性（读取“root”）

所以我正在测试的页面上有一个ckeditor，这是一个非常简单的测试，正在运行，但它突然开始给我错误。它有一个工具栏和一个 ckeditor，您可以在其中输入不同的内容