内容为“null”的TextNode被渲染为“null”,而不是空白
@joukhar“npm install GrapesJS/grapesjs#dev”是不够的,我还没在开发分支里创建构建,所以如果你想本地解决这个问题,必须先自己构建。 无论如何,即使相关问题关闭了,也没必要新建,你仍然可以在那里添加更新,问题没有被锁定。
阅读下方完整回答 ↓问题
GrapesJS版本[X] 我确认使用最新版本GrapesJS你用的是什么浏览器? Chrome 版本 114.0.5735.199(官方构建)(64位)可复制演示链接 无描述一下那个虫子 抱歉又提起这个问题了,但你的提交功能不起作用 我用npm install GrapesJS/grapesjs#dev安装了开发版 问题依然存在。 请您检查以下内容: /grapesjs/src/domcomponents/view/ComponentTextNodeView.ts grapesjs/src/domcomponents/view/ComponentCommentView.ts 在你修好之前,我会用editor.getHtml()来存储和加载组件,而不是组件或页面对象 编辑:我忘了editor.getHtml()会破坏组件类型并把它们变成default,组件对象很重要 谢谢你的辛苦 祝你有美好的一天 行为准则[X] 我同意遵守本项目的行为准则
回答(2)
@joukhar“npm install GrapesJS/grapesjs#dev”是不够的,我还没在开发分支里创建构建,所以如果你想本地解决这个问题,必须先自己构建。 无论如何,即使相关问题关闭了,也没必要新建,你仍然可以在那里添加更新,问题没有被锁定。
感谢您报告此问题并详细说明相关代码部分。您已正确识别问题根源。 根本原因分析: 问题源于JavaScript的textContent属性和document.createComment方法如何处理null或undefined值。当执行el.textContent = null;或document.createComment(null);时,JavaScript隐式地将null转换为字符串的字面值"null"。这是标准的DOM行为,但当 model.content 表示空或不存在的文本节点时,这并非理想的结果。 model.content属性在null时理想情况下应渲染出一个空字符串,从而使文本...
相关问答
通过相似的问题讨论继续研究。
问题 #4792
Drag and drop broken in 20.2
GrapesJS 版本[X] 我确认使用最新版本 GrapesJS你用的是什么浏览器? Chrome v108可复制演示链接 见下文描述一下那个虫子 如何复现这个漏洞?创建自定义组件将其作为组件和可拖拽块添加到编辑器中在组件添加时将编辑器设置为绝对拖拽模式,丢弃组件后再将该组件...
问题 #4481
V0.19.5 Breaks headless editor.setComponents() (with Map/Video block)
GrapesJS版本 [X] 我确认使用最新版本GrapesJS 你用的是什么浏览器? Chrome 102.0.5005.115(官方版本)(64位) 可复制演示链接 描述一下那个虫子 这是#4473的延伸 在无头环境中通过editor.setComponents()添加地图...
问题 #3806
Target :null when adding video
GrapesJS 版本 [X] 我确认使用最新版本 GrapesJS 你用的是什么浏览器? Chrome新版本 可复制演示链接 https://codesandbox.io/s/react-redux-toolkit-application-forked-l5rhp?file=...
问题 #5768
BlockProperties 中“content”属性的类型错误
GrapesJS 版本 [X] 我确认使用最新版本 GrapesJS 你用的是什么浏览器? Chrome v122 可复制演示链接 不适用 描述一下那个虫子 GrapeJs 文档表明,可以将混合内容添加到块的“content”属性中(参见 https://grapesjs.co...
与此问题匹配的付费插件
根据问题关键词和标签相关性精选,助你更快交付。
正在加载付费插件推荐……
相关教程
关于同一主题的深入指南。
教程
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.
教程
GJS.Market Is Now Available for India 🇮🇳
GJS.Market is expanding its global presence with a dedicated experience for developers, agencies, SaaS companies, and digital creators in India
教程
如何在2026年用 GrapesJS 构建AI驱动的页面构建器
我们构建GJSDocs的经验——从简单的AI文本生成到结构化、上下文感知的视觉编辑
浏览插件分类
直接跳转到市场上的插件分类页面。