CKEditor 的块不可编辑[问题]

Question

大家好，我添加了自定义的CKEdittor模块，运行正常。但真正的问题是我无法删除、移动或添加CKEditor模块中的特质。我尝试了所有可能的方法，但都没用。我真的坚持下去了。有人能帮帮我吗？我的自定义方块： “''js 编辑。BlockManager.add（'ckeditor'， { 编号：“CKeditor”，标签：“FA FA-check-Square”，分类：“基础”，内容： , 可拖拽：确实，可移除：真 }); 我的特质： const comps = 编辑器。主导组件; const defaultType = comps.getType（'default'）; const defaultModel = defaultType.model; comps.addType（buttonName， { model： defaultModel.extend（{ default...

artf · Accepted Answer

文本区不能被选中，因为它是组件“脚本”生成的静态元素，不属于编辑器，一切都是正确的。 如果你的目的是更改内部的 CKEditor 配置，你必须依赖组件特性，并在脚本中使用字符串插值（如 [docs]（https://grapesjs.com/docs/modules/Components-js.html#basic-scripts）） 中描述的）。 “''js // ... 脚本：函数 （） { const config1 = '{[ propertyName1 ]}'; const config2 = '{[ propertyName2 ]}'; const initCKeditor = 函数 （） { // ... ```

artf · Answer

顺便说一句，不要这么做，'ClassicEditor.create（document.querySelector（'#ckeditor'）'' 这样，你的积分会同时出现多个分量。我觉得你最好用这种方式更新你的资料 “''js 我用的是新的 API 来定义组件类型，你也应该这么做...... 默认值：{ 可拖拽： '*'，可掉落：错误，默认组件内容组件：“ 脚本：函数（） { // ... const textareaEl = this.firstChild; ClassicEditor.create（textareaEl）; } // 编辑。BlockManager.add（'ckeditor'， { // ... 内容：{ 类型：'ckeditor5' }， }); ```

CKEditor 的块不可编辑[问题]

问题

回答（2）

相关问答

面板可能是可移动的，但防止移动，移除子节点上的属性

在运行时更改事件中的分层功能不会立即更新

自定义组件与存档

带有特质的自定义插件

与此问题匹配的付费插件

相关教程

GrapesJS Inline RTE Plugins Update: CKEditor 5 v0.1.4 and Froala Inline Text Editor

GrapesJS vs Webflow vs Builder.io vs Puck: Which Visual Builder to Choose in 2026

Big news from DevFuture — we just repriced everything

浏览插件分类