CKEditor 5是一组随时可用的富文本编辑器,使用强大的框架创建,使您能够创建任何类型的文本编辑解决方案,并在其中包含实时协作编辑。将此标记用于任何与CKEditor 5相关的问题。有关CKEditor 4的问题,请使用“ckeditor4.x”标签。
我试图测试我的项目,该项目配置了vite(Typescript)。我用的是玩笑。该项目使用ckeditor。测试时显示以下错误; [![在此处输入图像描述][1...
yarn 安装本地 npm 包,以便本地包使用主项目的 node_modules(ckeditor-duplicate-modules 错误)
在我的 MainProject 中,我尝试安装使用 ckeditor5 包生成器创建的 ckeditor-5 插件 PeteCkPlugin 的本地版本。 我尝试在本地 PeteCkPlugin 根目录中使用纱线链接...
我在我的项目中集成了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> welcome to {{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 包成功显示了 ckeditor5,但无法上传图像,并且无法在结果页面上显示 youtube 视频。 这是我在后端控制台上遇到的错误...
我在React应用程序中使用自定义构建ckeditor5。想要自定义标题。如何为此创建反应类。或者我们可以直接在自定义标题中注入样式吗? 无法...
我无法在 django-ckeditor-5 中使用完整工具栏 在 ckeditor-4 中使用: CKEDITOR_CONFIGS = { '默认': { '工具栏': '完整', }, } 但在5版本中,这个方法不起作用 请帮我
当我调整图像大小并向右对齐时,它会生成: 当我仅输出此 Html 代码时,调整大小和对齐不起作用。 我正在打印生成的 html 代码,如下所示: 回声$
CKeditor 5(在线构建器)坚持在文本字段中包含占位符
使用 CKeditor v5 在线构建器的默认设置,它可以工作,但我有一个小挑战。 文本区域坚持在区域内包含占位符文本。我已经调查过
在我的项目中我想使用CKEditor5。问题是,这个版本与 IE11 不兼容,所以我的目标是延迟加载 CKEditor5 组件,当检测到 IE11 时,我不想简单地加载这些
我有一个问题正在尝试解决,但找不到原因。我正在使用 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,您可以在其中输入不同的内容
未捕获(承诺中)TypeError:Editor.enableReadOnlyMode 不是函数(ckeditor)
我想为我的ckeditor启用只读模式,但是当我使用enableReadOnlyMode时不起作用。 导入'../../../../public/assets/vendor/ckeditor5-41.2.0/build/ckeditor'; 从 '@cke... 导入 CKEditor
“错误:阻止 CORS 策略 - 不存在‘Access-Control-Allow-Origin’标头”
我有问题=“从源“http://127.0.0.1:8000”访问“http://localhost:8000/admin/image-upload/”处的 XMLHttpRequest 已被 CORS 策略阻止:响应飞行前请求美国能源部...
CKEditor5+React+TypeScript:开箱即用的 TypeScript 错误
按照快速入门指南并选择 InlineEditor。还尝试过经典编辑器。我们只是尝试渲染一个 CKEditor 来开始。 我们得到这个错误: C:/Repos/our_project/ 中出现 TypeScript 错误
有没有办法为 CK Editor 创建自定义插件来支持内联 SVG?
我想创建一个插件,让用户可以插入带有 SVG 图标和一些文本的小部件。我创建了允许用户添加文本的小部件,但是当我尝试添加 SVG 时,它会条纹化我的所有属性...
#ckeditor #ckeditor5 服务器错误 ReferenceError: self 未定义
我正在使用 NextJS ceditor5 的构建。如果我刷新页面,就会出现以下错误 服务器错误 参考错误:自我未定义 在对象。 (文件:///var/www/html/projects/CIT_NextJS_Base/5.5/
实际产量 @lilypad 下面尝试过, writer.createUIElement( 'span', null, function( domDocument ) { 常量 domE...
TailwindCSS 和 CKEditor 5 对齐图像时的干扰
我有一个 Laravel 10 项目,使用 Vite 作为资产构建器。我使用 Tailwind 作为 CSS,所以我的 app.css 看起来像这样: @tailwind基地; @tailwind组件; @tailwind实用程序; 现在我正在工作...