最近小程序这么火，我也来搞搞。发现了一个恶心的问题。小程序没有组件能支持富文本网站内容的，改接口又不太合适，于是有了这问，没技术含量纯粹记录首先我们看眼没有被格式的富文本显示：*。wxml内代码。content是富文 。。
最近小程序(procedure)这么火，我也来搞搞。发现了一个恶心的问题。小程序没有组件能支持富文本内容的，改接口又不太合适，于是有了这问，没技术含量纯粹记录
首先我们看眼没有被格式的富文本显示：
*。wxml内代码（code）。content是富文本内容
lt;view gt; lt;text gt;{{content}} lt;/text gt; lt;/view gt;
显示结果：
由以上图片看到，小程序无法解析（analysis 剖析；深入分析)html文件
我们需要处理html富文本内容，让其显示好看点
下面直接上代码了，主要功能就是利用js的replace
对富文本经行处理，大家可以看一下。
宁波小程序开发对于用户来说，能够节约使用时间成本和手机内存空间；对于开发者来说也能节约开发和推广成本。一起优化，方便对富文本更好的处理。
convertHtmlToText: function convertHtmlToText(inputText) {var returnText = "" + inputText;returnText = returnText。replace(/ lt;\/br gt;/ig, '\r\n');returnText = returnText。replace(/ lt;\/li gt;/ig, '\r\n');returnText = returnText。replace(/ lt;li gt;/ig, ' * ');returnText = returnText。replace(/ lt;\/ul gt;/ig, '\r\n');//-- remove BR tags and replace them with line breakreturnText = returnText。replace(/ lt;br\s*[\/] gt;/gi, "\r\n");//-- remove P and A tags but preserve what's inside of themreturnText=returnText。replace(/ lt;p。*? gt;/gi, "\r\n");returnText=returnText。replace(/ lt;a。*href="(。*?)"。* gt;(。*?) lt;\/a gt;/gi, " $2 ($1)");//-- remove all inside SCRIPT and STYLE tagsreturnText=returnText。replace(/ lt;script。* gt;[\w\W]{1,}(。*?)[\w\W]{1,} lt;\/script gt;/gi, "");returnText=returnText。replace(/ lt;style。* gt;[\w\W]{1,}(。*?)[\w\W]{1,} lt;\/style gt;/gi, "");//-- remove all elsereturnText=returnText。replace(/ lt;(?:。|\s)*? gt;/g, "");//-- get rid of more than 2 multiple line breaks:returnText=returnText。replace(/(?:(?:\r\n|\r|\n)\s*){2,}/gim, "\r\n\r\n");//-- get rid of more than 2 spaces:returnText = returnText。replace(/ +(?= )/g,'');//-- get rid of html-encoded characters:returnText=returnText。replace(/ amp; /gi," ");returnText=returnText。replace(/ amp;amp;/gi," amp;");returnText=returnText。replace(/ amp;quot;/gi,'"');returnText=returnText。replace(/ amp;lt;/gi,' lt;');returnText=returnText。replace(/ amp;gt;/gi,' gt;');return returnText;}
将上面代码（code）放入任意适合的小程序(procedure)js文件中， 然后在需要处理数据（data)的js文件里，引入文件，下面给出放入app。宁波小程序开发对于用户来说，能够节约使用时间成本和手机内存空间；对于开发者来说也能节约开发和推广成本。宁波微信小程序开发是一种不需要下载安装即可使用的应用，它实现了应用“触手可及”的梦想，用户扫一扫或者搜一下即可打开应用。js文件中的调用示例：
var app = getApp()//获取(obtain)app小程序实例onLoad: function (options) {wx。request({url: 'http://example。com/api' + options。id+'。json',headers: {'Content-Type': 'application/json'},success: function (res) {res。data。content = app。convertHtmlToText(res。data。content )that。setData({art: res。data。content})console。log(res。data)}})｝
然后编译刷新下，可以看到结果了：
这里可以继续调整下css，使显示得更好看点。
