:如何在图片上添加链接?
问题
你好,有个快速问题。
我有一张图片,想加个链接。 使用模型时,在图片上添加链接最简单的方法是什么?
我尝试使用“model.replaceWith”,但问题是如果我在图片上添加样式,然后调用“model.replaceWith”,样式就会被移除。
有没有更好的方法可以实现这一点?
谢谢!
回答(3)
好的,我通过以下操作让它工作起来了:
let model = editor.getSelected();
设属性 = { href: '#' }
令 newLink = {
类型:“链接”,
属性,
组件:[model.clone()]
}
model.replaceWith(newLink);
我不知道这是不是好方法,感谢任何反馈。
你好@simplecommerce! 干杯!
嗨,@simplecommerce! 谢! 你好,@pouyamiralayi,谢谢回复。 我不是说创建新组件,我的意思是简单地用链接(a)包裹渲染的组件模型(图片)来替换画布中的模型,同时保留样式。 我粘贴的示例代码正是这样做的。 例如:在画布上添加图像。选择图片,添加固定宽度、高度和边界。点击工具栏图标按钮添加链接。 第三步,应该用(a)标签包裹所选图片,同时保留图片样式。 这就是我想复现的。 不过还是谢谢你的回复!
相关问答
通过相似的问题讨论继续研究。
问题 #6269
组件模型和视图每次被拖拽到Canvas中所有可以放置的组件时都会加载
GrapesJS版本 [X] 我确认使用最新版本GrapesJS 你用的是什么浏览器? Chrome 版本 130.0.6723.59(官方版本)(arm64) 可复制演示链接 https://codepen.io/btmkt/pen/QWeOJRB?editors=1111...
问题 #5362
拖拽/丢弃属性函数在拖拽时未被调用
GrapesJS 版本 [X] 我确认使用最新版本 GrapesJS 你用的是什么浏览器? 版本 1.56.20 Chromium:115.0.5790.171(Offizieller 构建)(arm64) 可复制演示链接 没有 描述一下那个虫子 我用特定的类型拖拽规则定义了自...
问题 #4449
Lists not working with default RTE
GrapesJS 版本 [X] 我确认使用最新版本 GrapesJS 你用的是什么浏览器? Chrome 版本 102.0.5005.115(官方构建)(64 位) 可复制演示链接 https://jsfiddle.net/6Ldn124x/3/ 描述一下那个虫子 如何复现这个...
问题 #3586
How to listen the components change in a component.
init() { this.listenTo(this.model,'change:components', this.handleComponentsChange); }, 我开发一个组件,尝试监听子组件的变化,然后添加上面的代码以查看初始化,但添加/移除组件时函数没有触发。...
与此问题匹配的付费插件
根据问题关键词和标签相关性精选,助你更快交付。
正在加载付费插件推荐……
浏览插件分类
直接跳转到市场上的插件分类页面。