问题 #2359💬 已回答提出于 2019年10月30日作者 sheldon5forever1 个反应

绝对模式,拖入画布时组件的样式缺失

快速解答作者 pouyamiralayi1

@artf是的!如果我移除“脚本”,这种情况就不会发生了。行为没问题。

阅读下方完整回答 ↓

问题

大家好,我正在用 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)

pouyamiralayi2019年10月31日

@artf是的!如果我移除“脚本”,这种情况就不会发生了。行为没问题。

pouyamiralayi2019年10月30日

你好@sheldonwr你提到的这个bug在我这边无法复现,我试了你的类型定义,效果不错,请检查下面的代码,看看你这边缺了什么: 我观察到这个组件的问题是,当我移动它时,组件停止渲染子体,并且卡住,对任何交互都没有反应。这可能是因为指定了组件级拖曳模式而非全局模式的漏洞。@artf 干杯!

artf2019年10月31日

好吧,实际上当一个组件定义了“脚本”属性时,会发生一件奇怪的事情...... 谢谢大家的反馈,我会去看看。你能确认没有“脚本”时它能正常表现吗?

相关问答

通过相似的问题讨论继续研究。

问题 #6685

自定义组件样式在删除和重新添加后不会被应用

GrapesJS版本 [x] 我确认使用最新版本的GrapesJS 你用的是什么浏览器? Chrome v143.0.7499.193 可复制演示链接 https://codesandbox.io/p/sandbox/2l3887 描述一下那个虫子 如何复现这个漏洞? 打开页面...

4 个回答更新于 2026年2月18日

问题 #5049

拖拽由图片和链接组成的组件时出现的问题

葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器? 勇敢的最后版本 可复制演示链接 https://jsfiddle.net/rp7oc96v/1/ 描述一下那个虫子 嗨,亚瑟! 我正在创建一个新组件,一个链接中的图片,就像“mj-image”组件...

4 个回答更新于 2023年4月18日

问题 #3731

文本元素在事件扩展后无法重复选择

版本:0.17.25 你能重现演示中的bug吗?[ ] 是的[x] 不 预期的行为是什么? 通过在视图中添加事件来更新现有的类型文本组件。 详细描述那个漏洞 事件正在添加,但一旦我选择了另一个组件,就无法回到第一个组件。该版本只能提交一次。 你能附上截图、截屏或实时演示吗?**...

4 个回答更新于 2021年8月30日

问题 #3435

可滚动的 onStart/onEnd/更新目标不可覆盖

版本: 0.17.3 你能重现演示中的bug吗?[ ] 是的[X] 不 预期的行为是什么? 能够覆盖组件的“model.default.scrollable”中的onStart、onEnd和updateTarget,详见[文档](https://github.com/artf/...

1 个回答更新于 2021年5月7日

与此问题匹配的付费插件

根据问题关键词和标签相关性精选,助你更快交付。

查看全部插件

正在加载付费插件推荐……

免费方案

在以下平台查看开源 GrapesJS 插件: GitHub 或在我们的免费目录中快速搜索。

浏览免费插件 →
高级方案

高级插件提供支持、定期更新和生产就绪的功能——为你节省数天的集成工作。

浏览高级插件 →

相关教程

关于同一主题的深入指南。

全部教程 →

浏览插件分类

直接跳转到市场上的插件分类页面。