微信小程序开发之富文本内容的展示

删除回忆录丶 提交于 2019-12-03 17:25:38

富文本内容介绍

富文本格式(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

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!