:如何在图片上添加链接?
问题
你好,有个快速问题。
我有一张图片,想加个链接。 使用模型时,在图片上添加链接最简单的方法是什么?
我尝试使用“model.replaceWith”,但问题是如果我在图片上添加样式,然后调用“model.replaceWith”,样式就会被移除。
有没有更好的方法可以实现这一点?
谢谢!
回答(3)
好的,我通过以下操作让它工作起来了:
let model = editor.getSelected();
设属性 = { href: '#' }
令 newLink = {
类型:“链接”,
属性,
组件:[model.clone()]
}
model.replaceWith(newLink);
我不知道这是不是好方法,感谢任何反馈。
你好@simplecommerce! 干杯!
嗨,@simplecommerce! 谢! 你好,@pouyamiralayi,谢谢回复。 我不是说创建新组件,我的意思是简单地用链接(a)包裹渲染的组件模型(图片)来替换画布中的模型,同时保留样式。 我粘贴的示例代码正是这样做的。 例如:在画布上添加图像。选择图片,添加固定宽度、高度和边界。点击工具栏图标按钮添加链接。 第三步,应该用(a)标签包裹所选图片,同时保留图片样式。 这就是我想复现的。 不过还是谢谢你的回复!
相关问答
通过相似的问题讨论继续研究。
问题 #4449
列表无法与默认RTE使用。
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器? Chrome 版本 102.0.5005.115(官方构建)(64 位) 可复制演示链接 https://jsfiddle.net/6Ldn124x/3/ 描述一下那个虫子 如何复现这个漏洞?点击...
问题 #3586
如何聆听组件在组件中的变化。
init() { this.listenTo(this.model,'change:components', this.handleComponentsChange); }, 我开发一个组件,尝试监听子组件的变化,然后添加上面的代码以查看初始化,但添加/移除组件时函数没有触发。...
问题 #5049
拖拽由图片和链接组成的组件时出现的问题
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器? 勇敢的最后版本 可复制演示链接 https://jsfiddle.net/rp7oc96v/1/ 描述一下那个虫子 嗨,亚瑟! 我正在创建一个新组件,一个链接中的图片,就像“mj-image”组件...
问题 #3732
注释组件类型不支持添加特征
我正在开发一个脚本,可以在所有组件类型上添加一个特征,但注释类型没有原型对象。 代码 “''js ddw = 编辑。DomComponents.getTypes(); 对于(设i = 0;i <ddw.length;i++) { DDQ = ddw[i].id; 编辑。DomC...
与此问题匹配的付费插件
根据问题关键词和标签相关性精选,助你更快交付。
正在加载付费插件推荐……
浏览插件分类
直接跳转到市场上的插件分类页面。