Textable not working with extended text component

快速解答作者 artf

嘿@Joshmamroud这里其实有个关于文本成分的普遍问题 #2771

阅读下方完整回答 ↓

问题

版本： 0.17.22

你能重现演示中的bug吗？

是的
不

预期的行为是什么？ 应该能够将文本元素放入自定义组件中，从而扩展文本组件

目前的行为是什么？ 不能把可文本的组件放进一个扩展文本组件的自定义组件里

你能附上截图、截屏或实时演示吗？ [演示]（https://codesandbox.io/s/compassionate-andras-8h8m4?file=/index.js）

是的（附上）
不

回答（4）

artf• 2021年8月14日

嘿@Joshmamroud这里其实有个关于文本成分的普遍问题 #2771

Joshmamroud• 2021年8月14日

谢谢你，@artf。我觉得我的问题更多是自定义组件，它扩展了文本组件。Textable在原始文本组件中工作正常，但当我尝试创建自己的自定义文本组件时，就遇到了问题。不仅仅是Textable，我注意到扩展文本组件也会失去一些其他功能。我现在一时想不起具体的。是不是我在扩展文本部分方面做错了什么？

artf• 2021年8月14日

从你的演示来看，我没看到扩展的“文本”部分有问题，只有与文本相关的问题

GJSBlock• 2026年5月17日

谢谢你举报，@Joshmamroud。 Textable无法与扩展文本组件合作的问题似乎是竞态条件或状态管理时序问题。这通常发生在组件生命周期事件和DOM修改重叠时，导致状态不一致。尝试什么：添加setTimeout包装器以确保DOM已稳定： “JavaScript setTimeout（（） => { 你在这里的行动 }, 0); 推荐的下一步步骤：如果还没测试过，请用最新的GrapesJS版本测试提供最小可重复的示例（CodeSandbox）——这有助于团队更快识别根本原因在报告中包含 GrapesJS 版本、浏览器和控制台错误

在 GitHub 上查看完整讨论 →