问题 #3634💬 已回答提出于 2021年7月22日作者 pankajsharma891 个反应

How we can hide RTE for editable components ?

快速解答作者 mcottret❤ 1

我允许自己补充一些我认为更接近楼主想达到的目标，基于@artf的回答： “打字稿” 编辑。DomComponents.addType（'text'， { extendFnView： ['onActive']，型号：{ 默认值：{ disableRte：错误 } }, 浏览量：{ onActive（） { if （this.model.get（'disableRte'）） { this.rte.getToolbarEl（）.style.display = 'none'; } } } } ``` 切换“disableRte”属性可以隐藏RTE工具栏，同时保持文本可编辑性，且可按组件进行编辑。希望这些对你有帮助:)

阅读下方完整回答 ↓

问题

HI We have a requirement, where we don't want to show rte on editable components. how we can achieve that ?

回答（4）

mcottret• 2021年10月29日

iabhiyaan• 2021年7月25日

“''js editor.on（'component：selected'， cmp => { CMP.set（{ 可编辑：错误，传播：[“可编辑”] }) })

pankajsharma89• 2021年7月25日

我们不想让组件不可编辑，组件必须是可编辑的，只是不想在组件上显示左侧工具栏。

GJSBlock• 2026年5月17日

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

在 GitHub 上查看完整讨论 →