问题 #2862💬 已回答提出于 2020年6月29日作者 Lerdouille0 个反应

自定义类型导入时未识别

快速解答作者 Lerdouille

你好, 顺便说一句,当我尝试用插件定义的类型更改isComponent返回时: 'isComponent: el => { if (el.tagName === 'DIV' && (typeof el.classList !== 'undefined' && el.classList.contains('imagelink-class'))) { return { 类型:“营销按钮”}; } },` 导入会将我的“<div><a><img></a></div>'' DOM结果识别为营销按钮(定义在 grapesjs-block-avance 插件中) 我觉得我在类型定义里漏掉了什么,没能帮助葡萄在导入时识别我的类型...... 此...

阅读下方完整回答 ↓

问题

你好, 我成功创建了一个包含可点击图片的新类型。但不幸的是,导入时HTML解析器无法识别新的自定义类型。 这是我新类型的源代码: “编辑。DomComponents.addType('imagelink', { isComponent: el => { if (el.tagName === 'DIV' && (typeof el.classList !== 'undefined' && el.classList.contains('imagelink-class'))) { return { 类型:“imagelink” }; } }, 型号:{ 默认值:{ 标签名称:“div”, 可调节大小:{keepAutoHeight: true}, 属性:{class: 'imagelink-class', “data-type”: “imagelink”}, 可掉落:错误, 特质:[ { 类型:'href',标签:'Source',名称:'href' }, { 类型:“选择”, 标签:“Target”, 名称:“目标”, 选项:[ { 值: '', 名称: 'This window', { 值:'_blank',名称:'新窗口' } ] } ], 组成要素: [ { 可调整大小:错误, 可拖拽:错误, 可掉落:错误, 可选:false, 悬浮:错误, 类型:“链接”, 组件: [{ 类...

回答(3)

Lerdouille2020年7月2日

你好, 顺便说一句,当我尝试用插件定义的类型更改isComponent返回时: 'isComponent: el => { if (el.tagName === 'DIV' && (typeof el.classList !== 'undefined' && el.classList.contains('imagelink-class'))) { return { 类型:“营销按钮”}; } },` 导入会将我的“<div><a><img></a></div>'' DOM结果识别为营销按钮(定义在 grapesjs-block-avance 插件中) 我觉得我在类型定义里漏掉了什么,没能帮助...

Lerdouille2020年7月2日

另一个或许合乎逻辑的好奇...... 如果我尝试放入这样一个奇特的 isComponent 函数: 'if (el.tagName === 'ABCDE') { return { 类型:“imagelink” }; }` 当我尝试导入这个HTML文本时: “<abcde>测试</abcde>” 插件正确检测了我的“imagelink”自定义类型。 但是,当我导入这段HTML文本时: '<abcde><img src=“ggggg”></abcde>' 但没成功。 我猜插件还会在组件识别上做得更深入,检测IMG和A主导,然后覆盖检测......

artf2020年7月6日

我觉得你忽略了组件的重点。你有一个自定义的(“imagelink”),还有一个内部的(“img”),所以编辑器会显示,所以我没看到问题。要查看自定义组件的特征,你必须选择它,这和内像无关

相关问答

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

与此问题匹配的付费插件

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

查看全部插件

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

免费方案

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

浏览免费插件 →
高级方案

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

浏览高级插件 →

浏览插件分类

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