TextNodes interfere when changing content on element
你好,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
I wasn't able to unit test grapesjs components
不太清楚具体情况,但这就是我得到的。有时测试通过,有时随机失败。请帮帮@artf <img width=“1474” alt=“截图 2021-06-10 晚上7:08 14”,src=“https://user-images.githubusercontent.com/557...
问题 #3154
Hide elements when i click eye icon in Open Layer Manager
我想看到代码处理事件隐藏或删除元素。我在哪里能找到它? <img width=“958” alt=“Capture” src=“https://user-images.githubusercontent.com/56115755/99949266-509d2480-2dad-1...
问题 #3713
Stored components with script can not be rendered properly
我在尝试保存一些组件(包括一些脚本)并重新加载页面时遇到了一些问题,组件渲染不正确。显示的是空盒子。 举个例子:当我尝试从“jvas28/grapesjs-echarts”保存图表组件并重新加载页面时,会出现这种情况 <img width=“1438” alt=“截图 2021...
问题 #3507
No Generated ID and No auto select ID
大家好, 我用的是 grapesjs-blocks-bootstrap4,检查它们的组件,看起来都正常。 但当你选择块类容器时,它会针对类而不是唯一ID。 ![bootstrap-4-element](https://user-images.githubusercontent....
与此问题匹配的付费插件
根据问题关键词和标签相关性精选,助你更快交付。
正在加载付费插件推荐……
相关教程
关于同一主题的深入指南。
教程
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文本生成到结构化、上下文感知的视觉编辑
浏览插件分类
直接跳转到市场上的插件分类页面。