CKEditor 5是一组随时可用的富文本编辑器,使用强大的框架创建,使您能够创建任何类型的文本编辑解决方案,并在其中包含实时协作编辑。将此标记用于任何与CKEditor 5相关的问题。有关CKEditor 4的问题,请使用“ckeditor4.x”标签。
我正在尝试创建一个自定义插件来插入来自我已构建的媒体浏览器的图像。我想为图像附加一些属性。无论我尝试什么,它都只会插入带有...
我最近遇到了以下问题,我将 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(); 母鹿...
这是一个愚蠢的问题,但我不知道我做错了什么。 尝试在 Vue 中设置 CK5,但遇到了一些问题。收到此错误:组件缺少模板或渲染功能...
我最后一次使用ckeditor 是在一年前。就是这样。 去他们的网站。 选择您想要的。 更改工具栏顺序。 选择语言。 下载 zip 并在您的项目中使用它。 现在...
CKEditor 5 中 window.editorInstance.destroy() 的问题
我在应用程序中销毁和重新创建 CKEditor 5 实例时遇到问题。以下是我想要实现的目标和面临的问题的摘要: 我需要摧毁一个存在...
ckeditor addListToDropdown 不显示标签
editor.ui.componentFactory.add("InsertDropDown", locale => { //const dropdown = createDropdown(locale); const items = new Collection(); 项目.添加({ 类型:'屁股...