微信小程序解析html富文本插件wxParse
来源:互联网 发布:淘宝优惠券赚佣金算的 编辑:程序博客网 时间:2024/05/17 09:02
最近在开发微信小程序,因为一些文章的详情页面是富文本,但是小程序不支持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)
此方法的含义为:
四、模板引用:
//这里data中article为bindName<template is="wxParse" data="{{wxParseData:article.nodes}}"/>
这样页面就能正常渲染出来数据,还有更高级的表情解析,大家可以一起看一看,为插件赞一个
阅读全文
0 0
- 微信小程序解析html富文本插件wxParse
- 微信小程序解析html富文本插件wxParse
- 微信小程序 —— 微信小程序解析html富文本插件wxParse
- 小程序解析html富文本插件wxParse配制全面指南
- wxParse 0.3 微信小程序 HTML/Markdown 富文本解析, 支持多级及 Emoji
- 微信小程序开发(十二)富文本插件wxParse的使用
- 微信小程序开发--富文本插件wxParse的使用
- 微信小程序富文本组件wxParse
- 微信小程序富文本展示,wxParse使用
- 微信小程序开发(十三)富文本插件wxParse的wxParseImgTap的bug修复
- 微信小程序之HTML富文本解析
- 微信小程序解析富文本编辑器HTML
- 微信小程序输出html内容数据插件wxParse
- 微信小程序输出html内容数据插件wxParse
- 小程序使用wxParse解析html
- 小程序使用wxParse解析html
- 微信小程序富文本解析
- 解析html富文本
- L先生与晨跑(找规律 先手后手博弈)
- Android绘制类似电脑版qq的箭头
- C语言itoa()函数和atoi()函数详解(整数转字符C实现)
- 总结JavaWeb中各个对象继承的类、接口以及内置对象、动作元素、指令元素
- eclipse Ctrl +左键 查看源代码 not found source
- 微信小程序解析html富文本插件wxParse
- JSON原生解析
- 二叉查找树(BST)
- 算法竞赛入门经典(第2版)习题6-3 二叉树重建 UVa536
- [转发]在eclipse中新建Dynamic web project时选择2.5和3.0的区别
- Opengl学习笔记之Textures
- n!末尾有多少0 (数论)
- linux下的c++开发
- leetode.599. Minimum Index Sum of Two Lists