问题 #3174💬 已回答提出于 2020年12月9日作者 ThetripGr1 个反应

创建新的组件类型不会继承其父类型的函数

快速解答作者 ThetripGr❤ 1

算了，我仔细看了文档，之前没注意到关于扩展父功能的内容

问题

你好，我正在尝试通过创建以下插件来创建一个所有组件共享的新共同特性在另一个插件文件中，我也按照文档的做法创建了一个新的组件类型，叫做“extendedText”，它以“文本”类型为基础。而文本类型则有如下所示的“handleBgColorChange（）” ![图片]（https://user-images.githubusercontent.com/65759874/101602916-837b2580-3a07-11eb-9c9e-dd6d2db1a9af.png）从文本分支的新类型则不支持 ![图片]（https://user-images.githubusercontent.com/65759874/101603067-ad344c80-3a07-11eb-9908-feff01f62003.png）我该如何传递父类型函数？

回答（2）

ThetripGr• 2020年12月9日

算了，我仔细看了文档，之前没注意到关于扩展父功能的内容

domc.addType（'new-type'， {
  扩展：“父类型”，
  extendFn： ['init']， // 从“父类型”扩展的模型函数数组
  型号：{
    init（） {
      做点什么
    },
  }
});

GJSBlock• 2026年5月17日

谢谢你举报，@ThetripGr。关于创建新组件类型不会继承其父类型的功能，这是个很好的问题。推荐的组件方法是使用事件驱动的API。从这里开始：查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/）寻找“on（）”事件监听器方法大多数操作可以通过监听编辑器和组件事件来实现常见模式： “JavaScript 留意变化 editor.on（'change'，（） => console.log（'something changed'））; 组件生命周期 editor.on（'component：mount'，（c） => console.l...

在 GitHub 上查看完整讨论 →