全网整合营销服务商

营销型网站+SEO优化+关键词快排=一站式服务

免费咨询热线:15959292472

[葫芦岛seo公司立荐久澳]小程序怎么把富文本转换为文本

  

 

  小程序怎么把富文本转换为文本●▪◆▽?

  微信小程序-富文本转文本

  最近小程序这么火■▼△,我也来搞搞。发现了一个恶心的问题。小程序没有组件能支持富文本内容的,改接口又不太合适,[葫芦岛seo公司立荐久澳]于是有了这问,没技术含量纯粹记录

  首先我们看眼没有被格式的富文本显示:

  

*.wxml内代码•◁。content是富文本内容
 <□▼;view>
 <text>{{content}}<▲◁■;/text>
 </view>

 

  显示结果○▼▲○:

  小程序无法解析html

  由以上图片看到,建德市小程序开发哪家好小程序无法解析html文件

  我们需要处理html富文本内容…■▷,让其显示好看点

  下面直接上代码了▪…◆,主要功能就是利用js的replace 对富文本经行处理,大家可以看一下。苏州市小程序制作公司一起优化,方便对富文本更好的处理。

  

convertHtmlToText▽▼◇…: function convertHtmlToText(inputText) {
 var returnText = "" + inputText◁◆▷;
 returnText = returnText=▲▽.replace(/<◁•;\/div>/ig●•▪, '\r\n');
 returnText = returnText.replace(/<\/li>◁=;/ig, '□◇◆△;\r\n');
 returnText = returnText▲=.replace(/<◇-;li>/ig, '■▽▲; * ')•□;
 returnText = returnText□◆★▲.replace(/<△…;\/ul>/ig▪◆•, '\r\n'•▪☆;);
 //-- remove BR tags and replace them with line break
 returnText = returnText•••▽.replace(/<br\s*[\/]?>/gi•★, "\r\n")△★;
 //-- remove P and A tags but preserve what'○□…■;s inside of them
 returnText=returnText◇○=★.replace(/<•◁☆;p.*■◁◁?>/gi◁-, "\r\n"★•■▲;)▷△;
 returnText=returnText.replace(/<a.*href="(■■▽○.*?)"…•★□.*>▼◁△▷;(.*?)<\/a>/gi●•, " $2 ($1)");
 //-- remove all inside SCRIPT and STYLE tags
 returnText=returnText■◁▪★.replace(/<script.*>◇▪▲▲;[\w\W]{1,}(.*?)[\w\W]{1,}<▽□▪;\/script>/gi, ""▪▲;)▷•▽•;
 returnText=returnText.replace(/<style.*>[\w\W]{1,}(.*?)[\w\W]{1,}<\/style>/gi●▼○…, "");
 //-- remove all else
 returnText=returnText★…◇.replace(/<(-■●?:.

 

  \s)*▷▪?>/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(/ /gi," ")•■◆; returnText=returnText.replace(/&▷•;/gi▲•◁,"&"); returnText=returnText.replace(/"/gi,'•▲;"□○…;')•●☆; returnText=returnText.replace(/</gi……,'-=◇;<')◁•●; returnText=returnText-▼▼-.replace(/>▪…◁◇;/gi,'>'); return returnText; }

 

  将上面代码放入任意适合的小程序js文件中,

  然后在需要处理数据的js文件里◁•★,[公司seo官网]微信小程序更新webview页面的三种方法,引入文件•▲•,下面给出放入app.js文件中的调用示例:

  

var app = getApp()//获取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,六盘水市小程序开发哪家好使显示得更好看点□□△。

  以上就是小程序怎么把富文本转换为文本的详细内容◆•□,更多请关注久澳传媒编程栏目其它相关文章☆△!

[葫芦岛seo公司立荐久澳]小程序怎么把富文本转换为文本

您的项目需求

*请认真填写需求信息,我们会在24小时内与您取得联系。