问题 #5229💬 已回答提出于 2023年7月10日作者 joukhar1 个反应

内容为“null”的TextNode被渲染为“null”，而不是空白

快速解答作者 artf❤ 1

大概是在八月的第一周

问题

葡萄JS版本[X] 我确认使用最新版本的GrapesJS你用的是什么浏览器？ Chrome 版本 114.0.5735.199（官方构建）（64位）可复制演示链接无描述一下那个虫子如何复现这个漏洞？丢弃该组件 '<div class=\“flex items-center rounded shadow-md overflow-hidden max-w-xl relative dark：bg-gray-900 dark：text-gray-100\”> <div class=\“self-stretch flex items-center px-3 flex-shrink-0 dark：bg-gray-700 dark：text-violet-400\”> <svg xmlns=\“http://www.w3.org/2000/svg\” fill=\“none\” viewBox=\“0 0 24\” stroke=\“currentColor\” class=\“h-8 w-8\”><path stroke-linecap=\“round\” stroke-linejoin=\“round\” stroke-width=\“2\” d=\“M10 14l2-2m0 0l2-2m-2 2l-2m22l2 2m7-2a9 9 0 11-18 0 9 9 0 0118 0z\“>...

回答（4）

artf• 2023年7月17日

大概是在八月的第一周

artf• 2023年7月11日

你好@joukhar最新版本是不是也这样？

如果我用你的 JSON 示例，我能在导出代码中看到“null”（这应该可以修复），但我无法用你的 HTML 示例生成带有 “null” 的 “textnode”，你能为这个用例创建一个可复现的演示吗？

不确定在哪种情况下textnode可能是“null”，但我们可以肯定能防止这种情况......

joukhar• 2023年7月11日

谢谢你的重玩，如果你需要试玩版，请给我点时间，等我做完会再评论问题只在存储和加载时出现，但第一次丢弃组件时却没有反应

ClaudeCode• 2026年5月17日

谢谢你举报，@joukhar。关于内容为“null”的textnode被渲染为“null”而不是空白，这个问题很棒。ProseMirror 推荐的方法是使用事件驱动的 API。从这里开始：查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/）寻找“on（）”事件监听器方法大多数操作可以通过监听编辑器和组件事件来实现常见模式： “JavaScript 留意变化 editor.on（'change'，（） => console.log（'something changed'））; 组件生命周期 editor.on（'component：mo...

View full discussion on GitHub →