欢迎您来到懒之才-站长的分享平台!   学会偷懒,并懒出境界是提高工作效率最有效的方法!
首页 > 经验分享 > 微信小程序 > 微信小程序中如何插入带标签的字符串(wxParse)

微信小程序中如何插入带标签的字符串(wxParse)

2018-08-14 1373 收藏 0 赞一个 0 真差劲 0 去评论 去下载

wxParse 微信小程序 HTML/Markdown 富文本解析

链接地址:https://github.com/icindy/wxParse

云盘下载:去下载

什么情况的时候使用:

当你在微信小程序中想要把变量str = '<text class="keyworld">hello world! (又是这个)</text>';
输出到wxml中的view标签中时;无法解析,这时就可以使用wxParse。

使用说明书:

在wxml中引入

import src="路径/wxParse/wxParse.wxml"/> <!--  展示你解析的内容  -->
<template is="wxParse" data="{{wxParseData:str.nodes}}"/>  <!-- str为你data中的数据变量 -->

在wxss中引入

@import "路径/wxParse/wxParse.wxss";
样式

js部分

const WxParse = require('../../wxParse/wxParse.js');

在onLoad中使用其函数

data:{   str:'<text class="keyworld">hello world! (又是这个)</text>'},onLoad: function (options) {
   WxParse.wxParse('str', 'html', this.data.str, this, 0);
},

WxParse.wxParse函数的五个参数详解:

1.bindName绑定的数据名(必填)

2.type可以为html或者md(必填)

3.data为传入的具体数据(必填)

4.target为Page对象,一般为this(必填)

5.imagePadding为当图片自适应是左右的单一padding(默认为0,可选)

一、推荐使用迅雷或快车等多线程下载软件下载本站资源。

二、未登录会员无法下载,登录后可获得更多便利功能,若未注册,请先注册。

三、如果服务器暂不能下载请稍后重试!总是不能下载,请点我报错 ,谢谢合作!

四、本站大部分资源是网上搜集或私下交流学习之用,任何涉及商业盈利目的均不得使用,否则产生的一切后果将由您自己承担!本站将不对任何资源负法律责任.如果您发现本站有部分资源侵害了您的权益,请速与我们联系,我们将尽快处理.

五、如有其他问题,请加网站设计交流群(点击这里查看交流群 )进行交流。

六、如需转载本站资源,请注明转载来自并附带链接

七、本站部分资源为加密压缩文件,统一解压密码为:www.aizhanzhe.com

下载地址
大家评论