PageKit — 可自托管的 GrapesJS 建站工具,附完整源码。 获取抢先体验

问题 #5385💬 已回答提出于 2023年9月14日作者 padcom0 个反应

GetDirtyCount() 非确定性加载后

快速解答作者 artf

还增加了加载选项,以便在加载后清除编辑器内部状态 “''js const storageOptions = {}; const loadOptions = { clear: true }; await editor.load(storageOptions, loadOptions); editor.getDirtyCount();加载后应该始终是0 ```

阅读下方完整回答 ↓

问题

GrapesJS 版本

  • 我确认使用最新版本 GrapesJS

你用的是什么浏览器?

铬

可复制演示链接

https://github.com/padcom/grapesjs-bug-dirty-count-non-deterministic/blob/master/index.html

描述一下那个虫子

目前,用户呼叫 await load() 时,脏计数为零。只有在下一个事件循环或之后,计数才会增加。因此:

await editor.load()
console.log(editor.getDirtyCount())

打印出 0 但仅需一毫秒后:

setTimeout(() => console.log(editor.getDirtyCount(), 1)

变更次数为1。

预期行为是,在等待调用 load()后,如果正如#5373所述编辑器被更改,那么调用 load()后应立即发生。


### 行为准则

- [X] 我同意遵守本项目的行为准则

回答(4)

artf• 2023年9月16日

还增加了加载选项,以便在加载后清除编辑器内部状态 “''js const storageOptions = {}; const loadOptions = { clear: true }; await editor.load(storageOptions, loadOptions); editor.getDirtyCount();加载后应该始终是0

padcom• 2023年9月18日

谢谢!期待下一次发布!

GJS Helper• 2026年5月17日

你准确地识别了调用editor.load()后GrapesJSgetDirtyCount()方法的常见时序问题。这种行为确实源于GrapesJS处理内部状态更新和事件发射的异步性质。 根本原因解释 当调用editor.load()时,它会解析提供的HTML和CSS,然后在内部创建或更新GrapesJS组件和样式以反映加载内容。该过程会触发一系列内部事件(例如,component:add,component:update,style:add,style:update)。 GrapesJS中的dirtyCount由这些编辑事件所关联的监听器递增。为了保持用户界面响应性和批处理更新,这些事件的释放...

相关问答

通过相似的问题讨论继续研究。

与此问题匹配的付费插件

根据问题关键词和标签相关性精选,助你更快交付。

查看全部插件

正在加载付费插件推荐……

免费方案

在以下平台查看开源 GrapesJS 插件: GitHub 或在我们的免费目录中快速搜索。

浏览免费插件 →
高级方案

高级插件提供支持、定期更新和生产就绪的功能——为你节省数天的集成工作。

浏览高级插件 →

相关教程

关于同一主题的深入指南。

全部教程 →

浏览插件分类

直接跳转到市场上的插件分类页面。