TextNodes 在元素内容更改时会干扰
你好,Juan,谢谢你的报告,你能给我演示一下你的文本特性是怎么工作的吗? 如果你用这种方式更新组件 'component.components(e.target.value)',我预计它应该能正常工作
阅读下方完整回答 ↓问题
版本: 0.16.44 你好@artf 我有一个自定义方块,带有自定义按钮组件,内容和这个类似。 ` <a data-gjs-type=“custom_button” class=“btn btn-1” href=“”>Click here</a>' 此外,我添加了一个文本特性来更改按钮内容,但在这个特定情况下,我不想使用编辑器RTE。 <img width=“286” alt=“image” src=“https://user-images.githubusercontent.com/1976679/109966677-d3a91180-7cf0-11eb-8463-e28b8de806c2.png”> 当我更改数值时,第一次会正确反映 <img width=“975” alt=“image” src=“https://user-images.githubusercontent.com/1976679/109967201-6c3f9180-7cf1-11eb-943e-0c96e8693845.png”> 但当我保存并重新加载页面时,它又回到了原始值 <img width=“967” alt=“image” src=“https://user-images.githubusercontent.com/1976679/109967439-b6287780-7cf1-11eb-8c...
回答(4)
你好,Juan,谢谢你的报告,你能给我演示一下你的文本特性是怎么工作的吗? 如果你用这种方式更新组件 'component.components(e.target.value)',我预计它应该能正常工作
这是我的特质 我已经改成 现在它不用覆盖更新内容或渲染子节点,谢谢!我绝不会得出使用“组件”方法的结论。 现在我不喜欢文本节点 😅 我觉得除非你还有其他改进点,否则我们可以结束这个问题。 谢谢!
我觉得你不需要这个“target.set('content', value);”。其他的都很好 👍
谢谢你举报,@jcamejo。 感谢你分享关于TextNodes在更改element内容时会干扰的报告。为了帮助团队调查并优先排序: 请提供: 一个最小可复现的例子(CodeSandbox/JSFiddle) 你的GrapesJS版本号 浏览器和操作系统信息 浏览器控制台的任何错误信息 重现问题的步骤 最有帮助的是什么: 简约代码示例(不是你整个项目) 屏幕录制或截图显示问题 明确区分预期行为与实际行为 你正在使用的GrapesJS配置 有了这些细节,维护者可以更快地识别和优先排序修复。GrapesJS团队对有充分记录的问题反应迅速。
相关问答
通过相似的问题讨论继续研究。
问题 #3528
我没能对 Grapesjs 组件进行单元测试
不太清楚具体情况,但这就是我得到的。有时测试通过,有时随机失败。请帮帮@artf <img width=“1474” alt=“截图 2021-06-10 晚上7:08 14”,src=“https://user-images.githubusercontent.com/557...
问题 #3713
带脚本的存储组件无法正确渲染
我在尝试保存一些组件(包括一些脚本)并重新加载页面时遇到了一些问题,组件渲染不正确。显示的是空盒子。 举个例子:当我尝试从“jvas28/grapesjs-echarts”保存图表组件并重新加载页面时,会出现这种情况 <img width=“1438” alt=“截图 2021...
问题 #3507
没有生成的ID和自动选择的ID。
大家好, 我用的是 grapesjs-blocks-bootstrap4,检查它们的组件,看起来都正常。 但当你选择块类容器时,它会针对类而不是唯一ID。 ,我正在尝试用“grapesjs-plugin-export” 导出内容 我遇到的问题是导出后,没有 JS 代码(最初在 Angu...
与此问题匹配的付费插件
根据问题关键词和标签相关性精选,助你更快交付。
正在加载付费插件推荐……
相关教程
关于同一主题的深入指南。
教程
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
教程
Lighthouse for GrapesJS: Audit Accessibility and SEO Without Leaving the Editor
Live WCAG 2.1/2.2 accessibility auditor + SEO manager for GrapesJS. Every finding is bound to the exact component — click to select, then one-click fix.
教程
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.
浏览插件分类
直接跳转到市场上的插件分类页面。