CKEditor 5是一组随时可用的富文本编辑器,使用强大的框架创建,使您能够创建任何类型的文本编辑解决方案,并在其中包含实时协作编辑。将此标记用于任何与CKEditor 5相关的问题。有关CKEditor 4的问题,请使用“ckeditor4.x”标签。
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(); 项目.添加({ 类型:'屁股...
我正在尝试添加一些数据“ 我正在尝试使用 ckeditor5 中的自定义插件按钮添加一些数据"<div title=\"" + parts[0]+ "\" id=\"" + parts[1]+ "\" class=\"galleryPlaceholder\"><p> </p></div><p></p>"。我想要实现的是在光标所在的位置添加数据,然后将光标移动到导入数据的末尾(最后一个<p>)。 可能吗? 到目前为止我的代码是: this.listenTo( this.gallerySelect, 'execute', evt => { const whole = evt.source.val; let parts = whole.split(' '); editor.data.set("<div title=\"" + parts[0] + "\" id=\"" + parts[1] + "\" class=\"galleryPlaceholder\"><p> </p></div><p></p>"); } ); 但是这段代码替换了现有的内容,我在CKEditor5文档中还没有找到符合我需要的功能。 好吧,现在我找到了一种方法,比如: editor.model.change( writer => { const div = writer.createElement('htmlDiv'); div._setAttribute('class', 'galleryPlaceholder'); div._setAttribute('id', parts[1]); div._setAttribute('title', parts[0]); const par = writer.createElement('paragraph'); writer.append(par, div); editor.model.insertContent( div ); let pos = editor.model.createPositionAfter(div); const p2 = writer.createElement('paragraph'); editor.model.insertContent(p2, pos, 1); let pos2 = editor.model.createPositionAfter(p2) editor.editing.view.position = pos2; } ); 唯一仍然不起作用的是div_setAttribute()函数,因此生成的html代码是: <div> <p> </p> </div> <p> </p> 并且 div 没有属性(类、id 和标题),知道如何设置属性吗?
使用 ckeditor5 作为节点模块时,可以导入功能,例如: 从 '@ckeditor/ckeditor5-ui/src/dropdown/utils' 导入 {addListToDropdown, createDropdown}; 但如何访问这些功能...
我遵循了 ckeditor 5 的指南: https://ckeditor.com/docs/ckeditor5/latest/api/module_ui_dropdown_dropdownview-DropdownView.html 我还发现了这个主题: 在 ckedit 上注册点击监听器...
我有一个表单,当我单击按钮时,我可以根据需要添加许多文本区域。每个文本区域必须是一个ckeditor。 我设法初始化现有的文本区域,但我不知道如何为广告执行此操作...
我已经将一个角度项目从角度13更新到角度18,但现在我的Ckeditor5不再工作了,我在Ckeditor5网站上找不到与之相关的任何内容,有一个快速启动
我想为symfony5安装CKeditor5。 作曲家需要 Friendsofsymfony/ckeditor-bundle php bin/console ckeditor:安装 这给了我 CKeditor4 ... 是否可以使用CKeditor5,如果
Angular 18 - 使用 ssr 实现 CKEditor
我正在尝试使用 Angular 18 SSR 实现 CKEditor。 从 '@angular/core' 导入 { afterNextRender, Component }; 从 '@ckeditor/ckeditor5-angular' 导入 { CKEditorModule }; 导入 { 通用模块 ...
Laravel 11 中的 CKEditor 5“无法上传文件:[文件名]”
我想上传图片到Ckeditor,但是当我上传到文本编辑器时,我不能 公共函数上传(请求$request) { if ($request->hasFile('上传')) { $