PageKit — 可自托管的 GrapesJS 建站工具,附完整源码。 获取抢先体验

问题 #3330💬 已回答提出于 2021年3月10日作者 RaresVlaiduc0 个反应

What event is fired on component start move

快速解答作者 GJSBlock

谢谢你举报,@RaresVlaiduc。 关于组件启动移动时触发的事件,这个问题很棒。推荐的组件方法是使用事件驱动的API。 从这里开始: 查看你所在模块的[GrapesJS文档](https://grapesjs.com/docs/) 寻找“on()”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式: “JavaScript 留意变化 editor.on('change', () => console.log('something changed')); 组件生命周期 editor.on('component:mount', (c) => console.log('component ready', c))...

阅读下方完整回答 ↓

问题

又见面了!

当前情况:

  • 我开始剪辑
  • 在图层管理器中,我最大化了移动容器(箭头图标)的宽度,这样我可以通过点击任意方向拖动元素
  • 我在编辑器中快速移动,不小心移动了图层,而不是选择它

我想要的:

  • 例如,我想将移动事件的开始提前300毫秒,这样在这300毫秒内只触发选择动作

你知道移动时触发的事件叫什么吗(来自图层管理器)。 谢谢!

LE: component:drag:start 是事件

回答(1)

GJSBlock2026年5月17日

谢谢你举报,@RaresVlaiduc。 关于组件启动移动时触发的事件,这个问题很棒。推荐的组件方法是使用事件驱动的API。 从这里开始: 查看你所在模块的[GrapesJS文档](https://grapesjs.com/docs/) 寻找“on()”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式: “JavaScript 留意变化 editor.on('change', () => console.log('something changed')); 组件生命周期 editor.on('component:mount', (c) => console.log('c...

相关问答

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

问题 #3135

How to easily override existing component ?

例如,我想在默认视频组件上添加双击事件处理程序来打开资产管理器。 我的基本想法是获取视频组件的视图定义,并添加“事件”+处理器。 最后,把它调回视频部分。 不幸的是,这一想法在第一步就失败了。'v.View()' 会给我一个错误 我刚接触这个项目,对Backbone.js几乎一...

4 个回答更新于 2024年2月3日

问题 #5460

从“pageManager”加载“组件”和“样式”

GrapesJS版本[X] 我确认使用最新版本GrapesJS你用的是什么浏览器? Chrome v117.0.5938.149可复制演示链接 https://jsfiddle.net/9oLrsvya/描述一下那个虫子 如何复现这个漏洞?请查看jsfiddle中的pageMa...

4 个回答更新于 2023年11月28日

问题 #5175

移动方法没有按预期工作

GrapesJS 版本 [X] 我确认使用最新版本 GrapesJS 你用的是什么浏览器? 铬 可复制演示链接 https://codesandbox.io/s/adoring-margulis-873kdv 描述一下那个虫子 背景 移动组件的方法没有按预期工作。 这段代码没有...

4 个回答更新于 2023年6月25日

问题 #3231

How to change gjs-ckeditor-format component

大家好, 我们都知道 GJS-CKeditor-plugin 是处理 [data-gjs-type]=“text” 组件的。 我想知道,我们能不能改变这个选项? 我想自己创建一个自定义组件,比如 [data-gjs-type]=“anyDiv”,并且拥有类似的功能 [data-...

4 个回答更新于 2021年2月9日

与此问题匹配的付费插件

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

查看全部插件

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

免费方案

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

浏览免费插件 →
高级方案

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

浏览高级插件 →

相关教程

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

全部教程 →

浏览插件分类

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