'allowScripts： true' 仍然会删除

Question

大家好。感谢你创建并维护这个了不起的项目。🙏虫子描述 我有一个模块，可以插入这里指定的脚本：https://grapesjs.com/docs/modules/Components-js.html#basic-scripts 当我把方块拖到画布时，组件确实会把脚本附加到自己身上。但是，当我重新加载页面时，脚本已经不存在了。 我见过多个问题被讨论过，似乎都通过添加 “''js const editor = Grapesjs.init（{ ... allowScripts：1， }); ``` 示例： https://github.com/artf/grapesjs/issues/1123 https://github.com/artf/grapesjs/issues/837 https://github.com/artf/grapesjs/issues/721 然而，'allowScripts： 1' 似乎对我没用。预料中 我预计它们<script>还会在那里，因为“allowScript： 1”。可重复案例 这里有一个可以重现该漏洞的CodeSandbox：https://code...

dosponsor · Accepted Answer

你能给出这个问题的解决方案吗？

artf · Answer

谢谢你的报告@Sparragus 问题在于你在 Blocks 里用“脚本”函数。当编辑器尝试存储 JSON 时，结构会被序列化，但函数不可序列化，因此该组件会存储一个空的“脚本”字符串。 我知道文档里是这么说的，但我们用块只是为了展示快速示例，实际上你应该总是为带脚本的模块创建一个自定义组件。 “''js 编辑。DomComponents.addType（'foo-button'， { 型号：{ 默认值：{ 标签名称：“button”， 名称：“纽扣”， 内容：“按钮” 脚本：function（） { this.addEventListener（“点击”，（） => { 警报（“喵”）; }); } } } }) 编辑。BlockManager.add（“button”， { 标签：“Button”， 内容：{ 类型：“foo-button” } }); ```

Sparragus · Answer

@artf 感谢你的澄清。干杯。

'allowScripts： true' 仍然会删除<script>标签

问题

回答（3）

相关问答

编辑器不会移除死稿块

视图中的事件处理程序未绑定到组件

脚本道具无效

风格管理器问题。

与此问题匹配的付费插件

浏览插件分类