小程序rich-text替代方案mp-html

小程序rich-text替代方案mp-html

https://github.com/jin-yufeng/mp-html

• 支持在多个主流的小程序平台和 uni-app 中使用
• 支持丰富的标签（包括 table、video、svg 等）
• 支持丰富的事件效果（自动预览图片、链接处理等）
• 支持设置占位图（加载中、出错时、预览时）
• 支持锚点跳转、长按复制等丰富功能
• 支持大部分 html 实体
• 丰富的插件（关键词搜索、内容编辑、latex 公式等）
• 效率高、容错性强且轻量化（≈25KB，9KB gzipped）

在使用中，有些文章我复制了微信公众号的文章（从135中复制代码，贴到wordpress的html代码 ），小程序中就不显示图片了，然后我在小程序js中判断内容是否包含video字符

 this.setData({
    isvideo:res.data.content.rendered.indexOf('video')
 })

因为rich-text不能显示video,所以含有video，就使用mp-html插件，不含有就用rich-text

<view class="art" wx:if="{{ isvideo != -1 }}">
    <mp-html content="{{art.content.rendered}}"></mp-html>
</view>
<view class="art" wx:else>
    <rich-text nodes="{{ art.content.rendered}}"></rich-text>
</view>