自定义类型导入时未识别
你好, 顺便说一句,当我尝试用插件定义的类型更改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)
你好, 顺便说一句,当我尝试用插件定义的类型更改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 插件中) 我觉得我在类型定义里漏掉了什么,没能帮助...
另一个或许合乎逻辑的好奇...... 如果我尝试放入这样一个奇特的 isComponent 函数: 'if (el.tagName === 'ABCDE') { return { 类型:“imagelink” }; }` 当我尝试导入这个HTML文本时: “<abcde>测试</abcde>” 插件正确检测了我的“imagelink”自定义类型。 但是,当我导入这段HTML文本时: '<abcde><img src=“ggggg”></abcde>' 但没成功。 我猜插件还会在组件识别上做得更深入,检测IMG和A主导,然后覆盖检测......
我觉得你忽略了组件的重点。你有一个自定义的(“imagelink”),还有一个内部的(“img”),所以编辑器会显示,所以我没看到问题。要查看自定义组件的特征,你必须选择它,这和内像无关
相关问答
通过相似的问题讨论继续研究。
问题 #3014
BUG:将组件从子节点移出
你好, 我正在尝试用其他组件组合自定义组件。没问题。 当我想移动整个组件时,我遇到了一个问题。 这是我的测试组件: “''js 编辑。DomComponents.addType('testcomponent', { 模型定义 isComponent: el => { if (e...
问题 #6102
重新加载自定义组件编辑器后未显示特征
葡萄JS版本[X] 我确认使用最新版本的GrapesJS你用的是什么浏览器? 铬91V可复制演示链接 https://jsfiddle.net/8tsj5vpb/描述一下那个虫子 我在使用 GrapesJS 时遇到了一个问题,即在重新加载编辑器后,为自定义组件定义的特征没有显示...
问题 #2697
自定义组件类型和表单元的问题
你好!我正在尝试添加自定义组件类型: “JavaScript domc.addType('image-block', { 扩展:“单元”, 型号:{ 默认值:函数 () { 返回 { 名称:“背景图片”, 类型:“图像块”, 标签名称:“TD”, 虚无:虚假, 可掉落:确实如此...
问题 #2549
更新属性变更的组件视图
大家好, 我正在尝试创建一个组件,它会根据属性值更新视图 “JavaScript 编辑。DomComponents.addType(“price-value-type”, { isComponent: el => { if (el.tagName == “div” & el.h...
与此问题匹配的付费插件
根据问题关键词和标签相关性精选,助你更快交付。
正在加载付费插件推荐……
浏览插件分类
直接跳转到市场上的插件分类页面。