绝对模式,拖入画布时组件的样式缺失
问题
大家好,我正在用 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 干杯!
好吧,实际上当一个组件定义了“脚本”属性时,会发生一件奇怪的事情...... 谢谢大家的反馈,我会去看看。你能确认没有“脚本”时它能正常表现吗?
相关问答
通过相似的问题讨论继续研究。
问题 #5352
未捕获的语法错误:意外令牌 '{',时间为CanvasView.ts:590:12
GrapesJS 版本 [X] 我确认使用最新版本 GrapesJS 你用的是什么浏览器? 版本 1.56.20 Chromium:115.0.5790.171(Offizieller 构建)(arm64) 可复制演示链接 没有 描述一下那个虫子 我有一个带有脚本的组件类型 在...
问题 #6685
自定义组件样式在删除和重新添加后不会被应用
GrapesJS版本 [x] 我确认使用最新版本的GrapesJS 你用的是什么浏览器? Chrome v143.0.7499.193 可复制演示链接 https://codesandbox.io/p/sandbox/2l3887 描述一下那个虫子 如何复现这个漏洞? 打开页面...
问题 #5090
组件脚本函数在保存页面后运行两次
GrapesJS 版本 [X] 我确认使用最新版本 GrapesJS 你用的是什么浏览器? 112.0.5615.137(官方配置)(arm64) 可复制演示链接 https://grapesjs.com/demo.html 描述一下那个虫子 组件定义: 丢弃、保存和重新加载时...
问题 #5049
Problem when dragging component composed by image and link
GrapesJS 版本 [X] 我确认使用最新版本 GrapesJS 你用的是什么浏览器? 勇敢的最后版本 可复制演示链接 https://jsfiddle.net/rp7oc96v/1/ 描述一下那个虫子 嗨,亚瑟! 我正在创建一个新组件,一个链接中的图片,就像 mj-ima...
与此问题匹配的付费插件
根据问题关键词和标签相关性精选,助你更快交付。
正在加载付费插件推荐……
相关教程
关于同一主题的深入指南。
教程
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.
教程
2026年构建一个SaaS页面构建器需要多少钱?
2026年构建一个SaaS页面构建器的成本是多少?探索实际的开发成本、时间表、功能,以及使用 GrapesJS 如何降低成本
教程
PageKit:你无论如何都得自己开发 GrapesJS 应用
一个围绕开源GrapesJS核心的源代码可用Next.js应用——发布、自定义域名、潜在客户、结账和插件加载器。
浏览插件分类
直接跳转到市场上的插件分类页面。