CKEditor 5是一组随时可用的富文本编辑器,使用强大的框架创建,使您能够创建任何类型的文本编辑解决方案,并在其中包含实时协作编辑。将此标记用于任何与CKEditor 5相关的问题。有关CKEditor 4的问题,请使用“ckeditor4.x”标签。
我在 Django 项目中使用 django-ckeditor-5 这些是我在 settings.py 中的 ckeditor 设置 CKEDITOR_5_CONFIGS = { “延伸”:{ '块工具栏': [ '段落','标题1','他...
TYPO3 v12 捆绑 CKEditor v5,我们的客户报告在 TYPO3 v11 / CKEditor v4 中删除的内联样式不再从内容中删除。 例如,我们看到如下内容: TYPO3 v12 捆绑 CKEditor v5 和我们的客户报告在 TYPO3 v11 / CKEditor v4 中删除的内联样式不再从内容中删除。 例如,我们看到的内容如下: <span style="background-color;transparent;color:#000000;font-family:'Open Sans',sans-serif;font-size:11pt;font-style:normal;font-variant:normal;font-weight:400;text-decoration:none;vertical-align:baseline;white-space:pre-wrap;">...</span> 我认为安装 Paste From Office 插件可以解决这个问题。虽然我可以找到有关 在 TYPO3 中构建并包含我自己的插件的文档,但我不知道如何包含标准的 CKEditor 插件。 我尝试将插件添加到我的站点包的Configuration/RTE/Default.yaml,但似乎还不够。 editor: config: # ... importModules: - { module: '@ckeditor/ckeditor5-paste-from-office', exports: ['PasteFromOffice'] } 我需要使用 npm 在某个地方下载插件吗?我需要添加一些内容到 Configuration/JavaScriptModules.php 才能加载吗? 或者有没有更好的方法来自动清理粘贴的内容以删除内联样式? 在 v11 中您可能使用了“disallowedContent”。对于 v5,您需要迁移此 https://ckeditor.com/docs/ckeditor5/latest/features/html/general-html-support.html - 请参阅“htmlSupport”选项。这可能根本不允许使用 span.style(如果可以的话)。 实现第三方ckeditor插件可以这样完成: https://docs.typo3.org/c/typo3/cms-core/main/en-us/Changelog/12.0/Breaking-96874-CKEditor-latedPluginsAndConfiguration.html https://www.derhansen.de/2023/05/2023-05-05-create-a-custom-ckeditor5-plugin-for-typo3-12.html
我想用按钮添加一个链接到编辑器中。这在过去有效,但现在不再有效,即使我使用的是固定版本的 ckeditor,因此 npm 不会更新它。 我正在使用 v5.16 让c...
作为如何使用 TYPO3 调整 ckeditor5 文件的示例,我想用我自己的字形扩展特殊字符插件(它在供应商文件中工作,但更新后会丢失......
我正在尝试创建一个自定义插件来插入来自我已构建的媒体浏览器的图像。我想为图像附加一些属性。无论我尝试什么,它都只会插入带有...
我最近遇到了以下问题,我将 ckeditor5 库更新到最新版本,现在尝试使用 Jest 运行测试时出现错误 console.error 错误:无法解析...
为什么 CKEditor5 将图像包装在 <span> 中,呈现为“HTML 对象”块?
我正在将应用程序从使用 CKEditor 4 更新到 5(我知道,太晚了)。 为什么 CKEditor5 将我的图像包裹在 span 标签中?我没有使用任何图像插件,图像是
对不起,我的英语不好。 有这么一段代码: 对不起,我的英语不好。 有这么一段代码: <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script> <link rel="stylesheet" href="https://cdn.ckeditor.com/ckeditor5/43.1.0/ckeditor5.css" /> <body> <div id="addtext">button</div> <div id="inform"> <div class="editor"> <p>Hello from CKEditor 5!</p> </div> </div> </body> <script type="importmap"> { "imports": { "ckeditor5": "https://cdn.ckeditor.com/ckeditor5/43.1.0/ckeditor5.js", "ckeditor5/": "https://cdn.ckeditor.com/ckeditor5/43.1.0/" } } </script> <script type="module"> import { ClassicEditor, Essentials, Bold, Italic, Font, Paragraph } from 'ckeditor5'; // При загрузки страницы ClassicEditor .create(document.querySelector('.editor'), { plugins: [Essentials, Bold, Italic, Font, Paragraph], toolbar: [ 'undo', 'redo', '|', 'bold', 'italic', ] }) .then( /* ... */) .catch( /* ... */); $("#addtext").on("click", function () { var a = $('.editor').html(); alert (a); }) </script> 我更改了ckeditor5表单中的文本并单击addtext,结果,我在警报中得到了旧文本。如何在 ckeditor5 表单中获取新文本? 在此输入图片描述 我需要动态更改文本。 只需使用 CKEditor API editor.getData() let editor; ClassicEditor .create(document.querySelector('.editor'), { plugins: [Essentials, Bold, Italic, Font, Paragraph], toolbar: [ 'undo', 'redo', '|', 'bold', 'italic', ] }) .then(newEditor => { editor = newEditor; }) .catch( /* ... */); $("#addtext").on("click", function () { var a = editor.getData(); alert (a); })
CKEditor5 是 TYPO3 12 的标准编辑器,它带来了很多看起来很有前途的功能。不幸的是,也有一些我无法接受的回稿......
我试图在CKEDITOR5上添加锚点,但是当我退出文本源模式时,编辑器会自动删除“id”属性,我试图为ckeditor5找到一个锚点插件,但我什么也没找到...
我正在尝试在我的角度应用程序中使用ckeditor 5。我已经安装了受人尊敬的库并使用了。但默认的ckeditor5只显示有限的工具。所以我尝试使用
CKEditor5 未显示动态生成的 WTForms 表单字段
使用CKEditor5、WTForms、Flask。 --我知道这个问题看起来像是重复的,但请听我说完! 如果您认为我应该删除并重新发布作为对我原来问题的评论,请告诉我。 巴克...
Next js 14 与 CKEditor 5 构建错误:e.createElement 不是函数
我在使用 CKEditor 的页面上构建 Next.js 14 时遇到构建错误。 我肯定将其范围缩小到编辑器组件。 错误是: 类型错误:e.createElement 不是函数 我读过
我希望你一切都好。我正在使用 PHP 并使用 CKEditor,没有任何问题。一切都正确加载 - 图像、样式,一切 - 但缺少一些功能,包括 H...
ckeditor5中inserthtml(ckeditor4)的替代品是什么
我在ckeditor 4中使用inserthtml函数在外部按钮单击时在ckeditor中插入html,但它不适用于ckeditor 5
我在React中使用CkEditor5。我正在添加图片,但无法更改图片的大小。我无法向左、向右或居中移动图像。 // src/components/CkEditor5.js 导入 React, { useSta...
我有一些错误。我尝试使用 ckeditor 和 ckfinder 在数据库上插入数据。上传数据时,有: 消息:数组到字符串的转换。 这是我的模型 公共函数插入($图像...
我正在尝试编辑一个文本区域,这是ckeditor,但我遇到了问题,如果有人知道请告诉我。 HTML代码 我正在尝试编辑一个文本区域,这是 ckeditor,但我遇到了问题,如果有人知道请告诉我。 HTML 代码 <div class="col-md-12"> <a class="btn btn-primary pull-right" id="nextdiv"> <i class="fa fa-plus"></i> </a> {!! Form::label('content', __('lang_v1.content') . ':*') !!} <div id="editor-container"> <div class="printableArea ck-editor__editable_inline"> {!! Form::textarea('content[]', null, [ 'class' => 'form-control editor updateEditor', 'placeholder' => __('lang_v1.content'), 'id' => 'editor', ]) !!} </div> </div> <div id="container"></div> </div> js代码 $(".template").on('change', function() { $.ajax({ url: '/get/template/data/' + templateId, 类型:'获取', 成功:函数(响应){ console.log(响应.内容) CKEDITOR.instances['editor'].setData(response.content); } )} } 它给出了这个错误 类型错误:无法读取未定义的属性(读取“编辑器”) 我正在做的问题在哪里 根据官方文档,创建编辑器后,可以使用window来参考。 .then( editor => { window.editor = editor; }) 这里是官方文档。 如何来自官方文档。
如何使用nuxt在vue中的ckeditor5中添加自定义工具栏按钮
我尝试将按钮作为插件添加到ckeditor工具栏 根据本指南并创建了一个简单的插件。 但我的代码有错误 这是我尝试向 ckeditor 工具栏添加按钮的代码 并返回错误 [Vue
如何在CKEditor 5中updateElement()?
我正在尝试更新一些初始化的CKEditors,但它不起作用。 在 CKEditor 4 中是: for(CKEDITOR.instances 中的 var instanceName) CKEDITOR.instances[instanceName].updateElement(); 母鹿...