小程序将富文本转换为文本的示例
发表于:2023-02-03 作者:安全数据网编辑
编辑最后更新 2023年02月03日,这篇文章将为大家详细讲解有关小程序将富文本转换为文本的示例,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。小程序怎么把富文本转换为文本?微信小程序-富文本转文本最近小
这篇文章将为大家详细讲解有关小程序将富文本转换为文本的示例,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。
小程序怎么把富文本转换为文本?
微信小程序-富文本转文本
最近小程序这么火,我也来搞搞。发现了一个恶心的问题。小程序没有组件能支持富文本内容的,改接口又不太合适,于是有了这问,没技术含量纯粹记录
首先我们看眼没有被格式的富文本显示:
*.wxml内代码。content是富文本内容{{content}}
显示结果:
小程序无法解析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(/
/gi, "\r\n"); //-- remove P and A tags but preserve what's inside of them returnText=returnText.replace(/
将上面代码放入任意适合的小程序js文件中,
然后在需要处理数据的js文件里,引入文件,下面给出放入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,使显示得更好看点。
关于"小程序将富文本转换为文本的示例"这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,使各位可以学到更多知识,如果觉得文章不错,请把它分享出去让更多的人看到。
c语言网络技术和编程语言总结
c语言对应的三级考试网络技术
网站服务器后台如何加防护密码
c语言软件开发步骤
c语言中网络技术知识点
服务器对权限提升的防护措施
怎么在阿里云租服务器
黑苹果能做web服务器吗
c语言和网络技术哪个好考
云服务器2核4G是什么性能
信息网络技术专业好吗
征地补偿现状还是数据库
vb6如何打开读取数据库
网考网络技术
数据库事务怎么管理
t330服务器哪个好
文件传输服务器的配置与管理
传奇dbc数据库ipexp
天擎服务器防护怎么防护
天堂1数据库怎么创建的
服务器达到上限
学ERP软件开发 难吗
网络安全工作者职业
cs真人对战电子枪软件开发
湘乡计算机软件开发培训学校
免费mysql数据库建模软件
syncthing服务器
网络安全IPsec协议
服务器ups不间断电源制作
宁夏卫生健康委数据库电话
巨兽战场不同服务器可以一起玩吗
233网络技术三级
用友u8数据库功能
软件开发缺口
iel数据库名词解释
云表如何迁移数据库
陕西松毅软件开发公司
网络安全手抄报比赛报道
互联网科技公司的电子商务
安达软件开发者