问题 #840💬 已回答提出于 2018年2月5日作者 austinbiggs0 个反应

:拖拽元素时,误导性drop placeholder

快速解答作者 artf

@AustinTBiggs 我不知道是不是只是这样,但你的链接里有“data-gjs-draggable=”.menu nav.menu“'',其实应该是”data-gjs-draggable=“nav.menu”之类的。

阅读下方完整回答 ↓

问题

GrapeJs 版本:13.8 本地文案 JSFiddle:https://jsfiddle.net/austinbiggs/tgsykuq4/

这个bug有点难解释,但重写起来应该很直接。

我有菜单链接只能在父页面内拖拽,<nav>但拖动时,页面顶部会出现一个假掉落的占位符,尽管直接放那里没有任何作用,也不允许。

“”设置<nav>了“droppable”,只允许菜单链接被放入其中。链接只能在“''内拖拽。<nav>

这些截图展示了我自己例子中这个问题的表现。 ![截图 2018-02-05 12:58 26 PM](https://user-images.githubusercontent.com/930864/35825859-4fc9c572-0a74-11e8-838f-711fd5953637.jpg) ![截图 2018-02-05 12:58 36 PM](https://user-images.githubusercontent.com/930864/35825860-4fdb0ecc-0a74-11e8-9ec7-b89bcbd15725.jpg)

回答(3)

artf2018年2月7日

@AustinTBiggs 我不知道是不是只是这样,但你的链接里有“data-gjs-draggable=”.menu nav.menu“'',其实应该是”data-gjs-draggable=“nav.menu”之类的。

austinbiggs2018年2月7日

@artf

虽然我不明白为什么需要这个改动(毕竟这是一个有效的选择器),但我还是做了改动。不幸的是,我仍然遇到这个问题。

我更新了我的Fiddle来展示这个

artf2018年2月8日

你说的“.menu nav.menu”是指只能拖入嵌套菜单,也许应该是“.menu, nav.menu”? 这是我的版本,效果如预期 https://jsfiddle.net/wsn33167/

相关问答

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

问题 #735

在同一区域调整图片大小时,它们都会重新调整大小......

我遇到了一个奇怪的bug,当调整一张图片大小时,兄弟姐妹的照片也会被调整大小。我唯一的想法是对应图像的大小调整。也许Grapes选择的选择者太模糊了? ![截图 2018-01-09 上午11:43 05](https://user-images.githubuserconte...

3 个回答更新于 2019年9月18日

问题 #914

:葡萄不能用新的HTML重新激活

更改HTML后在Grapes上调用“init()”失败。这种情况发生在单页应用上。 我认为需要一个“destory()”函数来优雅地重置葡萄。https://jsfiddle.net/wdtrg1je/(非常基础的单页应用模拟)点击“添加葡萄”(加载带有某种HTML的葡萄)点击...

3 个回答更新于 2019年9月18日

问题 #1290

设置 href 作为初始化后不可编辑的链接块

#1277已关闭,但问题依然存在,所以我必须作为新问题发布 感谢你之前的帮助 @maryia-kabash@artf我为我的自定义链接制作了一个自定义块,请参见代码:编辑。BlockManager.add(“unsubscribe-block”, { 标签:“取消订阅”, 内容...

3 个回答更新于 2019年9月17日

问题 #1865

:葡萄换页

你好, 我在HTML页面中使用葡萄时发现了以下问题: 当你点击编辑器中的某些元素,比如在标签管理器中移动元素的箭头时,整个页面都会向上移动。 问题也出现在你的JSFiddle入门模板 https://jsfiddle.net/szLp8h4n。 ![bug_grapes](ht...

2 个回答更新于 2020年3月10日

与此问题匹配的付费插件

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

查看全部插件

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

免费方案

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

浏览免费插件 →
高级方案

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

浏览高级插件 →

相关教程

关于同一主题的深入指南。

全部教程 →

浏览插件分类

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