项目场景:
项目场景:在使用wangeditor富文本编辑器,给文字添加超链接,使其可以点击跳转到某个地址。
问题描述
在使用wangeditor富文本编辑器,给文字添加超链接,使其可以点击跳转到某个地址。
最后发现在 IOS 的app内
,a标签点击跳转没有作用
,无法跳转到正确地址。但安卓是可以正常跳转。
原因分析:
最后发现,wangeditor富文本编辑器返回的html代码中,a标签是这样返回的:
<a target="_blank" href="https://www.baidu.com"><font color="#f9963b">跳转百度</font></a>
然而 IOS上的WKWebView默认不会打开target="_blank"的超链接,所以在ios的WKWebView内,点击富文本返回的a标签无法正确跳转。
解决方案:
方案一,在wangeditor获取 HTML保存时删除
在wangeditor富文本编辑器保存数据时,全局查找target="_blank"
,然后删除target="_blank"
方案二,在前端ios WKWebView渲染时删除
前端在渲染来自wangeditor富文本编辑器时,全局查找target="_blank"
,然后删除target="_blank"
TIP:
反正只要删除wangeditor 获取 HTML时的target="_blank
,使页面展示时的a标签
不带有target="_blank
就可以在IOS的app内正常跳转。