小程序富文本插件（本文档动态更新，建议加星收藏）

新版文档链接：Parser插件文档

• 支持解析 style 标签中的全局样式
  支持解析和匹配 style 标签中的样式

  <parser html="{{html}}" />

  data:{
    html:'<style>.a{font-style:italic}#b{font-weight:bold}p{text-align:center}</style>'
  	  +'<p><span class="a">Hello </span><span id="b">World!</span></p>'
  }

• 支持自定义默认的标签样式
  支持给各个标签设置默认的效果
  示例（给表格设置默认的边框）：

  <parser html="{{html}}" tag-style="{{tagStyle}}" />

  data:{
    tagStyle:{
      table: 'border-collapse:collapse;border-top:1px solid gray;border-left:1px solid gray;',
      th: 'border-right:1px solid gray;border-bottom:1px solid gray;',
      td: 'border-right:1px solid gray;border-bottom:1px solid gray;'
    }
  }

• 支持多资源加载
  支持在 video 和 audio 标签中设置多个 source 标签，本插件将按顺序进行加载，若前面的链接无法播放，将自动切换下一个链接进行加载和播放，直到最后一个链接；可用于解决平台差异，最大程度避免无法播放

  <video controls>
    <source src="demo1.mov" />
    <source src="demo2.webm" />
  </video>

更多功能可见：功能介绍

百度版从 20191215 起不再维护，可从过去版本中获取（Parser.bd）

1. 下载 Parser 文件夹至小程序目录
2. 在需要引用的页面的 json 文件中添加（百度小程序中组件名一定要小写）

   {
     "usingComponents": {
       "parser":"/Parser/index"
     }
   }

3. 在需要引用的页面的 wxml 文件中添加

   <parser html="{{html}}" />

4. 在需要引用的页面的js文件中添加

   data: {
     html:"<div>Hello World!</div>"
   }

• demo/wx 文件夹下的是微信小程序 富文本插件 示例程序的源码，可供参考

• 使用 uni-app 包（可以编译到所有小程序平台）
  1. 下载 Parser.uni 包到 components 目录下（更名为 Parser）
  2. 在需要使用页面的 vue 文件中添加

     <template>
       <view>
         <parser :html="html"></parser>
       </view>
     </template>
     <script>
     import parser from "@/components/Parser/index"
     export default{
       components: {
         parser
       },
       data() {
         return {
           html: '<div>Hello World!</div>'
         }
       }
     </script>

  • 可以直接通过插件市场引入：插件市场
  • demo/uni-app 文件夹下是一个示例程序，可供参考

其他框架中使用可见：在其他框架中使用

详细可见：组件属性

详细可见：回调函数

如果需要使用一些固定的样式，可以通过wxss / css文件引入
在/Parser/trees/trees.wxss(css)中通过@import引入自定义的样式文件即可

/*
* Parser/trees/trees.wxss(css)
* 在这里引入您的自定义样式
*/
@import "external.wxss(css)";

更多信息可见：使用方法

patches文件夹中准备了一些补丁包，可根据需要选用，可以实现更加丰富的功能
具体信息见：补丁包

富文本插件	多么生活	SteamCN 蒸汽动力论坛

恋爱宝典xcx	飞马港	程序员技术之旅

欢迎添加：链接

  本插件提供了一个配套的后端node.js支持包，可以提供更加强大的功能，如匹配多层的style，代码高亮，直接打开网址，解析markdown等，其返回值可以直接作为本组件的html属性的值；且在后端提前完成解析后可以节省解析时间，提高性能。
注意：该包需要node.js v7.6.0以上运行环境，无法直接在小程序前端使用，建议部署在服务器或云函数上

详细文档参考： npm链接

• 许可
  您可以随意的使用和分享本插件 MIT License
• 支持
  

• 2020.1.23
  1. A 添加了一个打包工具 详细
  2. U 支持 rpx 单位
• 2020.1.19
  1. U video 标签增加支持 poster 属性
  2. F 修复了部分情况下表格处理出错的问题 详细
  3. F 修复了使用单独的 </p> 出错的问题
  4. F 修复了 uni-app 包 width 属性处理出错的问题
• 2020.1.18
  1. U domain 属性支持自动填充所有 src 属性的值（包括视频、音频、图片；协议名默认 http）
  2. U 优化了实体的处理（支持所有形如 { 的实体编码）
  3. F 修复了图片一开始裂开之后又好了的问题
• 2019.1.7
  1. U 支持模拟显示 li, ol, ul 标签（即可以在其中放图片、链接、视频等，支持 ol 的 type 属性，支持多层 ul，暂不支持 list-style 的 css 样式）
  2. D 删除了 List 补丁包（在主包中已经默认支持）
  3. F 修复了传入的 html 为数组时预览图片会出现预览顺序颠倒的问题
• 2020.1.5
  1. U uni-app 支持 APP 的 v3 模式编译
  2. U 精简和优化了部分代码
• 2019.12.30
  1. A 增加支持 svg 系列标签（通过转换为 img 实现，不可预览，不可响应点击事件） 详细
  2. U 减小了解析结果的大小（去除了一些不必要的内容，约减小 3%），减小了包的大小
  3. U h1-6 标签支持通过组件递归显示（即可以在其中使用图片、链接等）
  4. U 解决了 Audits 测评中 a 标签可点击元素的响应区域过小的问题
  5. F 修复了一个样式优先级的错误（属性样式的优先级应该最低）详细

更多可见：更新日志