H5使用a标签时,在ios app中无法跳转

项目场景:

项目场景:在使用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内正常跳转。

评论 5
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

回忆哆啦没有A梦

你的鼓励将是我创作的最大动力!

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值