听最终HTML变更的最佳方式是什么?
@simplecommerce,也可以试试这个,可能更适合你 “JavaScript editor.on('change:changesCount', e => { 变身! }); ```
阅读下方完整回答 ↓问题
你好,
我只是有个小问题,因为我不知道怎么做,或者没找到相关的问题。
我只是想在画布上做任何更改时调用一个函数。
比如,我要添加或移除一个方块。 我正在用样式管理器更改属性。 或者拖放画布中的方块。 甚至更新特质。
有没有一个全局事件可以让它触发我的函数?
I am not talking about any actual changes in the Canvas itself but changes that apply to the final HTML when I call the method editor.getHtml().
任何帮助或指导都非常感谢,谢谢!
更新:
目前我发现可以用存储管理器来实现这个功能,方法如下:
storageManager: { type: 'onChange'; }
and
editor.on('storage:start', callback);
如果有更简单的解决方案,不用用这种方式,我很乐意听取建议。
谢谢!
回答(3)
@simplecommerce,也可以试试这个,可能更适合你 “JavaScript editor.on('change:changesCount', e => { 变身! });
我认为你这样做是最简单的实现方式。
你想在最后达到什么目标?
你可以用类似“editor.on('all', () => //your code here );' 之类的,但这根本不实用。GrapesJS 触发了许多事件,我觉得这可能不适合你的需求。
相关问答
通过相似的问题讨论继续研究。
问题 #620
远程存储
我尝试使用远程存储,但没成功,问题解决后我能尽力调整所有内容,但编辑器无法渲染加载的 HTML。 GrapesJS: JSON: '{“gjs-css”:“”, “gjs-html”:“<div>HELLO</div>”, “gjs-assets”:“[]”, “gjs-sty...
问题 #720
文档脏信息指示器
我想显示文档脏污指示,除非文档保存到数据库。我在编辑器里有自定义按钮,把html保存到数据库,我试过下面#551,但它只在从数据库加载HTML到Canvas时触发,之后没有任何更改触发。 'editor.on('change:changesCount', () => { con...
问题 #557
Editor.gethtml() 上缺少类
我能看到 Canvas 上添加了类,但当我通过 editor.gethtml() 获取 HTML 时,有些类没有包含,只有没有任何类的 div。附上截图,Canvas上有HTML和通过editor.gethtml()提供的HTML ,在 Canvas 上是合适的,但在最终的 html(editor.getHtml())中不行,我看过“https://grapesjs.com/docs/modules/Components.html#defin...
与此问题匹配的付费插件
根据问题关键词和标签相关性精选,助你更快交付。
正在加载付费插件推荐……
相关教程
关于同一主题的深入指南。
浏览插件分类
直接跳转到市场上的插件分类页面。