页面更新事件没有触发
更新页面 你是如何更新页面的？ 值得一提的是，“page：*”事件只针对页面模型触发，而不是页面内容，比如： “''js 编辑。Pages.getSelected（）.setName（'我的页面'）; ```
阅读下方完整回答 ↓问题
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ 镀铬 可复制演示链接 https://jsfiddle.net/1hza4t9n/ 描述一下那个虫子 如何复现这个漏洞？初葡萄创建事件处理程序，用于页面更新时使用。更新页面观察事件处理程序未触发 预期的行为是什么？ 页面事件处理程序：更新触发 目前的行为是什么？ 没什么 如果需要执行某些代码以重现该漏洞，请将其粘贴到下面： “''js const editor = Grapesjs.init（{ 容器：“#gjs”， fromElement： 0， pageManager： { 页码：[ { 编号：“索引”， 风格：'身体 { 颜色：红色; }'， 组件：” } ] }, 身高：“100%”， storageManager： { type： 0}， 插件：['GJS-Blocks-BASIC'] }); editor.on（'page：update'， （page， changes） => { console.log（“页面更新”，页面，修改） }) ```行为准则 [X] 我同意遵守本项目的行为准则
回答（4）
更新页面
你是如何更新页面的？ 值得一提的是，“page：*”事件只针对页面模型触发，而不是页面内容，比如： “''js 编辑。Pages.getSelected（）.setName（'我的页面'）;
任何更新、拖动方块、更改文字颜色。文本内容的变更。在 JS Fiddle 里，我拖动文本块，更改内容，换颜色。我更新时没有看到触发事件，所以我开始质疑自己的期望
我正在尝试了解如何构建自定义存储管理器。我用Grapes已经很久了，Grapes和我的服务器/数据库之间有很多“中间件”。我正在升级Grapes，所以想了解最合适的事件来跟踪所做的更改。
最终，我正在更多地了解店长，我有信心这会带我达到目标。
不过，我想了解页面管理器......我得好好考虑你说的页面模型。
好吧，'page：update' 事件不是你需要的，因为它不会在内容更改时触发（所以我决定关闭这个问题，因为事件正常工作）。 你能解释一下你想构建哪种自定义存储管理器吗？存储管理器本身在内容更改时已经会触发，所以我不明白你为什么要重建这个功能。
谢谢你举报，@stljeff1。 关于页面更新事件不触发的好问题。推荐的 StyleManager 方法是使用事件驱动的 API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => console.log（'something changed'））; 组件生命周期 editor.on（'component：mount'， （c） => console.log...
相关问答
通过相似的问题讨论继续研究。
问题 #4601
在切换某些目标时，添加到样式管理器的自定义类型 update（） 不再被触发。
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ 铬104 可复制演示链接 https://jsfiddle.net/aw8p0h9j/ 描述一下那个虫子 如何复现这个漏洞？打开 jsfiddle 链接。点击两个div之间，然后在任一div和背景...
问题 #4900
SetStyle/getCss（） 生成重复的 CSS
葡萄JS版本[X] 我确认使用最新版本的GrapesJS你用的是什么浏览器？ Chrome 最新动态可复制演示链接 https://codesandbox.io/s/silent-river-ifczcv描述一下那个虫子 如何复现这个漏洞？访问网站参见控制台。注意“”和“bod...
问题 #4191
我们正在尝试在 Angular 10 应用中存储 grapesJS 编辑器中的数据，但出现了 CORS 错误，附上了下面的图片
葡萄JS版本 [x] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ Chrome 99.0.4844.5 可复制演示链接 https://jsfiddle.net/ct5r4kvg/ 描述一下那个虫子 如何复现这个漏洞？集成到 Angular 10 应用中，包含以...
问题 #5086
Style：property：update 和 Property onChange 都被过度触发
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ Chrome 版本 112.0.5615.137（官方版本） 可复制演示链接 https://jsfiddle.net/SagarMaria/sunygp2f/3/ 描述一下那个虫子 如何复现这个...
与此问题匹配的付费插件
根据问题关键词和标签相关性精选，助你更快交付。
正在加载付费插件推荐……
相关教程
关于同一主题的深入指南。
教程
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 to Build a Production GrapesJS Editor: The Complete Walkthrough of Brief, Preset, Plugins, and Services
A complete walkthrough of building a production GrapesJS editor: how to choose a preset, pick plugins, and scope setup services without burning a sprint.
教程
Big Updates: TinyMCE 8 and Placeholder 2.0 for GrapesJS
In May we shipped major updates to two of our most popular GrapesJS plugins — TinyMCE Inline Text Editor and Placeholder.
浏览插件分类
直接跳转到市场上的插件分类页面。