随手记:小程序兼容后台的wangEditor富文本配置链接

场景:

在后台配置wangEditor富文本,可以文字配置链接,图片配置链接,产生的json格式为:

例子:

<h1><a href="https://uniapp.dcloud.net.cn/" target="_blank"><span style="background-color: rgb(255, 122, 69);"><strong>文字配链接uni</strong></span></a></h1><h1><a href="https://ditu.amap.com/?amapexchange=%2F" target="_blank"><span style="color: rgb(56, 158, 13);">链接2</span></a></h1><p><a href="https://uniapp.dcloud.net.cn/api/system/clipboard.html#setclipboarddata" target="_blank">阿打算打</a></p><h1><span style="color: rgb(216, 68, 147);">图片配链接</span></h1><h1><img src="https://puree-test.oss-cn-shenzhen.aliyuncs.com/editor/2024/12/17/f2a8c01e4c194f28beb7d5b0b0925e02.jpg" alt="" data-href="https://www.baidu.com/" style=""/></h1><p><br></p><p><img src="https://puree-test.oss-cn-shenzhen.aliyuncs.com/editor/2024/12/17/1bb8ba4d5285487a9bec147e823edd45.gif" alt="" data-href="" style=""/></p><p><br></p><p><br></p><p> <a href="https://uniapp.dcloud.net.cn/" target="_blank">https://uniapp.dcloud.net.cn/\</a> </p><p><br></p><p><br></p><p><img src="https://puree-test.oss-cn-shenzhen.aliyuncs.com/editor/2024/12/17/9d1056565a9a4c1d8e3ba8c26d76624c.jpg" alt="" data-href="https://v1.uviewui.com/components/tabs.html" style=""/>

小程序使用的组件u-parse

解决思路:

1.原来小程序的复制链接,改成跳转webview,传入外部链接

2.图片配置链接的,在组件处理html将原本data-href的链接通过正则找到新增href接收,后续获取href , 跳转webview,传入外部链接

相关推荐
MavenTalk10 分钟前
微信小程序TTS解决方案
人工智能·微信小程序·小程序·tts·ai语音合成
竣子好逑2 小时前
uniapp 微信小程序 均分数据展示
微信小程序·小程序·uni-app
黑客老李4 小时前
【$25000】利用Zendesk Nday获取漏洞赏金
运维·服务器·数据库·sql·安全·web安全·小程序
少恭写代码6 小时前
duxapp 2024-12-18更新 新增 Svg 组件 Tab 支持幻灯片切换功能
react native·小程序·taro
编程迪6 小时前
智慧社区系统源码社区服务软件家政跑腿月嫂保洁维修小程序
小程序·社区系统源码·智慧社区·社区服务软件·社区服务app
SuperherRo7 小时前
基础入门-APP应用&微信小程序&原生态开发&H5+Vue技术&WEB封装打包&反编译抓包点
小程序·app·反编译·原生态·web封装·h5+vue
2401_8441401812 小时前
旅游系统旅游小程序PHP+Uniapp
微信小程序·小程序·微信公众平台
源码Go1 天前
AJAX家政系统自营+多商家家政系统服务小程序PHP+Uniapp
微信小程序·小程序·微信公众平台
V+zmm101341 天前
基于微信小程序的小区疫情防控ssm+论文源码调试讲解
java·小程序·毕业设计·mvc·ssm