ckeditor5 相关问题

CKEditor 5是一组随时可用的富文本编辑器,使用强大的框架创建,使您能够创建任何类型的文本编辑解决方案,并在其中包含实时协作编辑。将此标记用于任何与CKEditor 5相关的问题。有关CKEditor 4的问题,请使用“ckeditor4.x”标签。

如何在CKEditor5中追加数据

我正在尝试添加一些数据“  我正在尝试使用 ckeditor5 中的自定义插件按钮添加一些数据"<div title=\"" + parts[0]+ "\" id=\"" + parts[1]+ "\" class=\"galleryPlaceholder\"><p>&nbsp;</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>&nbsp;</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> &nbsp; </p> </div> <p> &nbsp; </p> 并且 div 没有属性(类、id 和标题),知道如何设置属性吗?

回答 1 投票 0

使用 CDN 的 ckeditor5 时如何访问 ckeditor5 功能 DropdownButtonView、createDropdown、addListToDropdown、DropdownView、ButtonView 等?

使用 ckeditor5 作为节点模块时,可以导入功能,例如: 从 '@ckeditor/ckeditor5-ui/src/dropdown/utils' 导入 {addListToDropdown, createDropdown}; 但如何访问这些功能...

回答 1 投票 0

ckeditor 5 自定义下拉菜单呈现为空

我遵循了 ckeditor 5 的指南: https://ckeditor.com/docs/ckeditor5/latest/api/module_ui_dropdown_dropdownview-DropdownView.html 我还发现了这个主题: 在 ckedit 上注册点击监听器...

回答 2 投票 0

如何在 jQuery 中动态添加的文本区域上初始化编辑器?

我有一个表单,当我单击按钮时,我可以根据需要添加许多文本区域。每个文本区域必须是一个ckeditor。 我设法初始化现有的文本区域,但我不知道如何为广告执行此操作...

回答 1 投票 0

CKeditor5 与 Angular 18

我已经将一个角度项目从角度13更新到角度18,但现在我的Ckeditor5不再工作了,我在Ckeditor5网站上找不到与之相关的任何内容,有一个快速启动

回答 1 投票 0

在Symfony5中安装CKeditor5

我想为symfony5安装CKeditor5。 作曲家需要 Friendsofsymfony/ckeditor-bundle php bin/console ckeditor:安装 这给了我 CKeditor4 ... 是否可以使用CKeditor5,如果

回答 2 投票 0

Angular 18 - 使用 ssr 实现 CKEditor

我正在尝试使用 Angular 18 SSR 实现 CKEditor。 从 '@angular/core' 导入 { afterNextRender, Component }; 从 '@ckeditor/ckeditor5-angular' 导入 { CKEditorModule }; 导入 { 通用模块 ...

回答 1 投票 0

Laravel 11 中的 CKEditor 5“无法上传文件:[文件名]”

我想上传图片到Ckeditor,但是当我上传到文本编辑器时,我不能 公共函数上传(请求$request) { if ($request->hasFile('上传')) { $

回答 1 投票 0

Angular 18 SSR - CKEditor

我正在尝试使用 Angular 18 SSR 实现 CKEditor。 从 '@angular/core' 导入 { afterNextRender, Component }; 从 '@ckeditor/ckeditor5-angular' 导入 { CKEditorModule }; 导入 { 通用模块 ...

回答 1 投票 0

我如何链接 Flmngr 文件管理器包来上传图像并从我的服务器读取数据

我使用 Flmngr laravel 包来安装带有文件管理器的 ckeditor,但文件管理器链接位于 flmngr 的演示服务器上,我如何将其更改为我的 laravel 服务器并从 p...

回答 1 投票 0

Ck Editor 4 中的图片上传器看不到加载的图片

我正在使用 Ck 编辑器来编辑我的描述字段。当我单击上传文件时,它可以,但 ckeditor 不会在文本区域上渲染图像。 这是我在 _Layout.cshtml 中使用的配置函数 <...

回答 1 投票 0

删除使用 ImageInsert 在 CKEDITOR 5 中上传图像的选项

我正在使用CKEditor 5,我需要阻止用户将图像上传到我的服务器。我知道通过删除相应的模块 Image 可以轻松完成此操作。 这里要注意的是,ImageInsert 模块看起来不错...

回答 3 投票 0

CKEditor5 图像无法正确调整大小

我尝试使用ckeditor5但图像无法正确调整大小.. 我通过ckeditor5插入图像,它变成了200像素,但是ckeditor生成了这个代码 我尝试使用 ckeditor5 但图像大小无法正确调整.. 我通过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 标签的宽度 根据此页面上的文档,您需要包含内容的 css 样式。 例如: <link rel="stylesheet" href="https://cdn.ckeditor.com/ckeditor5/42.0.0/ckeditor5-content.css">

回答 1 投票 0

我的 Angular 应用程序中的 ckeditor5 有问题

我在ckeditor中没有看到调整字体样式、字体大小、字体颜色的功能,我该怎么办? 这些字符串与我安装的ckedotor相关:“@ckeditor/ckeditor5-angular”:...

回答 1 投票 0

以编程方式从 CKEditor5 修订历史记录工具栏触发“打开修订历史记录”

我目前在我的项目中使用CKEditor5修订历史记录功能。我需要以编程方式打开修订历史记录而不使用工具栏选项,是否有任何函数或 API

回答 1 投票 0

CKeditor 自定义上传器,PHP 原生,“无法上传文件:download.jpeg。”

我正在使用 PHP、JS,目前正在尝试使用 CKEditor 5 的 Build 版本。目前,我被图像上传困住了。我必须用 JavaScript 开发自己的上传器。 这是 Java...

回答 1 投票 0

在CKEditor5中调用writer.setAttribute()时如何避免属性操作属性存在?

我正在开发一个简单的CKEditor5插件。 该插件的一部分是一个“命令”,其执行方式如下: 执行(选项){ const contentItemUtils = this.editor.plugins.get('

回答 2 投票 0

django-ckeditor-5 工具栏未显示

我正在使用 django-ckeditor,由于支持结束而升级到 ckeditor-5,但我在前端看不到它。在管理面板中正常工作 管理面板: 前端: 形式.py: 班级

回答 1 投票 0

JBOSS 在响应标头中附加 charset=ISO-8859-1

JBOSS v7.4 将 charset=ISO-8859-1 附加到我的 js 文件中,因为浏览器对于具有特殊字符的文件会抛出“意外标记”错误。 相同的文件在 Weblogic 上正确加载并且......

回答 1 投票 0

CKEditor 5 - 插入文本

是否可以在当前选择的编辑器中插入文本? 我努力了 从 '@ckeditor/ckeditor5-engine/src/model/text' 导入文本; 函数插入文本() { 让文本=新文本('测试...

回答 5 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.