问题 #2472💬 已回答提出于 2019年12月26日作者 imranali20450 个反应

DragData 扩展用于其他组件,比如 div 等

快速解答作者 artf

'canvas:dragdata' 旨在丰富原生 D&D 支持。比如你从桌面拖入视频,想让编辑器正确理解,你会这样做 “''js editor.on('canvas:dragdata', (dataTransfer, result) => { 如果 (/ dataTransfer 包含视频文件 /) { result.content = { 类型: 'video', src: '...' } } }); ```

阅读下方完整回答 ↓

问题

你好@artf 如何为自定义组件(外部组件)实现dragData事件。我在div drag上调用了dragData方法,但dataTransfer和内容都没有当前拖拽组件的信息。请帮帮我,情况紧急,谢谢。 ' this._editor.on('canvas:dragdata', (dataTransfer, content) => { console.log(“dataTransfer”, dataTransfer); console.log(“内容”,内容); });`

回答(2)

artf2020年1月2日

'canvas:dragdata' 旨在丰富原生 D&D 支持。比如你从桌面拖入视频,想让编辑器正确理解,你会这样做 “''js editor.on('canvas:dragdata', (dataTransfer, result) => { 如果 (/* dataTransfer 包含视频文件 */) { result.content = { 类型: 'video', src: '...' } } });

manuel-842022年3月1日

你做到了吗? 我在启用 MJML 插件时遇到了丢弃文本的问题,它本应创建 MJ-text 元素,但实际上却创建了一个 div

相关问答

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

问题 #5352

未捕获的语法错误:意外令牌 '{',时间为CanvasView.ts:590:12

葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器? 版本 1.56.20 Chromium:115.0.5790.171(Offizieller 构建)(arm64) 可复制演示链接 没有 描述一下那个虫子 我有一个带有脚本的组件类型 在使用此类组...

3 个回答更新于 2023年9月3日

问题 #1797

内部拖放出现奇怪问题——内容丢弃 === “null”

你好@artf, 我遇到了一个非常奇怪的问题,与HTML5拖放有关。 当我在 grapesjs 中选择一些混合内容,包括可编辑的文本内容和周围的组件作为一个整体选择时,丢失(复制)的内容有时是“null”(包含“null”文本值的字符串,而不是 JavaScript 的 nul...

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

问题 #905

需要找到必要的事件。

大家好! 拖块到画布上,然后放下: ...我们有事件要检测,我们要投放到哪个方块。 ?: 但当我把块文本放进 form(换句话说,我会把一个块嵌套到另一个块里) 我如何检测:*嵌套发生在哪个具体方块中?? 指定什么事件来检测该组件? 我试过 canvas:dragenter 和...

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

问题 #6064

在程序中设置文本内容会在画布中清除

葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器? V126 可复制演示链接 https://jsfiddle.net/r5062suy/1/ 描述一下那个虫子 如何复现这个漏洞?运行演示链接(https://jsfiddle.net/r5062s...

4 个回答更新于 2024年8月21日

与此问题匹配的付费插件

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

查看全部插件

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

免费方案

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

浏览免费插件 →
高级方案

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

浏览高级插件 →

浏览插件分类

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