ckeditor5相关内容

在CKEditor5中更改视图模式的完美方式

我正在寻找一种方法来更改CKE5使用的视图架构/标记,同时尽量不重新实现所有内容。因此,基本上问题是,将编辑器中的元素更改为的最佳方式是什么。 我当前的解决方案是更改*editing.js文件和基本插件文件,使其包含修改后的编辑插件,而不是原始的。不过,这很有效,我想知道是否有方法可以减少完成此任务所需的代码行数。 所以我的解决方案目前是这样的: newbold ..
发布时间:2022-02-25 17:37:42 其他开发

CKEditor 5 显示视频元素,但插入 div 中的纯 HTML 不显示该元素

我正在创建一个课程编辑器.用户可以编辑内容(文本、视频、链接、图像等)或查看最终结果(呈现的 html). 编辑器工作正常,但是当我显示呈现的 html 时,链接的 youtube 视频不可见. 这是编辑器部分,您可以看到链接的视频可见: 这是“渲染"版本;视频丢失(看起来它没有呈现 figure 标签和 oembed 标签,但为什么?): html 是: 这是本节的标 ..
发布时间:2021-09-23 20:49:30 前端开发

VueJS CKeditor5 上传图片

在 Vuejs 中使用 CKeditor5 上传图片时遇到问题. 首先尝试了简单上传适配器 这给了我以下错误: 原因:CKEditorError:ckeditor-duplicated-modules:某些 CKEditor 5 模块重复.阅读更多:https://ckeditor.com/docs/ckeditor5/latest/framework/guides/support/e ..
发布时间:2021-09-20 19:24:19 前端开发

有没有一种方法可以检测用户选择了所有内容?

我正在实现一个插件,并且有一个用例需要检测用户何时选择所有内容.我试图创建一个全选的选择,例如 const selectAllSelection = editor.model.createSelection(editor.model.document.getRoot(),'in')并与当前的 model.document比较.选择,但它们不相同. 解决方案 这些选择有些不同,因为使用 cr ..
发布时间:2021-04-22 18:38:44 前端开发

CKEDITOR 5-删除“插入媒体"ClassicEditor中的选项

我在 angular 7 应用程序中使用了 CKEditor 5 .默认情况下, ClassicEditor 在工具栏上显示 Insert Media 按钮,如下图所示. 以上代码不是删除 Insert Media 选项,而是 Insert Image 的其他选项.但这是行不通的.即使使用了上面的代码,我仍然可以在我的CK编辑器中看到“图像插入"选项. 我也无法在网上找到我需要在 re ..
发布时间:2021-04-22 18:38:24 前端开发

在CKEditor 5中用文本创建不可编辑的块

如何在CKEditor 5中使用文本创建不可编辑的块. 我需要在最终视图中生成以下内容的东西: 此处不可编辑的消息 我尝试使用UIElement,然后设置innerHTML,但这仍然使元素可编辑. 仅供参考:她是我最终使用的插件. 从'@ ckeditor/ckeditor5-core/src/plugin'导入插件;从'@ ckeditor/ckedi ..
发布时间:2021-04-22 18:38:21 前端开发

在ckeditor5下拉项目上注册点击侦听器

我目前正在尝试为 CKEditor 5 编写插件,以支持自动翻译.我能够找到如何编写插件以及如何在文档中创建下拉菜单. 但是在文档中没有提及(或者我错过了)如何得知有关单击值的信息: 按钮的执行处理程序可打开下拉菜单,但是如何注册用于单击其中一个值的侦听器? 我可以分配一个 id 或与我的商品相似的符号来识别对下拉菜单右侧元素的点击吗? 这是我根据文档能够构建的代码: cl ..
发布时间:2021-04-22 18:37:55 其他开发

如何在CKEditor 5中收听焦点事件

我想在CKEditor 5中收听焦点事件. 我以为这样的事情会起作用,但是永远不会调用该回调: document.querySelector(“#editable");ClassicEditor.create(el).then(editor => {editor.on('focus',()=> {console.log(“关注");});}); 已成功创建编辑器,但未调用回调. ..
发布时间:2021-04-22 18:37:49 前端开发

如何用视图定义为RegExp或功能来定义CKEditor5双向转换器?

我想创建一个允许许多值的插件,这些值被认为是范围而不是列表.因此,我认为我可以使用 attributeToElement ,但是它似乎只接受特定的值,这些值保存在对象中,这对我来说是不可能的.我想知道如何定义具有所有可能值范围的视图元素(在我的情况下为颜色).我考虑过将它们与某种RegExp或功能进行匹配.我该如何实现? 解决方案 实际上似乎无法使用 沮丧: editor.con ..
发布时间:2021-04-22 18:37:38 前端开发

替换ckeditor内容并添加撤消历史记录条目

我有一个基本的功能需要实现,而找不到有关该操作方法的信息:我只是想用自定义标记替换所有CKEditor的内容,并添加一个撤消历史记录条目,因此您可以返回到版本. 因此,替换内容的基本命令是 editor.setData ,但不会添加撤消历史记录,将调用包装在 editor.model.change 中的条目会赢得也不要改变行为. 然后,在文档的深处有关于如何向编辑器添加(但不替换)自定 ..
发布时间:2021-04-22 18:37:32 前端开发

CKEditor 5通过外部URL插入图像

我想知道如何仅通过URL插入图像(用户从其他网站获取图像).我需要在CKEditor 5中实现一个简单的 img src =“" .问题是,默认情况下,编辑器要求我上传图像,而我需要插入外部URL. 我已经阅读了许多相关主题( 1 , 3 ),但没有发现与我类似的问题.我什至不需要特殊的按钮,也许我可以通过某种方式在CKEditor中键入 img src ="myurl" (在编辑器中直接输 ..
发布时间:2021-04-11 18:51:46 前端开发