远程存储的自动保存不会发送网络请求
问题
操作系统:Windows 10 浏览器:Chrome 73 GrapesJS 版本:'0.14.57'
我用这个调用 'grapesjs.init()' 配置了远程存储:
const editor = Grapesjs.init({
容器:editorRef.current,
storageManager: {
自动保存:正确,
类型:“远程”,
urlStore:“/store”,
urlLoad:“/load”
}
});
虽然我在Chrome开发工具的网络标签里看到“/load”请求触发,但无论我在编辑器里做多少修改,都没看到任何“/store”的请求。是不是我漏掉了什么配置选项,或者有类似简单的设置?我在 React 里用 Grapes,用 create-react-app;这会不会引发问题?
我可以在 CodeSandbox(https://codesandbox.io/s/j4xkz244zv?fontsize=14)上复制这个过程。
回答(3)
更新到下一版本后这个问题解决了,我现在看到了对“/store”端点的请求。谢谢你的提示!
我还要说明,手动保存时用“editor.store()”,确实会发送一个请求,我在网络标签页里可以看到。
感谢你的报告@DylanSp实际上监听器有问题。如果第一次“加载”调用失败(我猜你的“/load”端点和我一样是假的),它就永远不会开始跟踪编辑器的更改,所以自动保存就不起作用了。这个问题将在下一个版本中修复
相关问答
通过相似的问题讨论继续研究。
问题 #873
:使用存储管理器的 urlLoad 后,无法更改 Traits 的组件
你好, 我把模板保存到数据库,加载后无法用Traits更改组件。 倒计时视频示例:https://youtu.be/0QPKswfhzlU 版本:“0.13.8”
问题 #3806
添加视频时目标为零
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器? Chrome新版本 可复制演示链接 https://codesandbox.io/s/react-redux-toolkit-application-forked-l5rhp?file=/src/...
问题 #4900
SetStyle/getCss() 生成重复的 CSS
葡萄JS版本[X] 我确认使用最新版本的GrapesJS你用的是什么浏览器? Chrome 最新动态可复制演示链接 https://codesandbox.io/s/silent-river-ifczcv描述一下那个虫子 如何复现这个漏洞?访问网站参见控制台。注意“”和“bod...
问题 #4225
BUG:Facebook 插件在 Grapes JS 中无法使用
葡萄JS版本[X] 我确认使用最新版本的GrapesJS你用的是什么浏览器? Chrome v9可复制演示链接 不是在那里描述一下那个虫子 如何复现这个漏洞?在 React 应用中安装 Grapes js 并运行制作 Facebook 插件组件并导入 Grapes js(从 h...
与此问题匹配的付费插件
根据问题关键词和标签相关性精选,助你更快交付。
正在加载付费插件推荐……
相关教程
关于同一主题的深入指南。
教程
Vanilla GrapesJS vs GrapesJS With Plugins: What You Actually Get Out of the Box (2026)
New to GrapesJS? See exactly what the stock editor gives you, where it falls short, and which plugins close the gaps — a beginner-friendly 2026 comparison
教程
GrapesJS DevTools: A Developer Panel Inside Your Editor
If you've ever debugged GrapesJS with console.log(editor.getSelected()) and a dozen throwaway event listeners — this post is for you.
教程
How We Built Composeit in Record Time Using GrapesJS Shadcn
Bypass foundational builder boilerplate and focus on what truly matters.
浏览插件分类
直接跳转到市场上的插件分类页面。