在uni-app开发中，开发一个资讯详情页面，详情里包含图片和代码块。这时候用简单的rich-text控件已经不够用了。用官方demo里的html-parser.js也无法很好的展示代码区域。这个时候就要使用官方提供的插件来解决。

官方的这个插件有很多问题。需要使用第3方修复的版本：https://ext.dcloud.net.cn/plugin?id=1279

首先：下载插件 ：https://ext.dcloud.net.cn/plugin?id=1279

第二步：写代码 demo示例

 

 

 

 

我这边具体的业务代码如下：（可以忽略）  

 

 

第三步：查看效果：

1、微信小程序的效

2、百度小程序的效果：

 

非常完美的解决了问题。

文章根据：http://www.zyiz.net/tech/detail-104163.html 改编。

推荐文章

评论可见，请评论后查看内容，谢谢！！！评论后请刷新页面。