How to set the component cannot be deleted

快速解答作者 mingxin-yang❤ 1

https://grapesjs.com/docs/modules/Components.html#define-custom-component-type，这个？@artf

阅读下方完整回答 ↓

问题

![图片]（https://user-images.githubusercontent.com/23076937/128685747-37b8bdf2-16f0-47bc-b5f6-cb96bbbfefdf.png）

回答（4）

mingxin-yang• 2021年8月9日

https://grapesjs.com/docs/modules/Components.html#define-custom-component-type，这个？@artf

artf• 2021年8月11日

要一键启用富文本编辑器，可以通过这种方式扩展原始文本组件 “''js 编辑。Components.addType（'text'， { 浏览量：{ 事件：{ input： 'onInput'， // 保留原始的 on input 事件，该事件更新 RTE 工具栏位置点击：“enableRte”， }, enableRte（） { this.onActive（） } }, });

artf• 2021年8月9日

我建议创建一个自定义组件，并将“removable”属性设置为“false”

GJSBlock• 2026年5月17日

谢谢你举报，@mingxin阳。关于如何设置组件无法删除的好问题。GrapesJS 推荐的方法是使用事件驱动 API。从这里开始：查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/）寻找“on（）”事件监听器方法大多数操作可以通过监听编辑器和组件事件来实现常见模式： “JavaScript 留意变化 editor.on（'change'，（） => console.log（'something changed'））; 组件生命周期 editor.on（'component：mount'，（c） => console.log（'com...

在 GitHub 上查看完整讨论 →