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

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

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

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

  Page({
    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}}" />

  Page({
    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 文件夹至 components 目录

2. 在需要使用页面的 json 文件中添加

   {
     "usingComponents": {
       "parser":"/components/parser/parser"
     }
   }

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

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

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

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

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

1. 复制 parser.uni 包到 components 目录下（更名为 jyf-parser）

2. 在需要使用页面的 vue 文件中添加

   <template>
     <view>
       <jyf-parser :html="html"></jyf-parser>
     </view>
   </template>
   <script>
   import parser from "@/components/jyf-parser/jyf-parser"; // HBuilderX 2.5.5 及以上可以不需要引入
   export default {
     // HBuilderX 2.5.5 及以上可以不需要引入
     components: {
       "jyf-parser": 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	恋爱宝典（QQ）	程序员技术之旅	古典文学名著阅读

欢迎添加：链接

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

• 2020.2.17

  1. A 增加了 imglongtap 事件，图片被长按时触发，可用于显示自定义菜单 详细
  2. U 优化了双击缩放的效果
  3. U 图片设置的宽度超出屏幕宽度时自动将高度设置为 auto，避免变形（同时移除了 img-mode 属性）
  4. U 修改了部分文件和文件夹的命名（引入路径有变化）详细
  5. D 移除了 autocopy 和 autopreview 属性，如果需要禁用自动预览/复制链接，请使用 linkpress 和 imgtap 事件中的 ignore 函数
  6. D 移除了 versionHigherThan、parseHtml、parseCss 的 api
  7. D 废弃了后端加强包

  此版本移除了部分冗余功能，与之前版本存在部分不兼容情况，请注意

• 2020.2.12

  1. A 增加了 gesture-zoom 属性，可以设置双击缩放（默认 false）
  2. U uni-app 包修改命名使得符合 easycom 规则（HBuilder X 2.5.5 以上可以直接使用，无需引入；之前版本的引入路径有变化）详细

• 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 修复了图片一开始裂开之后又好了的问题

更多可见：更新日志