禁用拖曳功能,而不是功能
对于组件本身,当你点击移动图标时,它会运行['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)
对于组件本身,当你点击移动图标时,它会运行['tlb-move' command](https://github.com/artf/grapesjs/blob/dev/src/commands/index.js#L111),所以你可以通过添加一个带有相同ID的新命令来覆盖它,但遗憾的是,没有简单的方法来改变方块的拖拽行为。
附言:我开始开发设计师模式,开发进展缓慢,但至少开始了,希望很快能发布后续问题
由于关闭后没有近期活动,该帖子已被自动锁定。请为相关漏洞开启新一期。
相关问答
通过相似的问题讨论继续研究。
问题 #701
在编辑器中修改组件会清除模型内容
我想实现的目标: 我在编辑器中拉入的一些组件上有特殊的“data-”属性。当其中一个被修改时,我想获取“data-”属性的值和新内容。我有代码监听组件被修改。当这个事件触发时,我正在查看内容(正在进行中)。然而,当我拿到内容时,它是空的,尽管组件本身并没有...... 问题似乎...
问题 #452
自定义缩小器问题(或者说是我保存/加载组件的方式)
我正在尝试为我的一个组件制作一个定制的缩小器。这是一个基于Flexbox的网格/列布局,我希望用户能够调整一列大小(固定宽度),其他列填满剩余空间。 我已经为我的列自定义了一个组件,所以我给它添加了调整尺寸配置,包括一个 updateTarget() 函数,效果非常好。但是,如...
问题 #507
上传文件在丢弃文件上被调用了两次?
我有一个编辑器,初始化如下: 如果我把图片添加到画布,然后试图通过拖拽到模态的投放区域上传新图片,uploadFile函数会被调用两次。点击上传区域,然后从Windows对话框中选择文件上传,效果很好,它只调用该函数一次。
问题 #905
需要找到必要的事件。
大家好! 拖块到画布上,然后放下: ...我们有事件要检测,我们要投放到哪个方块。 ?: 但当我把块文本放进 form(换句话说,我会把一个块嵌套到另一个块里) 我如何检测:*嵌套发生在哪个具体方块中?? 指定什么事件来检测该组件? 我试过 canvas:dragenter 和...
与此问题匹配的付费插件
根据问题关键词和标签相关性精选,助你更快交付。
正在加载付费插件推荐……
相关教程
关于同一主题的深入指南。
浏览插件分类
直接跳转到市场上的插件分类页面。