每次调用 editor.loadData（data， opts）时，都会触发编辑器中定义的存储方法。Storage.add（“api-remote”， {...}），该文件记录“api-remote store”消息

Question

GrapesJS 版本 [X] 我确认使用最新版本 GrapesJS 你用的是什么浏览器？ 最新版本的Chrome浏览器 可复制演示链接 无效 描述一下那个虫子 如何复现这个漏洞？ 很简单 预期的行为是什么？ 我想用editor.load来加载数据和切换页面，但我不想每次都调用编辑器。存储。 目前的行为是什么？ “每次调用 editor.loadData（data， opts） 时，都会触发编辑器中定义的存储方法。Storage.add（”api-remote“， {...}），该方法会记录'api-remote store'消息。” 如果需要执行某些代码以重现该漏洞，请将其粘贴到下面： 行为准则 [X] 我同意遵守本项目的行为准则

artf · Accepted Answer

你可以动态更新“stepsBeforeSave”，以避免在存储调用时触发存储。 下次请使用讨论区，因为这不是个bug，而是实现问题。

GJS Helper · Answer

你遇到的问题，即editor.loadData(data, opts)触发了自定义存储的store方法，这是常见的混淆点，但不是loadData本身的bug。editor.loadData方法的设计目的是导入数据到编辑器，实际上是设置其内容。它不会直接调用存储管理器的store方法。 根本原因 调用store方法是因为GrapesJS有自动保存机制。当你调用editor.loadData时，你是在更改编辑器的内部状态（组件和样式）。如果启用autosave选项（通常是默认或显式配置），GrapesJS检测到这种变化，经过短暂的退回时间后，通过调用editor.store()触发保存操作。这又会调用你当前激活的存储插件（在你的情况下是api-remote）的store方法。 所以，loadData本身并不调用store;相反，它对编辑内容引入的变化触发了autosave功能。 解决方案：暂时禁用自动保存 最直接且推荐的解决方案是在调用editor.loadData前暂时禁用编辑器的自动保存功能，然后再重新启用。这样可以防止编辑器立即自动保存新加载的内容。 以下是你可以实现的方法： 通过...

每次调用 editor.loadData（data， opts）时，都会触发编辑器中定义的存储方法。Storage.add（“api-remote”， {...}），该文件记录“api-remote store”消息

问题

回答（2）

相关问答

This.on（'change：attributes：type'， this.handleTypeChange）不支持数组类型

I18n functionality

Cannot drag to move components on mobile

加载ProjectData 0.21.7时编辑器冻结

与此问题匹配的付费插件

相关教程

Introducing Search on GJS.Market

如何在2026年用 GrapesJS 构建AI驱动的页面构建器

2026年构建一个SaaS页面构建器需要多少钱？

浏览插件分类