绝对拖拽模式在触摸设备上无法使用
这可能有关联，也可能无关。我注意到在 OSX Safari 上使用 grapejs v0.16.34 时，当我在 Safari 上拖动块块到画布时，ComponentDrag.js onStart（） 函数中的事件参数是未定义的，这可以用 https://jsfiddle.net/v9kecdpz/ 上面提到的同样方法在 Safari 上重现。 我只能像下面那样本地补丁（虽然不算漂亮，但似乎能用）： from 'const { x， y } = Canvas.getMouseRelativeCanvas（event）;' to 'const { x， y } = Canvas.getMouseRelativeCanvas（even...
阅读下方完整回答 ↓问题
绝对拖拽模式（搭配Grapesjs的触摸插件）在触摸设备上无法使用。 GrapesJS 版本：0.15.8
预期行为： 用户还应能通过触摸屏上的拖拽移动组件。
当前行为： 用户可以正常拖放方块。 如果用户想通过拖拽移动被丢弃的组件，看起来拖动已经开始（样式更改），但组件并没有移动。
演示中也可以重现： https://jsfiddle.net/v9kecdpz/
繁殖步骤：
- 打开演示（包含带有 grapesjs touch 插件的 jsfiddle）
- 将一个方块拖入画布（或使用已有的方块）
- 尝试通过拖曳来移动组件
测试对象： 安卓平板 iPad 2019，iOS 13
测试时使用了Chrome浏览器。
这很可能不是设备或操作系统本身的问题。我怀疑错过了触摸事件。
回答（3）
这可能有关联，也可能无关。我注意到在 OSX Safari 上使用 grapejs v0.16.34 时，当我在 Safari 上拖动块块到画布时，ComponentDrag.js onStart（） 函数中的事件参数是未定义的，这可以用 https://jsfiddle.net/v9kecdpz/ 上面提到的同样方法在 Safari 上重现。 我只能像下面那样本地补丁（虽然不算漂亮，但似乎能用）： from 'const { x， y } = Canvas.getMouseRelativeCanvas（event）;' to 'const { x， y } = Canvas.getMous...
嘿@MartinPutz 资产管理器不会在iPad、桌面触摸设备上弹出——Chrome、Firefox和Safari。
而且编辑器的画布滚动功能在iPhone上不工作。
我到底漏掉了什么？
提前感谢大家。
嘿，@pradeeshattlee
这个问题其实和资产管理公司无关，而是渲染完后，组件的移动。
我很少用资产管理，但据我记得它在iPad上运行得很好。 如果我是你，我会开一个新刊，里面有所有可能有用的细节。
相关问答
通过相似的问题讨论继续研究。
问题 #2366
文本阴影在选中元素时移除 RGB 值
示例： https://jsfiddle.net/benvmatheson/g1ft06qh/8/ 导入带有文本属性的样式。 'text-shadow：RGB（51， 166， 58） 4px 4px 4px;' 这样操作正常，物品也能正确显示。然而，一旦选中了该项，RGB值会...
问题 #2002
图片无法调整到全宽
当用鼠标调整图像大小时，图像不会完全拉伸到画布边缘，右侧会留下空白。如果调整尺寸——>宽度，你可以把它拉到画布边缘。 ![图片]（https://user-images.githubusercontent.com/9043745/57339111-75f41000-70ed-1...
问题 #1936
绝对/设计模式
大家好， 本期概述了它是什么、已完成的、该做什么以及完成设计师模式功能的好事。序言 那么我们先来描述一下它是什么，以及这个功能的目标是什么。设计者模式应该允许用户在画布上自由拖动组件，没有HTML固定的位置限制，更像Photoshop/Sketch等工具里的操作。这样移动组件会...
问题 #1577
内联CSS注释导致代码管理器失效
显然，这段HTML和CSS是有效的： '<div style=“color： red; / height 200px; /; font-weight： blan;”>' （因此才有注释的height属性） Grapesjs 在处理此类属性时遇到困难，因为模型上的 style 属...
与此问题匹配的付费插件
根据问题关键词和标签相关性精选，助你更快交付。
正在加载付费插件推荐……
相关教程
关于同一主题的深入指南。
教程
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
浏览插件分类
直接跳转到市场上的插件分类页面。