使用场景：
为了解决uni-app中”rich-text“富文本标签 不支持"微信小程序" ：
1.文字长按选中，复制等
2.富文本中的图片可点击预览
3.不能识别视频video组件的问题
偏偏后端传过来的数据又要用到富文本标签，然后找了很多组件，要不就是下载量低，要不就是里面功能太少，只有这款mp-html组件深得我心，里面功能丰富，简单实用，真的绝绝子，推荐给大家：
mp-html下载地址：[https://ext.dcloud.net.cn/plugin?id=805]
效果图如下：
效果一：长按选中文字复制
效果二：.放大预览图片，长按可以保存图片，转发给朋友等效果
效果三：视频组件video可以渲染出来
使用方法
uni_modules 方式：
<!--下载了以后， 不需要引入，可直接使用 -->
<mp-html :content="newsInfo.details" selectable="true" show-img-menu="true"/>
npm 方式：
在项目根目录下执行
> npm install mp-html
在需要使用页面的 index.vue 文件中添加 :
<mp-html :content="newsInfo.details" selectable="true" show-img-menu="true"/>
import mpHtml from ‘mp-html/dist/uni-app/components/mp-html/mp-html’
export default {
// 不可省略 components: { mpHtml },
data() {
return { html: ‘Hello World!’ }
}
}
需要更新版本时执行以下命令即可
npm update mp-html
组件属性：
文章来源：https://www.toymoban.com/news/detail-483485.html
注意：
提示：还有好多方法，我只是放了一部分重要的属性和事件，具体请看 https://ext.dcloud.net.cn/plugin?id=805文章来源地址https://www.toymoban.com/news/detail-483485.html
到了这里，关于微信小程序富文本插件mp-html的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
