BUG:textnode 未从 Canvas 中移除
问题
直接导入到包装器的文本不会随组件从画布中移除。
为了验证,可以多次导入简单的文本到演示中,观察它们如何组合,而不是替换之前的文本。
补充这些似乎有帮助:
编辑。DomComponents.addType('textnode', { 型号:{ removed() { var el = this.getEl(); el.parentNode.removeChild(el); } } });
用demo v0.16.18测试过。
回答(3)
我不太理解你的例子,能具体说明繁殖步骤吗?
去 https://grapesjs.com/demo-newsletter-editor.html 的新闻通讯演示版,使用“导入模板”功能,包含像“hello”这样简单的文字但不包含 html(或者在根级和 html 和文本结合)。重复这个过程,根节点上的文本不会被删除,而是每次导入时都会累积。
谢谢@neon12345,我找到了问题,应该会在下一个版本中修复
相关问答
通过相似的问题讨论继续研究。
问题 #5090
组件脚本函数在保存页面后运行两次
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器? 112.0.5615.137(官方配置)(arm64) 可复制演示链接 https://grapesjs.com/demo.html 描述一下那个虫子 组件定义: 丢弃、保存和重新加载时,有两个地...
问题 #3279
如何让 TextNode 编辑更新组件内容?
我正在构建一个自定义的“textarea”组件,希望它能像内置的“text”组件一样,这样编辑grapesjs画布上的textnode时,会更新'.components'中的'textnode'。我希望组件能正确导出为 HTML,比如“<textarea>我的用户编辑了 TEX...
问题 #5352
未捕获的语法错误:意外令牌 '{',时间为CanvasView.ts:590:12
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器? 版本 1.56.20 Chromium:115.0.5790.171(Offizieller 构建)(arm64) 可复制演示链接 没有 描述一下那个虫子 我有一个带有脚本的组件类型 在使用此类组...
问题 #6685
自定义组件样式在删除和重新添加后不会被应用
GrapesJS版本 [x] 我确认使用最新版本的GrapesJS 你用的是什么浏览器? Chrome v143.0.7499.193 可复制演示链接 https://codesandbox.io/p/sandbox/2l3887 描述一下那个虫子 如何复现这个漏洞? 打开页面...
与此问题匹配的付费插件
根据问题关键词和标签相关性精选,助你更快交付。
正在加载付费插件推荐……
相关教程
关于同一主题的深入指南。
教程
Vanilla GrapesJS vs GrapesJS With Plugins: What You Actually Get Out of the Box (2026)
New to GrapesJS? See exactly what the stock editor gives you, where it falls short, and which plugins close the gaps — a beginner-friendly 2026 comparison
教程
GrapesJS DevTools: A Developer Panel Inside Your Editor
If you've ever debugged GrapesJS with console.log(editor.getSelected()) and a dozen throwaway event listeners — this post is for you.
教程
How We Built Composeit in Record Time Using GrapesJS Shadcn
Bypass foundational builder boilerplate and focus on what truly matters.
浏览插件分类
直接跳转到市场上的插件分类页面。