：如果在顶部/左侧有空位，Mode Absolute 无法拖动组件
问题
给定以下代码示例......
“'' HTML
<div style=“height： 100px;”> 顶部或左侧有空隙 </div> <div id=“gjs”> <p style=“填充：25px”> 赫斯德洛世界!!</p> </div>
“'' js
editor.getModel（）.set（'dmode'， 'absolute'）;
导致无法通过面板上的拖曳图标拖放元素来修正位置。
![图片]（https://user-images.githubusercontent.com/6368685/63374396-57b5d580-c3a7-11e9-9628-9d2943857f76.png）
请参见Fiddle演示......
回答（3）
这只是拖拽图标的，对吧？手动拖拽没问题。 使用拖曳图标，它会从顶部重置元素的位置，看起来就是这样。
这只是拖曳图标的，对吧？手动拖拽没问题。 使用拖曳图标，它会像看起来一样重置元素的位置。
是的，这只适用于拖曳图标。
是的，问题在于根据上下文的不同事件对象。当你触发对组件本身的拖拽时，事件在iframe的上下文中（因为点击的元素在iframe中），但组件的按钮在iframe之外，所以事件的上下文是原始的“窗口”。
相关问答
通过相似的问题讨论继续研究。
问题 #1577
内联CSS注释导致代码管理器失效
显然，这段HTML和CSS是有效的： '<div style=“color： red; / height 200px; /; font-weight： blan;”>' （因此才有注释的height属性） Grapesjs 在处理此类属性时遇到困难，因为模型上的 style 属...
问题 #563
表格<thead>和<tbody>标签被省略
你好， GrapesJS 可能出现了新问题。我用“bm.add（）”创建了一个新组件，里面用了带有“<thead>''和”<tbody>''标签的表元素。但用 'editor.getHtml（）' 方法获取 html 时，'<thead>' 和 '<tbody>' 标签会被省略...
问题 #1936
绝对/设计模式
大家好， 本期概述了它是什么、已完成的、该做什么以及完成设计师模式功能的好事。序言 那么我们先来描述一下它是什么，以及这个功能的目标是什么。设计者模式应该允许用户在画布上自由拖动组件，没有HTML固定的位置限制，更像Photoshop/Sketch等工具里的操作。这样移动组件会...
问题 #1410
拖拽占位符高亮位置
@artf 当我们从顶部设置到容器的边距，并想拖动某个元素时 拖拽占位符的高亮位置似乎不对，因为它也包含了边距，而且显示在顶部 即从哪里给出边距的元素。我怎样才能只在容器内显示拖曳占位标记，而不是外部，这样用户会少一些困惑？任何帮助都将不胜感激。 ![占位错误]（https:/...
与此问题匹配的付费插件
根据问题关键词和标签相关性精选，助你更快交付。
正在加载付费插件推荐……
相关教程
关于同一主题的深入指南。
教程
Super Tooltip for GrapesJS — Version 0.1.5 Released 🎉
We’re excited to announce the v 0.1.5 update of Super Tooltip, our floating‑menu and tooltip plugin for GrapesJS
教程
GrapesJS in 2026: The Complete Guide to the Open-Source Web Builder Framework
Master GrapesJS in 2026. Architecture, code examples, React integration, plugin development, Studio SDK, and how it compares to other projects
浏览插件分类
直接跳转到市场上的插件分类页面。