微信小程序篇（笔记1：wxParse富文本解析的使用）

1、下载wxParse

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

文件夹wxParse中：除emojis文件夹可选之外，其它必须存在

2、把wxParse文件夹放在你的项目目录下，开始解析html啦

举个栗子：xxx文件夹中

app.wxss/xxx.wxss:引入wxParse里自带的样式
@import "/wxParse/wxParse.wxss";
xxx.js：这一步的目的是绑定数据

/**- WxParse.wxParse(bindName , type, data, target,imagePadding)- 1.bindName绑定的数据名(必填)- 2.type可以为html或者md(必填)- 3.data为传入的具体数据(必填)- 4.target为Page对象,一般为this(必填)- 5.imagePadding为当图片自适应是左右的单一padding(默认为0,可选)
*/
const WxParse = require('../../wxParse/wxParse.js');
var goods = data.goods;//data为从后端获取的数据
WxParse.wxParse('goods', 'html', goods, that, 0);
var article = '<div>我是HTML代码</div>';//自定义的模板
WxParse.wxParse('article', 'html', article, that, 5);

xxx.wxml：引入模板

<import src="../../wxParse/wxParse.wxml"/>
<template is="wxParse" data="{{wxParseData:bindName.nodes}}"/>

这里data中的bindName为.js中自己定义的绑定的数据名，例如上文的goods、 article，修改好即可。

微信小程序篇（笔记1：wxParse富文本解析的使用）相关推荐

微信小程序开发加载html富文本数据
最近项目上遇到在微信小程序里需要显示新闻内容,新闻内容是通过接口读取的服务器中的富文本内容,是html格式的,小程序默认是不支持html格式的内容显示的,那我们需要显示html内容的时候,就可以通过w ...
用于微信小程序的图文编辑器（富文本编辑器）
用于微信小程序的图文编辑器欢迎使用用于微信小程序的图文编辑器欢迎使用用于微信小程序的图文编辑器 #### 项目介绍用于微信小程序的图文编辑器 https://www.cnblogs.com/sh ...
微信小程序开发——实现修改文章富文本（hf_editor）输入框回显文章功能
文章发布界面就是一个类型选择.标题输入(input).内容输入(hf_editor) 代码就不详细说明了当我们需要修改博客的时候一般的界面显示就是显示一个和发布类似的输入框,只是里面存有之前填写的 ...
微信小程序开发笔记进阶篇④——getPhoneNumber 获取用户手机号码（小程序云）
文章目录一.前言二.前端代码wxml 三.前端代码js 四.云函数五.程序流程一.前言微信小程序开发笔记--导读大部分微信小程序开发者都会有这样的需求:获取小程序用户的手机号码. 但是,因 ...
微信小程序开发笔记进阶篇⑤——getPhoneNumber 获取用户手机号码（基础库 2.21.2 之前）
文章目录一.前言二.前端代码wxml 三.前端代码js 四.后端java 五.程序流程六.参考一.前言微信小程序开发笔记--导读大部分微信小程序开发者都会有这样的需求:获取小程序用户的手机 ...
微信小程序开发笔记进阶篇⑥——getPhoneNumber 获取用户手机号码（基础库 2.21.2 之后）
文章目录一.前言二.前端代码wxml 三.前端代码js 四.后端java 五.程序流程六.参考一.前言微信小程序开发笔记--导读大部分微信小程序开发者都会有这样的需求:获取小程序用户的手机 ...
微信小程序开发笔记进阶篇③——onfire.js事件订阅和发布在微信小程序中的使用
文章目录一.前言二.onfire.js介绍三.API介绍四.实例应用五.onfire源码六.实例源码一.前言微信小程序开发笔记--导读二.onfire.js介绍一个简单实用的事件订 ...
微信小程序开发笔记支付篇②——微信小程序通过小程序云实现微信支付功能
文章目录一.前言二.开通微信支付 2.1 关联商户号 2.2 添加商户号 2.3 管理员授权三.云函数开发 3.1 新建云函数 3.2 云函数代码 3.3 云函数上传并部署四.小程序调用 4. ...
微信小程序开发笔记支付篇④——基于微信支付SDK实现Java后端接口使用
文章目录一.前文二.微信支付 Java SDK 三.示例一.前文微信小程序开发笔记--导读微信支付-SDK与DEMO下载先看README.md 二.微信支付 Java SDK 对微信支付开 ...
微信小程序学习笔记（1）
微信小程序学习笔记 1.小程序代码结构 2.逻辑层和视图层 3. 小程序的宿主环境(通信模型.运行机制.组件.API) 4. 数据绑定和事件绑定 1.小程序代码结构当开发者新建一个工程时,项目文件包 ...

微信小程序篇（笔记1：wxParse富文本解析的使用）

1、下载wxParse

2、把wxParse文件夹放在你的项目目录下，开始解析html啦

微信小程序篇（笔记1：wxParse富文本解析的使用）相关推荐

最新文章

热门文章