当前位置: 首页 > article >正文

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


http://www.kler.cn/a/442005.html

相关文章:

  • -bash: /java: cannot execute binary file
  • 挖掘机检测数据集,准确识别率91.0%,4327张原始图片,支持YOLO,COCO JSON,PASICAL VOC XML等多种格式标注
  • 19. C语言 共用体(Union)详解
  • Jenkins-基于Role的鉴权机制
  • Redis超详细入门教程(基础篇)
  • LDD3学习7--硬件接口I/O端口(以short为例)
  • VMware ubuntu16.04怎么设置静态IP联网
  • openharmony bootanimation分析及常见错误
  • 如何在 Debian 上安装 Dovecot(POP / IMAP)?
  • TCP客户端模拟链接websocket服务端
  • 基于ubuntu的mysql 8.0安装教程
  • 中国当代篆刻孙溟㠭作品《美》
  • 科研绘图系列:R语言绘制韦恩图(Venn plot)
  • WebGPU、WebGL 和 OpenGL/Vulkan对比分析
  • 生信学习入门常见错误可能的原因分类总结和求助指南
  • 【Java 数据结构】ArrayList 类 与 模拟实现顺序表
  • Cesium 无人机航线规划(航点航线)
  • MYSQL中锁的类型以及如何排查锁
  • LeetCode hot100-86
  • B站bilibili视频转文字字幕下载方法
  • 前端节流实现
  • OpenAI直播发布第8天:ChatGPT Search全面升级,免费开放!
  • AJAX 和 XML:现代 Web 开发的关键技术
  • Dubbo 3.x源码(26)—Dubbo服务引用源码(9)应用级服务发现订阅refreshServiceDiscoveryInvoker
  • 面试中常问的软件测试面试题
  • 概率论得学习和整理28:用EXCEL画折线图,X轴数据也被当成曲线的解决办法