0%

小程序解析html标签wxPrase插件

小程序解析html标签wxPrase插件

前言

通常我们在开发小程序(从列表页跳转到详情页)通过富文本编辑器返回的数据一般都是html的标签,但是偏偏微信小程序本身是不支持HTML标签的,所以我们在解析内容的时候就需要将内容中的HTML标签转换成微信小程序所支持的标签。那么有没有这样一个东西能够将 html 解析为 小程序能够识别的标签呢,wxPrase插件就是这样一款插件

使用方法

  1. 导入下载好的wxPrase文件在项目中(直接复制便是);

  2. 在相应的详情XXX.wxml 文件中引入wxParse.wxml (引入文件最好放在第一行);

    例如:<import src="../../wxParse/wxParse.wxml"/>

  3. 在相应的详情XXX.wxss文件中引入wxParse.wxss (引入文件最好放在第一行);

例如:@import "../../wxParse/wxParse.wxss";

  1. 在相应的详情XXX.js里的onLoad()方法里面写上:
    WxParse.wxParse('content', 'html', content, that, 0)
    content:第一个参数表示绑定的数据(必填)
    html:第二个参数被转换的是html(必填);
    content:请求回来的数据(必填)
    that:一般为this,指的就是js里的page对象,如果没有var that=this,这是一个必填项就是this(必填);
    0:最后一个参数为imagePadding为当图片自适应是左右的单一padding**(默认为0,可选)**

1
2
3
4
// WxParse HtmlFormater 用来解析 content 文本为小程序视图
import WxParse from ../../lib/wxParse/wxParse;
// 把 html 转为化标准安全的格式
import HtmlFormater from ../../lib/htmlFormater;
-------------本文结束感谢您的阅读-------------