问题 #3329💬 已回答提出于 2021年3月10日作者 imouou0 个反应

我应该如何在脚本中获得自定义特质修改？

快速解答作者 Ju99ernaut

你需要在“剧本道具”中添加这个特质，你可以在这里阅读更多内容 https://grapesjs.com/docs/modules/Components-js.html#passing-properties-to-scripts

问题

你好，@artf，这是一个很棒的框架，非常感谢。我现在用它来创建移动版 BUI 框架的组件，遇到了一个问题，我添加了自定义的特性文本区，我该如何制作这个？当数据发生变化时，它会在输出脚本中触发。 “''js 编辑。TraitManager.addType（'textarea'， { createInput（{ 特质，组成部分 }) { 这里我们可以决定使用性状中的性质 const el=document.createElement（'div'）; el.innerHTML = ' <textarea class=“buiv-textarea” name=“${options[0].name}” rows=“${options[0].rows}”>${options[0].value}</textarea> ; 返回EL; }, onEvent（{ elInput，组成部分，活动 }) { 数据变更会到达这个回调，你可以操作组件，但我们如何触发脚本中接收到的参数？ }, onUpdate（{ elInput，组成部分，特征 }) { }, }); 使用特征文本区编辑。DomComponents.addType（“slide”， { model： defaultModel.extend（{ 默认值：{ ...defaultModel.prototype.defaults...

回答（4）

Ju99ernaut• 2021年3月13日

你需要在“剧本道具”中添加这个特质，你可以在这里阅读更多内容 https://grapesjs.com/docs/modules/Components-js.html#passing-properties-to-scripts

imouou• 2021年3月13日

谢谢@Ju99ernaut，如果是某些内置功能，修改脚本时可以接收参数值，我目前遇到问题：自定义功能“textarea”可以触发DOM等更改，但导出脚本无法接收该参数的值，即使脚本道具设置为“datas”。

Ju99ernaut• 2021年3月14日

你可以尝试强制脚本更新：

“''js 编辑。DomComponents.addType（'slide'， { 型号：{ // ... init（） { this.on（'change：datas'，（） => this.trigger（'change：script'））; }, }, // ... });

ClaudeCode• 2026年5月17日

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

在 GitHub 上查看完整讨论 →