问题 #1890💬 已回答提出于 2019年3月13日作者 MACscr0 个反应

禁用拖曳功能,而不是功能

快速解答作者 artf

对于组件本身,当你点击移动图标时,它会运行['tlb-move' command](https://github.com/artf/grapesjs/blob/dev/src/commands/index.js#L111),所以你可以通过添加一个带有相同ID的新命令来覆盖它,但遗憾的是,没有简单的方法来改变方块的拖拽行为。 附言:我开始开发设计师模式,开发进展缓慢,但至少开始了,希望很快能发布后续问题

阅读下方完整回答 ↓

问题

我想创造属于自己的拖拽和放置能力。我很喜欢 Grapesjs,但真的希望能更好地控制在编辑器区域里拖拽元素的工作。有没有办法禁用内置的方法,这样我就能自己创建?我知道设计模式在路线图上,但我现在需要这个功能,所以我自己也要添加,不过首先我得阻止 Grapesjs 的默认功能干扰它。我自己的自定义应用里已经有拖拽定位和调整大小元素完美运行,所以我知道只要能阻止 Grapesjs 的原生功能干扰,就能让它正常工作。 我觉得这不是简单的操作:data-gjs-draggable=“false” 另外,也许我可以保持这个为真,并覆盖处理该功能的函数? 目前我用jquery的可拖拽/可调整大小类来做我自己的应用。我只需对添加的任何元素进行封装,使其可选择和编辑: 感谢任何建议和你们在这个项目上的精彩付出。希望有更熟悉这个项目的人能和我一起头脑风暴一下。市面上已经有几个很棒的项目拥有这个功能,但它们在文档、用户体验/界面和能力方面远不及 Grapesjs,所以我希望能为自己和其他人创建这个功能,用 Grapesjs 使用。

回答(2)

lock[bot]2020年3月21日

由于关闭后没有近期活动,该帖子已被自动锁定。请为相关漏洞开启新一期。

相关问答

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

问题 #701

在编辑器中修改组件会清除模型内容

我想实现的目标: 我在编辑器中拉入的一些组件上有特殊的“data-”属性。当其中一个被修改时,我想获取“data-”属性的值和新内容。我有代码监听组件被修改。当这个事件触发时,我正在查看内容(正在进行中)。然而,当我拿到内容时,它是空的,尽管组件本身并没有...... 问题似乎...

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

问题 #452

自定义缩小器问题(或者说是我保存/加载组件的方式)

我正在尝试为我的一个组件制作一个定制的缩小器。这是一个基于Flexbox的网格/列布局,我希望用户能够调整一列大小(固定宽度),其他列填满剩余空间。 我已经为我的列自定义了一个组件,所以我给它添加了调整尺寸配置,包括一个 updateTarget() 函数,效果非常好。但是,如...

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

问题 #382

把 HTML 和内联 CSS 存储在 Editor.Store()

我正在尝试存储html和内联css,请问你能告诉我如何传递给 editor.store()函数吗? @artf “''js 编辑。命令.add' (“save-db”, { 运行:函数(编辑器,发送者) { 发送者 & 发送者.set('active');关掉按钮 var ht...

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

问题 #507

上传文件在丢弃文件上被调用了两次?

我有一个编辑器,初始化如下: 如果我把图片添加到画布,然后试图通过拖拽到模态的投放区域上传新图片,uploadFile函数会被调用两次。点击上传区域,然后从Windows对话框中选择文件上传,效果很好,它只调用该函数一次。

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

与此问题匹配的付费插件

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

查看全部插件

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

免费方案

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

浏览免费插件 →
高级方案

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

浏览高级插件 →

相关教程

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

全部教程 →

浏览插件分类

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