<> 在开头引入 editor.getHtml（）
我把json删减了不少，发现输出中可能有一些可能无效的JSON？ 就像是“逃脱双引号”的引入有点不对劲。 JSON.stringify 和 JSON.parse 似乎不在意它，但肯定有问题。
阅读下方完整回答 ↓问题
GrapesJS 版本[X] 我确认使用最新版本 GrapesJS你用的是什么浏览器？ Chrome 版本 121.0.6167.185（官方构建）（64 位）可复制演示链接 https://jsfiddle.net/ja50kzne/4/描述一下那个虫子 如何复现这个漏洞？我有一个来自之前版本 grapesJS 的网页，加载时可以正确加载到 grapes 。你可以在小提琴中看到这一点。最新版本的 GrapesJS “创建”了小提琴中看到的JSON。我没有操作它。注意 grapesJS 加载，控制台没有错误。 执行 editor.getHtml（用于数据库存储）时，我看到 <> 引入了一个空元素注意console.log 预期的行为是什么？ 我预计 <> 不会在 editor.getHtml()的弦序开始时看到 目前的行为是什么？ 我看到 <> 用 .editor.getHtml() 我想重申，我没有动过 JSON。如果里面有内容，那是之前版本的 grapesJS生成的。 如果需要执行某些代码以重现该漏洞，请将其粘贴到下面： 行为准则[X] 我同意遵守本项目的行为准则
回答（4）
我把json删减了不少，发现输出中可能有一些可能无效的JSON？ 就像是“逃脱双引号”的引入有点不对劲。 JSON.stringify 和 JSON.parse 似乎不在意它，但肯定有问题。
页面的根组件应该是一个“封装器”，在你的情况下是“textnode”（例如，这可能会破坏很多东西），其中有一个空的“tagName”（这就是“<>”的原因），并且不知为何是“content： ”undefined“（？） <img width=“377” alt=“截图 2024-02-22 00 44 33” src=“https://github.com/GrapesJS/grapesjs/assets/11614725/0e76b02e-097b-463f-a921-33250850e3f2”> 我甚至不指望它能加载，但编辑器对根组件做了一些轻微的强制执行，不过“type”和“tagN...
这是 Grapes 0.18.4版本中发布的内容，因此是由 grapes生成的。我预计如果内容是“未定义”的， grapes 要么会删掉，要么忽略。目前我只是在自己这边删掉<>，但我想和你分享一下。
你遇到的问题是<>在 editor.getHtml() 的 HTML 输出前加上，是因为你加载的 JSON 数据中的组件定义无效GrapesJS。具体来说，你的 components 数组第一个元素是一个空字符串 ""。 根本原因： GrapesJS期望其components数组包含有效的组件对象（例如{ "type": "text", "content": "Hello World!" }）或有效的HTML字符串（例如"<div>My content</div>"）。空字符串""不是有效的组件定义。当GrapesJS的序列化逻辑（editor.getHtml()使用）遇到该空字符串时，尝试...
相关问答
通过相似的问题讨论继续研究。
问题 #6116
AsDocument 无法如预期工作
GrapesJS版本 [X] 我确认使用最新版本GrapesJS 你用的是什么浏览器？ 铬128 可复制演示链接 https://jsfiddle.net/sammousa/bxgsdc12/11/ 描述一下那个虫子 如何复现这个漏洞？通过选项{asDocument: true...
问题 #4817
如果 div 内部有标签 p >的 span，就无法在 div 内部编辑文本节点。
GrapesJS 版本[X] 我确认使用最新版本 GrapesJS你用的是什么浏览器？ Chrome 版本 108.0.5359.125，Mozilla 107.0可复制演示链接 https://jsfiddle.net/stanislavdimitrenko/d61cm4yg...
问题 #4506
Error on drag block with dragmode: absolute
GrapesJS 版本 [X] 我确认使用最新版本 GrapesJS 你用的是什么浏览器？ Chrome v103 可复制演示链接 https://stackblitz.com/edit/js-1xpo7b 描述一下那个虫子 如何复现这个漏洞？使用dragMode：绝对（设计师...
问题 #4242
Set name for page doesn't work
GrapesJS 版本 [X] 我确认使用最新版本 GrapesJS 你用的是什么浏览器？ Chrome v100 可复制演示链接 https://jsfiddle.net/9rt1xm6p/ 描述一下那个虫子 如何复现这个漏洞？ 在 pageManager 中添加页面并设置名...
与此问题匹配的付费插件
根据问题关键词和标签相关性精选，助你更快交付。
正在加载付费插件推荐……
相关教程
关于同一主题的深入指南。
教程
Introducing Search on GJS.Market
GJS.Market now has one search across everything we publish — plugins, articles, community questions, guides, authors and services. Press ⌘K from any page.
教程
如何在2026年用 GrapesJS 构建AI驱动的页面构建器
我们构建GJSDocs的经验——从简单的AI文本生成到结构化、上下文感知的视觉编辑
教程
2026年构建一个SaaS页面构建器需要多少钱？
2026年构建一个SaaS页面构建器的成本是多少？探索实际的开发成本、时间表、功能，以及使用 GrapesJS 如何降低成本
浏览插件分类
直接跳转到市场上的插件分类页面。