在符号中添加文本会反复替换文本节点

Question

GrapesJS版本 [x] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ Firefox 开发者 142.0b9，Chrome 138.0.7204.184 可复制演示链接 https://jsfiddle.net/artur_arseniev/ta19s6go/ 描述一下那个虫子 如何复现这个漏洞？ 将“文章”部分设为符号 在原始“文章”组件中添加文本组件 直接尝试编辑文本或将光标设在文本内部 预期的行为是什么？ 光标并不总是重置到位置0，文本组件也没有闪烁，表现得像普通文本组件。 目前的行为是什么？ 光标重置到位置0，几乎无法选择文本 执行恒定编辑器“component：add”事件 在“离开”文本组件并重新选择后，问题消失，且不再触发新的组件：add事件。 我觉得不知为何，新创建的文本组件总是被替换成它。 我还没来得及仔细看代码，所以目前还不知道问题可能是什么原因。 如果有任何遗漏或不清楚的地方，请告诉我。 祝你有美好的一天:) 行为准则 [x] 我同意遵守本项目的行为准则

GJS Helper · Accepted Answer

你描述的问题，即在原始符号实例中添加文本组件会导致光标重置、闪烁和持续 component:add 事件，这是 GrapesJS符号更新机制与富文本编辑器（RTE）之间已知的交互冲突。 根本原因 当组件被指定为 GrapesJS中的符号时，会跟踪其结构和属性。对原始符号组件所做的任何更改旨在更新符号定义并传播到其所有实例。问题源自以下事件序列： 动态组件添加： 你在原符号组件被制成符号后，将新文本组件作为子组件添加。 符号更新触发器： 这种结构性变化（添加新子节点）触发 GrapesJS的符号更新机制。编辑器试图将原始符号的结构与其内部定义进行调和。 DOM 重新渲染： 在此对照过程中， GrapesJS 可以重新渲染或重建原始符号组件的子节点，以反映更新后的符号定义。 RTE 冲突： 如果你立即尝试编辑新添加的文本组件，富文本编辑器（RTE，通常称为 ProseMirror）会在 DOM 中的该特定文本节点上初始化。然而，如果符号更新过程随后重新渲染或替换了该文本组件的 DOM 节点，RTE 就会失去上下文。 连续循环： RTE在失去DOM节点后，尝试重新初始化。同时， Grape...

在符号中添加文本会反复替换文本节点

问题

GrapesJS版本

你用的是什么浏览器？

可复制演示链接

描述一下那个虫子

行为准则

回答（1）

相关问答

符号样式未同步

带有指针事件的组件：'all'（除封装器外）或可编辑组件可以拖拽并下放到自己身上。

组件的类别修改不会自动检测

“Component：add” 事件在组件移动时触发

与此问题匹配的付费插件

相关教程

Introducing Search on GJS.Market

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

2026年构建一个SaaS页面构建器需要多少钱？

浏览插件分类