在最终 HTML 文本组件中添加的可拖拽属性
问题
这个漏洞也出现在在线演示中:https://grapesjs.com/demo.html
- 在页面上添加文本块,开始输入并按回车键,形成多行分隔。
- 取消选择该块。
- 双击该块重新开始编辑。
现在如果你点击“查看代码”按钮,你会看到文本块内的HTML节点有一些“draggable=”true“属性。 这总是在第三步发生。第一次编辑文本并添加断行时,只要你不想以后再编辑区块,一切都没问题。
问题是,在网站最终显示的 HTML 中,这些属性依然存在。你无法选择任何东西,因为导航员会解释可拖拽属性。 是的,我会分别保存“html”和“组件”两个
我觉得这像是个bug,或者我误解了别的什么
 
回答(3)
好的,我会试着去看看
@alexiswbr使用下面的摘要,'div' 将变成 'br'',作为预期的行为:
我用这种方式防止被转换成组件,同时保留原始 html。 只需覆盖你需要的组件,比如“文本”或创建新组件即可。 也许这不是个好办法,但确实有效:)
相关问答
通过相似的问题讨论继续研究。
问题 #3579
在放置“activeOnRender”组件后立即打开RTE时丢失了
版本: 0.17.4 你能重现演示中的bug吗?[x] 是的[ ] 不 繁殖步骤:前往[演示](https://grapesjs.com/demo.html)在画布内放置一个“文本”方块点击刚刚丢弃的“文本”组件打开的RTE丢失了位置(参见[附图](https://user-i...
问题 #4732
HTML 导入后 Tabs behaviour
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器? Chrome 107(MacOS) 可复制演示链接 https://grapesjs.com/demo.html 描述一下那个虫子 如何复现这个漏洞?将标签块拖放到编辑器内容中点击顶部的“导入”按...
问题 #4257
背景修改对非图像无效
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器? Chrome v100 可复制演示链接 https://grapesjs.com/demo.html 描述一下那个虫子 如何复现这个漏洞?点击任意组件,在样式管理器中滚动到装饰>背景尝试制作一个带...
问题 #4173
文本元素无法正常工作
葡萄JS版本[X] 我确认使用最新版本的GrapesJS你用的是什么浏览器? Chrome v98可复制演示链接 https://grapesjs.com/demo.html描述一下那个虫子 我打开了一个笔记本(Win11) 我在记事本上写了:测试 [回车] 测试 [回车] 测...
与此问题匹配的付费插件
根据问题关键词和标签相关性精选,助你更快交付。
正在加载付费插件推荐……
相关教程
关于同一主题的深入指南。
教程
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.
浏览插件分类
直接跳转到市场上的插件分类页面。