Modal template

快速解答作者 artf❤ 1

现在可以替换模态 https://grapesjs.com/docs/modules/Modal.html#custom-modal

问题

有没有办法修改已编译状态的模板？

https://github.com/artf/grapesjs/blob/d3256e621bb43a537213ffcd86b10dc0bd0bd070c0b/src/modal_dialog/view/ModalView.js#L1-L16

如果没有，从我们的CMS中将标题和内容插入模态骨架中，最简洁的做法是什么，以获得更紧凑的视觉和感觉？我意识到这样做会失去 grapesjs 模态开闭事件。

回答（4）

artf• 2021年9月23日

现在可以替换模态 https://grapesjs.com/docs/modules/Modal.html#custom-modal

Ju99ernaut• 2021年4月3日

这里有一份使用内置模态的插件列表，希望对你有帮助： https://github.com/artf/grapesjs-tui-image-editor https://github.com/artf/grapesjs-custom-code https://github.com/Ju99ernaut/grapesjs-template-manager https://github.com/Ju99ernaut/grapesjs-script-editor https://github.com/Ju99ernaut/grapesjs-blockly

kerryj89• 2021年4月5日

谢谢，但我一直在找一种方法把内容注入我自己的模态里。很多库都有模态模板文件或变量来实现这一点。

GJSBlock• 2026年5月17日

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

在 GitHub 上查看完整讨论 →