问题 #1599💬 已回答提出于 2018年11月20日作者 00salmon0 个反应

拖放渲染不正确

快速解答作者 artf

看起来问题是因为你的 JSON 里有不同的空“textnode”。你如何获得这种结构?

阅读下方完整回答 ↓

问题

版本 0.14.40

  1. 点击“继续”
  2. 选择“您已成功注册!”头部(sqh-header)
  3. 将“Give 10 and Get 10”与下方文字之间拖拽 sqh 头块
  4. sqh-头在图层管理器中视觉上显示在Give $10头上方,但在Give $10头下方
  5. 将 sqh 头拖回“Rewards Dashboard”下方的“form-component” 内
  6. sqh-header 在“奖励仪表盘”上方的视觉效果上出现,但在图层部分下方

演示版没能重现这个bug,我也搞不清楚问题出在哪里。尝试了多个版本的葡萄,每次都会出现这个bug。

用Chrome在 https://jsfiddle.net/00salmon/ocbxqm91/ 上测试过

回答(3)

artf2018年11月21日

看起来问题是因为你的 JSON 里有不同的空“textnode”。你如何获得这种结构?

00salmon2018年11月21日

嗨,@artf,

谢谢你指出这一点。JSON 来自一个内部示例,包含更多组件,缺失的位一定被转换成了空的文本节点。

我已经移除了 jsfiddle 里的空 textnodes,但似乎仍然遇到“sqh 头”落错位置的问题。还有其他线索吗?

干杯

artf2018年11月21日

请用清理后的 JSON 更新现场演示

相关问答

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

与此问题匹配的付费插件

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

查看全部插件

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

免费方案

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

浏览免费插件 →
高级方案

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

浏览高级插件 →

浏览插件分类

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