绝对模式,拖入画布时组件的样式缺失
问题
大家好,我正在用 grapesjs 工作,哪个版本是 '0.15.8',在“绝对”模式下,当我把一个块拖到 Canvas 时,发现组件的样式不见了。 定义组件如下: “JavaScript domc.addType(lineChartRef, { model: defaultModel.extend({ 默认值:{ ...defaultModel.prototype.defaults, 名称:lineChartRef, 可调整大小:正确, Dmode:“绝对”, childrenSelectable: false, 高亮显示:错误, 可掉落:错误, 样式: { “宽度”: “700px”, “高度”: “500px” }, 特质:[...], ... Script() { ... } } }) }) 组件样式被替换。 这里应该用“addStyle”代替“setStyle”吗?
回答(3)
@artf是的!如果我移除“脚本”,这种情况就不会发生了。行为没问题。
你好@sheldonwr你提到的这个bug在我这边无法复现,我试了你的类型定义,效果不错,请检查下面的代码,看看你这边缺了什么: 我观察到这个组件的问题是,当我移动它时,组件停止渲染子体,并且卡住,对任何交互都没有反应。这可能是因为指定了组件级拖曳模式而非全局模式的漏洞。@artf 干杯!
好吧,实际上当一个组件定义了“脚本”属性时,会发生一件奇怪的事情...... 谢谢大家的反馈,我会去看看。你能确认没有“脚本”时它能正常表现吗?
相关问答
通过相似的问题讨论继续研究。
问题 #6685
自定义组件样式在删除和重新添加后不会被应用
GrapesJS版本 [x] 我确认使用最新版本的GrapesJS 你用的是什么浏览器? Chrome v143.0.7499.193 可复制演示链接 https://codesandbox.io/p/sandbox/2l3887 描述一下那个虫子 如何复现这个漏洞? 打开页面...
问题 #5049
拖拽由图片和链接组成的组件时出现的问题
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器? 勇敢的最后版本 可复制演示链接 https://jsfiddle.net/rp7oc96v/1/ 描述一下那个虫子 嗨,亚瑟! 我正在创建一个新组件,一个链接中的图片,就像“mj-image”组件...
问题 #3731
文本元素在事件扩展后无法重复选择
版本:0.17.25 你能重现演示中的bug吗?[ ] 是的[x] 不 预期的行为是什么? 通过在视图中添加事件来更新现有的类型文本组件。 详细描述那个漏洞 事件正在添加,但一旦我选择了另一个组件,就无法回到第一个组件。该版本只能提交一次。 你能附上截图、截屏或实时演示吗?**...
问题 #3435
可滚动的 onStart/onEnd/更新目标不可覆盖
版本: 0.17.3 你能重现演示中的bug吗?[ ] 是的[X] 不 预期的行为是什么? 能够覆盖组件的“model.default.scrollable”中的onStart、onEnd和updateTarget,详见[文档](https://github.com/artf/...
与此问题匹配的付费插件
根据问题关键词和标签相关性精选,助你更快交付。
正在加载付费插件推荐……
相关教程
关于同一主题的深入指南。
教程
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.
浏览插件分类
直接跳转到市场上的插件分类页面。