JSON.stringify 之后，组件并非所有字段都存在

Question

GrapesJS 版本[X] 我确认使用最新版本 GrapesJS你用的是什么浏览器？ 铬可复制演示链接 https://jsfiddle.net/sdimitrenco/rn8u4pc0/7/描述一下那个虫子 我不确定这是不是bug，但对我来说，这种行为看起来很奇怪 我有一个组件列表，包含组件ol和组件LI。 那个代码，代表阻挡 组件列表的模型 这个模型用于 ol 分量 以及锂分量的模型 如你所见，所有模型都包含类型和标签名称，内部 grapes 正常，但如果我尝试转换成json，比如JSON.stringify（this.grapesInstance.getComponents（）），我有个带有标签名的json缺失所有字段，看起来就是这样 我搞不清楚为什么“tagName”会丢失。如果我删除自定义类型，“tagName”会被序列化成json。我不理解这个规则。 行为准则[X] 我同意遵守本项目的行为准则

artf · Accepted Answer

如果属性的值与默认定义相同，则跳过。这由 ['avoidDefaults']（https://github.com/GrapesJS/grapesjs/blob/e217dc75d463a84333ee4d9f37216f4f56c77024/src/editor/config/config.ts#L250-L256） 配置选项控制，强烈建议尽量保持 JSON 小。

GJS Helper · Answer

这种行为不是bug，而是GrapesJS内部的有意优化，利用了Backbone.js模型。当你将GrapesJS组件序列化为JSON时，通常会省略与该组件类型默认值相符的属性，以减少序列化数据的大小。 根本原因 默认值优化：GrapesJS组件是骨干模型。当调用模型的toJSON()方法（JSON.stringify隐式使用）时，通常只序列化那些与模型定义的defaults值不同的属性。这是保持数据负载精简的常见模式。 你的自定义组件（list，ol，li）：你在defaults对象中为你的list（tagName: 'div'）、ol（tagName: 'ol'）和li（tagName: 'li'）自定义组件类型定义了tagName。当这些组件实例被创建时，它们的tagName属性与你设置的默认属性一致。因此，在序列化过程中，这些tagName属性会从JSON输出中省略。 span（文本）组件：对于嵌套的span组件，你定义了{ tagName: "span", type: "text", ... }。内置的GrapesJS text组件类型默认tagName为'div'。由于你明...

JSON.stringify 之后，组件并非所有字段都存在

问题

回答（2）

相关问答

Problem when dragging component composed by image and link

组件脚本函数在保存页面后运行两次

在切换某些目标时，添加到样式管理器的自定义类型 update（）不再被触发。

符号样式未同步

与此问题匹配的付费插件

相关教程

Introducing Search on GJS.Market

GJS.Market Is Now Available for India 🇮🇳

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

浏览插件分类

问题