DragData 扩展用于其他组件,比如 div 等
'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)
'canvas:dragdata' 旨在丰富原生 D&D 支持。比如你从桌面拖入视频,想让编辑器正确理解,你会这样做 “''js editor.on('canvas:dragdata', (dataTransfer, result) => { 如果 (/* dataTransfer 包含视频文件 */) { result.content = { 类型: 'video', src: '...' } } });
你做到了吗? 我在启用 MJML 插件时遇到了丢弃文本的问题,它本应创建 MJ-text 元素,但实际上却创建了一个 div
相关问答
通过相似的问题讨论继续研究。
问题 #5352
未捕获的语法错误:意外令牌 '{',时间为CanvasView.ts:590:12
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器? 版本 1.56.20 Chromium:115.0.5790.171(Offizieller 构建)(arm64) 可复制演示链接 没有 描述一下那个虫子 我有一个带有脚本的组件类型 在使用此类组...
问题 #1797
内部拖放出现奇怪问题——内容丢弃 === “null”
你好@artf, 我遇到了一个非常奇怪的问题,与HTML5拖放有关。 当我在 grapesjs 中选择一些混合内容,包括可编辑的文本内容和周围的组件作为一个整体选择时,丢失(复制)的内容有时是“null”(包含“null”文本值的字符串,而不是 JavaScript 的 nul...
问题 #905
需要找到必要的事件。
大家好! 拖块到画布上,然后放下: ...我们有事件要检测,我们要投放到哪个方块。 ?: 但当我把块文本放进 form(换句话说,我会把一个块嵌套到另一个块里) 我如何检测:*嵌套发生在哪个具体方块中?? 指定什么事件来检测该组件? 我试过 canvas:dragenter 和...
问题 #6064
在程序中设置文本内容会在画布中清除
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器? V126 可复制演示链接 https://jsfiddle.net/r5062suy/1/ 描述一下那个虫子 如何复现这个漏洞?运行演示链接(https://jsfiddle.net/r5062s...
与此问题匹配的付费插件
根据问题关键词和标签相关性精选,助你更快交付。
正在加载付费插件推荐……
浏览插件分类
直接跳转到市场上的插件分类页面。