随手记:小程序兼容后台的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,传入外部链接

相关推荐
杰建云1672 小时前
微信小程序自制全流程实测与避坑指南
微信小程序·小程序
小羊Yveesss2 小时前
2026年商城小程序需要多少成本?
小程序
智慧景区与市集主理人4 小时前
巨有科技市集小程序精准匹配摊主与业态,解锁市集增收新可能
科技·小程序
kyh10033811204 小时前
微信小程序 聚合摇骰喝酒工具 完整实现(含源码)
微信小程序·小程序·摇骰子小游戏
博客zhu虎康5 小时前
小程序按钮实现先表单校验再走手机号获取功能
android·javascript·小程序
万象资讯5 小时前
2026实测|订货小程序哪个平台支持快速部署?
小程序
码云社区5 小时前
JAVA同城上门做饭系统家政上门同城服务系统源码小程序+APP+公众号+h5
java·开发语言·小程序
杰建云1676 小时前
小程序从零搭建全流程实战指南
开发语言·小程序·php
码农客栈6 小时前
小程序学习(十八)之“下拉刷新”
小程序
雯0609~6 小时前
微信小程序的原生开发项目如何转至uni-app
微信小程序·小程序·uni-app