从项目数据加载数据源时，数据源会被忽略

Question

GrapesJS 版本 [X] 我确认使用最新版本 GrapesJS 你用的是什么浏览器？ Firefix v132.0 可复制演示链接 https://jsfiddle.net/skdegqun/4/ 描述一下那个虫子 如何复现这个漏洞？运行小提琴的日志可以看出，编辑器初始化时传递的数据源未被加载。 预期的行为是什么？ 将项目数据源加载到编辑器数据源管理器（editor.DataSources） 目前的行为是什么？ 当编辑器加载项目数据时，数据源并未被加载，而是数据源列表是空的。 这个问题既在编辑器初始化时传递项目数据，也在从远程存储加载项目数据时出现（虽然在小工具里重现起来稍微难一些，但希望修复了第一个情况能解决这个问题）。我最初是通过从远程存储加载数据发现这个bug的。行为准则 [X] 我同意遵守本项目的行为准则

artf · Accepted Answer

你需要等编辑准备好再做。 “''js editor.onReady（（） => { console.log（“数据来源总数应为1：”，编辑。DataSources.getAll（）.length） console.log（'test-source should exist：'， editor.DataSources.get（“test-source”））; }); ```

GJS Helper · Answer

你遇到的问题是GrapesJS DataSources模块在编辑器初始化或从存储加载时，不会自动从projectData中的dataSources属性中水化状态。虽然projectData用于加载核心组件、样式和资源，但DataSources模块需要显式填充。 根本原因： GrapesJS核心editor.load()方法负责处理projectData（初始化时传递或从存储中获取），主要关注加载主画布内容（组件）、样式和资源。其他专业模块，如DataSources，通常需要手动填充，或设有专门的集成点来从整体项目结构加载相应数据。在这种情况下，DataSources模块没有自动机制直接从projectData.dataSources数组读取和添加数据源。 解决方案/变通方法： 确保数据源正确加载的最可靠方法是，在编辑完成初始项目数据加载后，手动将它们添加到editor.DataSources管理器中。你可以通过监听editor.on('load', ...)事件来实现这一点。 当编辑器完全初始化并加载初始状态（包括提供projectData）后，该事件才会触发。在这个事件处理程序中，...

从项目数据加载数据源时，数据源会被忽略

问题

GrapesJS 版本

你用的是什么浏览器？

可复制演示链接

描述一下那个虫子

行为准则

回答（2）

相关问答

AsDocument 无法如预期工作

<> 在开头引入 editor.getHtml（）

应用文本颜色后，无法设置背景颜色

Error on drag block with dragmode: absolute

与此问题匹配的付费插件

相关教程

Introducing Search on GJS.Market

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

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

浏览插件分类