ckeditor5相关内容
我正在寻找一种方法来更改CKE5使用的视图架构/标记,同时尽量不重新实现所有内容。因此,基本上问题是,将编辑器中的元素更改为的最佳方式是什么。 我当前的解决方案是更改*editing.js文件和基本插件文件,使其包含修改后的编辑插件,而不是原始的。不过,这很有效,我想知道是否有方法可以减少完成此任务所需的代码行数。 所以我的解决方案目前是这样的: newbold
..
我正在尝试向CKEditor5的经典版本添加一个插件。我已按照此页面上的说明操作:https://ckeditor.com/docs/ckeditor5/latest/builds/guides/integration/installing-plugins.html 打开sample/index.html时,我可以看出我已经正确地完成了所有工作,因为一切都正常工作。 现在是时候将此自定义构
..
我在我的 angular 7 应用程序中使用了 CKEditor 5.ClassicEditor 默认显示工具栏上的 Insert Media 按钮,如下图突出显示. 在网上研究时,我发现我们可以通过使用 editorConfig 中的 removePlugins 选项来禁用特定选项,如下所示. editor.component.ts editorConfig = {删除插件:['
..
我从后端收到一组对象,其中包含文本作为字段之一.我希望能够编辑该文本. 到目前为止,我有这样的事情:
//其他一些输入字段
..
我从后端收到一组对象,其中包含文本作为字段之一.我希望能够编辑该文本. 到目前为止,我有这样的事情:
//其他一些输入字段
..
我知道如何使用 CKEditor5 API 获取数据,如文档和另一个 SO
..
我正在创建一个课程编辑器.用户可以编辑内容(文本、视频、链接、图像等)或查看最终结果(呈现的 html). 编辑器工作正常,但是当我显示呈现的 html 时,链接的 youtube 视频不可见. 这是编辑器部分,您可以看到链接的视频可见: 这是“渲染"版本;视频丢失(看起来它没有呈现 figure 标签和 oembed 标签,但为什么?): html 是: 这是本节的标
..
在 Vuejs 中使用 CKeditor5 上传图片时遇到问题. 首先尝试了简单上传适配器 这给了我以下错误: 原因:CKEditorError:ckeditor-duplicated-modules:某些 CKEditor 5 模块重复.阅读更多:https://ckeditor.com/docs/ckeditor5/latest/framework/guides/support/e
..
我正在阅读文档(链接),但我不确定如何编辑工具栏.这是编辑器组件: import'react'中的React,{组件};从'@ ckeditor/ckeditor5-react'导入CKEditor;从'@ ckeditor/ckeditor5-build-classic'导入ClassicEditor;类EditorComponent扩展了Component {构造函数(道具){超级(道具)
..
我正在实现一个插件,并且有一个用例需要检测用户何时选择所有内容.我试图创建一个全选的选择,例如 const selectAllSelection = editor.model.createSelection(editor.model.document.getRoot(),'in')并与当前的 model.document比较.选择,但它们不相同. 解决方案 这些选择有些不同,因为使用 cr
..
我在 angular 7 应用程序中使用了 CKEditor 5 .默认情况下, ClassicEditor 在工具栏上显示 Insert Media 按钮,如下图所示. 以上代码不是删除 Insert Media 选项,而是 Insert Image 的其他选项.但这是行不通的.即使使用了上面的代码,我仍然可以在我的CK编辑器中看到“图像插入"选项. 我也无法在网上找到我需要在 re
..
如何在CKEditor 5中使用文本创建不可编辑的块. 我需要在最终视图中生成以下内容的东西:
此处不可编辑的消息 我尝试使用UIElement,然后设置innerHTML,但这仍然使元素可编辑. 仅供参考:她是我最终使用的插件. 从'@ ckeditor/ckeditor5-core/src/plugin'导入插件;从'@ ckeditor/ckedi
..
我已经安装了三个软件包: @ ckeditor/ckeditor5-react @ ckeditor/ckeditor5-build-classic @ wiris/mathtype-ckeditor5/src/plugin 我能够设置简单的ckeditor5,但不知道如何在此编辑器中使用MathType插件. 这是我的示例代码:
..
我目前正在尝试为 CKEditor 5 编写插件,以支持自动翻译.我能够找到如何编写插件以及如何在文档中创建下拉菜单. 但是在文档中没有提及(或者我错过了)如何得知有关单击值的信息: 按钮的执行处理程序可打开下拉菜单,但是如何注册用于单击其中一个值的侦听器? 我可以分配一个 id 或与我的商品相似的符号来识别对下拉菜单右侧元素的点击吗? 这是我根据文档能够构建的代码: cl
..
我想在CKEditor 5中收听焦点事件. 我以为这样的事情会起作用,但是永远不会调用该回调: document.querySelector(“#editable");ClassicEditor.create(el).then(editor => {editor.on('focus',()=> {console.log(“关注");});}); 已成功创建编辑器,但未调用回调.
..
我想创建一个允许许多值的插件,这些值被认为是范围而不是列表.因此,我认为我可以使用 attributeToElement ,但是它似乎只接受特定的值,这些值保存在对象中,这对我来说是不可能的.我想知道如何定义具有所有可能值范围的视图元素(在我的情况下为颜色).我考虑过将它们与某种RegExp或功能进行匹配.我该如何实现? 解决方案 实际上似乎无法使用 沮丧: editor.con
..
我有我的在线CKeditor 让globalEditor;InlineEditor.create(document.querySelector(“#textarea"),{工具栏:{项目:[“标题","|",“粗体",“斜体",“链接","bulletedList","numberedList","blockQuote","insertTable","undo","redo"]}}).then(
..
我有一个基本的功能需要实现,而找不到有关该操作方法的信息:我只是想用自定义标记替换所有CKEditor的内容,并添加一个撤消历史记录条目,因此您可以返回到版本. 因此,替换内容的基本命令是 editor.setData ,但不会添加撤消历史记录,将调用包装在 editor.model.change 中的条目会赢得也不要改变行为. 然后,在文档的深处有关于如何向编辑器添加(但不替换)自定
..
我想知道如何仅通过URL插入图像(用户从其他网站获取图像).我需要在CKEditor 5中实现一个简单的 img src =“" .问题是,默认情况下,编辑器要求我上传图像,而我需要插入外部URL. 我已经阅读了许多相关主题( 1 , 3 ),但没有发现与我类似的问题.我什至不需要特殊的按钮,也许我可以通过某种方式在CKEditor中键入 img src ="myurl" (在编辑器中直接输
..
使用 简单上传适配器 ,根据CKEditor 5文档,成功上传图像后,服务器应返回以下任意一个: 针对单个图像: { 默认值:'http://example.com/images /image–default-size.png' } 或者多个(例如srcset属性) { 默认值:'http://example.com/images/image-defaul
..