rich-text
微信自带标签
很多局限性
还有后台的富文本 font 标签 size 不生效。字体大小无法设置
wxParse 微信很早的那期 副本插件 封装。拥有7.7k stars已停止维护了的库
缺点
1、在解析富文本过程中,多次调用小程序的setData()方法,对性能有一定影响
2、可以解析audio,但是不能保持他原有的样式
3、表格编译样式不能保持原有样式
4、使用过程比较麻烦,引入各种模板,css ,js。反正就是使用超麻烦。
mp-html 这个建议使用,使用比较方便 支持副本中字体大小
mp-html是拥有2.5k stars的库。
引入方式
1、npm
// 本方法仅适用于微信、QQ 小程序
// 在小程序项目根目录下通过 npm 安装组件包
// 开发者工具中勾选 使用 npm 模块(若没有此选项则不需要)并点击 工具 - 构建 npm
// 在需要使用页面的 json 文件中添加
{
"usingComponents": {
"mp-html": "mp-html"
}
}
2、源码引入文章来源:https://www.toymoban.com/news/detail-551145.html
// 本方法适用于所有平台
// 将 源码 中对应平台的代码包(dist/platform)拷贝到 components 目录下,更名为 mp-html
// 在需要使用页面的 json 文件中添加
{
"usingComponents": {
"mp-html": "/components/mp-html/index"
}
}
使用文章来源地址https://www.toymoban.com/news/detail-551145.html
// index.wxml
<mp-html content="{{html}}" />
// index.js
Page({
data: {
html: '<div>Hello World!</div>'
}
})
到了这里,关于微信小程序富文本解析 rich-text 、wxParse、mp-html的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!