富文本内容介绍
富文本格式(Rich Text Format, 一般简称为RTF)是由微软公司开发的跨平台文档格式。大多数的文字处理软件都能读取和保存RTF文档。RTF是Rich TextFormat的缩写,意即多文本格式。
富文本作为一种类似DOC格式(Word文档)的文件,有很好的兼容性,使用Windows“附件”中的“写字板”就能打开并进行编辑。
这里我们提到的富文本并不是指RTF,而是指内容里富含各种图片、音视频等富含html标签的一段内容,而不仅仅是纯文本,这里有所区别。
wxParse的使用
wxParse是微信小程序中经常使用的富文本组件,可以很好地实现图片、加粗、标红等html文本的展现。
在微信小程序中,要想使用wxParse组件,首先要下载wxParse组件的相关文件。
1.在wxml文件中引用wxParse组件
<import src=". ./. ./wxParse/wxParse.wxml"/>
2.在app.wxss全局样式文件中,引入wxParse的样式表
@import ". ./. ./wxParse/wxParse.wxss";
3.在需要加载html内容的页面对应的js文件里引入wxParse
var WxParse = require('../../wxParse/wxParse.js');
4.对获取到的富含html的内容项进行格式化
WxParse.wxParse('currentContent', 'html', JSON.parse(res.data[0].info)[0].content, that, 5);
5.在wxml页面中加载template
<template is="wxParse" data="{{wxParseData:currentContent.nodes}}"/>
总结
wxParse对于某些标签的定义在样式里并未定义,如果有需要,可以仿照其它标签的定义形式,在wxParse.wxss中自行补充即可。
扩展
微信小程序开发之购物车的实现
微信小程序如何为核雕艺术品开疆扩土
微信小程序如何实现下拉刷新上滑加载
————————————————
版权声明:本文为CSDN博主「微信小程序开发资源汇总」的原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/webstore/article/details/102933527