问题 #2793✓ 已解决提出于 2020年5月20日作者 Lerdouille3 个反应

扩展图像特征

快速解答作者 Lerdouille3

又见面了, 以下是生成 HFE 图像的最终解决方案: “''js 编辑。DomComponents.addType('imagelink', { 型号:{ 默认值:{ 标签名称:“div”, 可调节大小:{keepAutoHeight: true}, 可掉落:错误, 特质:[ { 类型:'href',标签:'Source',名称:'href' }, { 类型:“选择”, 标签:“Target”, 名称:“目标”, 选项:[ { 值: '', 名称: 'This window', { 值:'_blank',名称:'新窗口' } ] } ], 组成要素: [ { 可调整大小:错误, 可拖拽:错误, 可掉落:错误, 可选:false,...

阅读下方完整回答 ↓

问题

你好, 我想扩展图片类型,加入一些选项,特别是点击时的重定向选项。 我在编辑器初始化后尝试了这个解决方案(我具体说我是在全JavaScript和非Node.js环境中工作): 编辑。DomComponents.addType('image', { isComponent: el => el.tagName == 'img', 型号:{ 默认值:{ 特质:[ 字符串会自动转换为文本类型 'alt', 'title', // 同理:{ 类型: 'text', name: 'name' } { 类型:'url', name: 'href', placeholder: 'https://google.com', changeProp: 1 } ], 默认情况下,特征绑定于属性,因此定义 它们的初始值我们可以使用属性 属性:{ 类型:'title',要求:false }, }, init() { 此外,监听器会从“change:attributes:”变成“change:” this.on('change:URL', this.handlePlhChange); }, handlePlhChange() { console.log(“URL已更新”); }, }, }); 所以,用那个代码,我看到了我的URL输入,但无法触发更新。 我的目的是拦截输入更新,获取输入值,用它把我的“img”...

回答(3)

👍 最有帮助Lerdouille2020年6月26日

又见面了, 以下是生成 HFE 图像的最终解决方案: “''js 编辑。DomComponents.addType('imagelink', { 型号:{ 默认值:{ 标签名称:“div”, 可调节大小:{keepAutoHeight: true}, 可掉落:错误, 特质:[ { 类型:'href',标签:'Source',名称:'href' }, { 类型:“选择”, 标签:“Target”, 名称:“目标”, 选项:[ { 值: '', 名称: 'This window', { 值:'_blank',名称:'新窗口' } ] } ], 组成要素: [ { 可调整大小:错误, 可拖拽:错误...

felipesotero2020年6月5日

我的项目也有同样的需求。我尝试创建一个方块,但最初的弹窗无法“弹出”。

我尝试用插件创建组件,但工作量太大,我无法理解它们如何相互连接。

如果有任何关于我们俩都能做些什么的提示或线索就太好了!

谢谢!

artf2020年6月17日

你添加了这个监听器 'change:url',但特征名是 'name: 'href''',所以只需改成 'change:href' 即可

相关问答

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

与此问题匹配的付费插件

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

查看全部插件

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

免费方案

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

浏览免费插件 →
高级方案

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

浏览高级插件 →

浏览插件分类

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