uni-app 小程序 处理pc端 富文本数据 展示(微信、支付宝、百度) 解决a标签跳转(曲线救国,点击复制链接,外部浏览器查看)

开始之前先了解几个插件:

npm install mini-html-parser2 --save
“mini-html-parser2”: “^0.3.0”,
mini-html-parser2(专为支付宝研制,将字符串中标签,一一转化为array,供支付宝小程序 的rich-text nodes 使用)

feng-parse(一款专门为解决百度小程序诞生的富文本插件,可完美兼容微信小程序)

先说说遇到的问题:

  1. pc端的富文本不可避免的有a标签,a标签在小程序里跳转的话,还需要在对应网址进行安全认证(放一个txt,能读到就行), 借助feng-parse的思路,点击链接实现复制操作,粘贴出来再浏览器端阅读。
  2. 部分富文本有携带script标签,组件处理会报错,需要正则化干掉。
  3. 正则化时,需要先将富文本中多余的 空格和回车去掉,不然匹配可能会出问题。

上代码:

<template>
  <view class="rich-text-class"

你可能感兴趣的:(小程序,uni-app,微信)