问题 #2611💬 已回答提出于 2020年2月29日作者 orionseye0 个反应

将外部内容拖拽到 Canvas

快速解答作者 orionseye

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

阅读下方完整回答 ↓

问题

我正在尝试从一个列出大量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' 我正在改变我的问题范围......请见下方评论

回答(2)

orionseye2020年2月29日

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

相关问答

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

与此问题匹配的付费插件

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

查看全部插件

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

免费方案

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

浏览免费插件 →
高级方案

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

浏览高级插件 →

浏览插件分类

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