问题 #1328💬 已回答提出于 2018年8月1日作者 jorgecgll0 个反应

画布中的组件重排

快速解答作者 artf

我没时间调试,但我觉得可能是因为组件应用了“float: right”风格导致的

阅读下方完整回答 ↓

问题

我注意到在画布中移动DOM组件时有些不一致。下面gif中的描述,使用网页演示:

![grapesjs_gif](https://user-images.githubusercontent.com/15037357/43487035-99d15e8a-94d2-11e8-979b-97440cc0a45a.gif)

就我而言,当我输出“编辑器”时,我确实看到DOM组件的“移动”被反映出来了。DomComponents.getComponents()'。它们实际上会重新排序,但画布有时不会反映这些动作。

回答(2)

artf2018年8月2日

我没时间调试,但我觉得可能是因为组件应用了“float: right”风格导致的

jmrgz2018年8月2日

是的,这与浮力权属性有关。实际上,这才是float right属性的真实行为(最后一个HTML元素出现在第一个),所以我看不到简单的解决方案。

相关问答

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

问题 #1936

绝对/设计模式

大家好, 本期概述了它是什么、已完成的、该做什么以及完成设计师模式功能的好事。序言 那么我们先来描述一下它是什么,以及这个功能的目标是什么。设计者模式应该允许用户在画布上自由拖动组件,没有HTML固定的位置限制,更像Photoshop/Sketch等工具里的操作。这样移动组件会...

3 个回答更新于 2025年1月8日

问题 #2722

高亮和工具栏在外部滚动中位置错误

你用的是最新版本吗(旧版本不支持)?是的 你是在本地版GrapesJS遇到这个bug,还是当前的演示版?地方操作系统:Archlinux浏览器:Firefox 74.0 和 Firefox 开发者版 75.0b11葡萄:v0.16.3 预期的行为是什么?高亮应在外部滚动时更新其...

3 个回答更新于 2023年11月16日

问题 #2828

链接与CKEditor的问题

链接和CKEditor存在问题。我启用了标签的可编辑属性<a>: “JavaScript CKEDITOR.dtd.$editable.a = 1; ``` 当我双击链接时,它可以编辑,一切正常。但当我完成编辑并再次尝试编辑时,我却做不到。 ![simplescreenreco...

3 个回答更新于 2023年7月26日

问题 #761

文本分量问题

嗨。我希望有个文本组件,不会每次按“回车”键创建新段落时都生成新组件(这不方便使用)。此外,葡萄核心的实际文本部分存在一个问题(见下面的截图)。提前感谢大家的关注! ![动图-屏幕葡萄](https://user-images.githubusercontent.com/777...

3 个回答更新于 2021年2月20日

与此问题匹配的付费插件

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

查看全部插件

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

免费方案

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

浏览免费插件 →
高级方案

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

浏览高级插件 →

浏览插件分类

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