这里的博客停止维护了 ,大家访问我的新博客: www.0352bt.com
这里的博客停止维护了 ,大家访问我的新博客: www.0352bt.com
这里的博客停止维护了 ,大家访问我的新博客: www.0352bt.com
最近在开发微信小程序,因为一些文章的详情页面是富文本,但是小程序不支持html标签,所解析的时候需要将html标签转换为小程序可支持标签,在小程序社区里面发现一个插件应该是目前来说比较好用的插件,不多说了 直接上地址。
官方有教程,github地址:https://github.com/icindy/wxParse
在这里提下使用教程
一、首先将插件文件夹复制到项目里面
二、导入文件
首先在xx.wxml导入文件,在文件头写上:
<import src="../../wxParse/wxParse.wxml"/>
然后再wxss导入文件,在文件头写上:
@import "../../wxParse/wxParse.wxss";
三、在页面xx.js里的onLoad()方法里面写上:
WxParse.wxParse('content', 'html', content, that,5)
此方法的含义为:
var article = '<div>我是HTML代码</div>';
/**
* WxParse.wxParse(bindName , type, data, target,imagePadding)
* 1.bindName绑定的数据名(必填)
* 2.type可以为html或者md(必填)
* 3.data为传入的具体数据(必填)
* 4.target为Page对象,一般为this(必填)
* 5.imagePadding为当图片自适应是左右的单一padding(默认为0,可选)
*/
var that = this;
WxParse.wxParse('article', 'html', article, that,5);
四、模板引用:
//这里data中article为bindName
<template is="wxParse" data="{{wxParseData:article.nodes}}"/>
这样页面就能正常渲染出来数据,还有更高级的表情解析,大家可以一起看一看,为插件赞一个