扩展图像特征
又见面了, 以下是生成 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)
又见面了, 以下是生成 HFE 图像的最终解决方案: “''js 编辑。DomComponents.addType('imagelink', { 型号:{ 默认值:{ 标签名称:“div”, 可调节大小:{keepAutoHeight: true}, 可掉落:错误, 特质:[ { 类型:'href',标签:'Source',名称:'href' }, { 类型:“选择”, 标签:“Target”, 名称:“目标”, 选项:[ { 值: '', 名称: 'This window', { 值:'_blank',名称:'新窗口' } ] } ], 组成要素: [ { 可调整大小:错误, 可拖拽:错误...
我的项目也有同样的需求。我尝试创建一个方块,但最初的弹窗无法“弹出”。
我尝试用插件创建组件,但工作量太大,我无法理解它们如何相互连接。
如果有任何关于我们俩都能做些什么的提示或线索就太好了!
谢谢!
你添加了这个监听器 'change:url',但特征名是 'name: 'href''',所以只需改成 'change:href' 即可
相关问答
通过相似的问题讨论继续研究。
问题 #3688
如何自定义组件
我 https://grapesjs.com/docs/modules/Components.html#define-custom-component-type 读了这份文档,并尝试编写以下代码。我想让“mj-body”无法删除: 但我看不到效果,请帮帮我
问题 #3574
添加特质不会被特质管理器识别。
以下是[docs](https://grapesjs.com/docs/modules/Traits.html#add-traits-to-components)的示例。 有没有进一步的配置可以让元素的新特质显示? 使用输入的示例无法运行,我的ID被接收了,但额外的属性没有。...
问题 #3014
BUG:将组件从子节点移出
你好, 我正在尝试用其他组件组合自定义组件。没问题。 当我想移动整个组件时,我遇到了一个问题。 这是我的测试组件: “''js 编辑。DomComponents.addType('testcomponent', { 模型定义 isComponent: el => { if (e...
问题 #3309
TextNodes 在元素内容更改时会干扰
版本: 0.16.44 你好@artf 我有一个自定义方块,带有自定义按钮组件,内容和这个类似。 ` <a data-gjs-type=“custom_button” class=“btn btn-1” href=“”>Click here</a>' 此外,我添加了一个文本特性...
与此问题匹配的付费插件
根据问题关键词和标签相关性精选,助你更快交付。
正在加载付费插件推荐……
浏览插件分类
直接跳转到市场上的插件分类页面。