将外部内容拖拽到 Canvas

Question

我正在尝试从一个列出大量HTML文件（html片段）的模态中添加d&d功能......进入编辑器画布。每个字母都用“''包裹内容<section>

我尝试用“canvas：dragdata”来允许将数据插入画布

editor.on（'canvas：dragdata'， （dataTransfer， result） => {
          if（el.tagName == 'SECTION' & el.classList.contains（'section'））{
		result.content = { 类型：'text/html'}
          }
		
});

据我理解，这是为了扩展文件类型，可以丢弃，GrapesJS支持文本+图片，所以上述方法应该可行？

与此同时，在玩弄了之后 “编辑。DomComponents.addType' 我正在改变我的问题范围......请见下方评论

orionseye · Accepted Answer

我只是想澄清我想实现的目标： 我有一些100+ html片段，在当前的“手工”构建器上使用，需要迁移到GrapesJS。 令我惊讶的是，这似乎并不是一份简单的工作。 目前，我用两个 Ajax 函数实现了所需的功能。 a） ajax + scan_dir 用于列出目录内的所有文件（图片和 HTML 文件） b） 用户点击（或拖拽）预览图像到可编辑的 div 中，Ajax 获取对应的 HTML 文件，并将其放置在所需位置。 完成！ GrapesJS 如何解决这个问题？ 至少，我原本以为带标准HTML5标签的文本/HTML支持从编辑器外部拖拽到编辑器画布。 编辑：原始html可以从外部拖入编辑器，我认为这可能是个变通方法，不用处理每个需求的组件和块

artf · Answer

这里你可以找到如何做到这一点 https://github.com/artf/grapesjs/issues/2595

将外部内容拖拽到 Canvas

问题

回答（2）

相关问答

How to make textnode editing update component content?

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

重新加载自定义组件编辑器后未显示特征

自定义类型导入时未识别

与此问题匹配的付费插件

浏览插件分类