微信小程序 富文本解析利器（mp-html 兼容性最好的）

一.在项目中构建npm

详细地址：https://jin-yufeng.gitee.io/mp-html/#/
1.在项目根目录 打开命令窗口（执行npm init）
2.再npm install
3.最后npm install mp-html

二.在小程序 配置中 勾选npm配置 点击工具栏开始构建npm

三.使用mp-html

// 引入组件
1.{ "usingComponents": { "mp-html": "mp-html" } }
// 使用组件
2.<mp-html content="{{html}}" />
3.常见问题解决办法：

（1）.保留富文本编辑内容中的空格
使用这个属性：container-style  
padding: 5px; /* 设置内边距 */
font-size: 18px; /* 设置默认的字体大小 */
overflow: hidden; /* 禁用横向滚动 */
display: inline; /* 行内显示 */
white-space: pre-wrap; /* 保留空格和换行符 */
white-space: pre-line; /* 保留换行符 */
（2）.开启图片懒加载
lazy-load   true
（3）.是否允许图片被长按时显示菜单
show-img-menu   true
（4）.去图片之间缝隙（正则 添加样式）
replace(/\<img/gi, '<img style="max-width:100%;height:auto;display:block;"')