问题 #2510💬 已回答提出于 2020年1月15日作者 simplecommerce3 个反应

:如何在图片上添加链接?

快速解答作者 simplecommerce1

好的,我通过以下操作让它工作起来了: 我不知道这是不是好方法,感谢任何反馈。

阅读下方完整回答 ↓

问题

你好,有个快速问题。

我有一张图片,想加个链接。 使用模型时,在图片上添加链接最简单的方法是什么?

我尝试使用“model.replaceWith”,但问题是如果我在图片上添加样式,然后调用“model.replaceWith”,样式就会被移除。

有没有更好的方法可以实现这一点?

谢谢!

回答(3)

simplecommerce2020年1月16日

好的,我通过以下操作让它工作起来了:

let model = editor.getSelected();               
设属性 = { href: '#' }

令 newLink = {
	类型:“链接”,
	属性,
	组件:[model.clone()]
}

model.replaceWith(newLink);

我不知道这是不是好方法,感谢任何反馈。

pouyamiralayi2020年1月17日

你好@simplecommerce! 干杯!

simplecommerce2020年1月17日

嗨,@simplecommerce! 谢! 你好,@pouyamiralayi,谢谢回复。 我不是说创建新组件,我的意思是简单地用链接(a)包裹渲染的组件模型(图片)来替换画布中的模型,同时保留样式。 我粘贴的示例代码正是这样做的。 例如:在画布上添加图像。选择图片,添加固定宽度、高度和边界。点击工具栏图标按钮添加链接。 第三步,应该用(a)标签包裹所选图片,同时保留图片样式。 这就是我想复现的。 不过还是谢谢你的回复!

相关问答

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

与此问题匹配的付费插件

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

查看全部插件

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

免费方案

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

浏览免费插件 →
高级方案

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

浏览高级插件 →

浏览插件分类

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