小程序解析html富文本插件wxParse配制全面指南
来源:互联网 发布:淘宝降价提醒助手 编辑:程序博客网 时间:2024/06/07 03:25
小程序解析html富文本插件wxParse配制全面指南,这里遇见的各种奇葩问题都将会得到解决,手把手,菜鸟变大神!
第一步:下载wxParse
下载地址:https://github.com/icindy/wxParse
点击下载
压缩包包含的文件,【红框文件】需要拷贝到小程序根目录
第二步:使用教程
官网教程
(原本想说的,还是算了,如果想看的直接去作者:https://github.com/icindy/wxParse 这里看就行了!我看了这个文档,竟然进了一次坑!直接晒我的教程吧!)
我的教程
第一步:配制xx.wxml文件(配制到你用到的页面中)
<import src="../../wxParse/wxParse.wxml"/>
第二步:配制xx.wxss文件(配制到你用到的页面中)
@import "../../wxParse/wxParse.wxss";
第三步:配制xx.js文件(配制到你用到的页面中)
头部引用
var WxParse = require('../../wxParse/wxParse.js');
onLoad()方法里使用
article_content:WxParse.wxParse('article_content', 'html', res.data.article_content, that, 5)
- /**
- * WxParse.wxParse(bindName , type, data, target,imagePadding)
- * 1.bindName绑定的数据名(必填)
- * 2.type可以为html或者md(必填)
- * 3.data为传入的具体数据(必填)
- * 4.target为Page对象,一般为this(必填)
- * 5.imagePadding为当图片自适应是左右的单一padding(默认为0,可选)
- */
第四步:xx.wxml文件里引用(引用到你用到的页面)
<view><template is="wxParse" data="{{wxParseData:content.nodes}}" /></view>
完成这四步,就完美完成了,但是有得编辑器里面的图片不是绝对地址,所以会引起图片不显示的问题!
图片不显示问题
修改文件【html2json.js】
代码所在位置
这里的【server_url】就是指你的域名,我是直接在顶部【 ver】了一个变量【server_url】赋值的域名地址,所以你看到的这块代码出现了【server_url】!
【完!】
阅读全文
0 0
- 小程序解析html富文本插件wxParse配制全面指南
- 微信小程序解析html富文本插件wxParse
- 微信小程序解析html富文本插件wxParse
- 微信小程序 —— 微信小程序解析html富文本插件wxParse
- wxParse 0.3 微信小程序 HTML/Markdown 富文本解析, 支持多级及 Emoji
- 微信小程序开发(十二)富文本插件wxParse的使用
- 微信小程序开发--富文本插件wxParse的使用
- 小程序使用wxParse解析html
- 小程序使用wxParse解析html
- 微信小程序富文本组件wxParse
- 微信小程序富文本展示,wxParse使用
- 微信小程序开发(十三)富文本插件wxParse的wxParseImgTap的bug修复
- 微信小程序之HTML富文本解析
- 微信小程序解析富文本编辑器HTML
- 小程序html转wxml,微信小程序用wxParse解析html
- 小程序html5转换wxml,微信小程序用wxParse解析html
- 解析html富文本
- 使用wxParse插件直接解析从后台获取的html
- Drawable与 Bitmap 常用方法
- 如何编译Fribidi for i586/ARM?
- Http请求中Content-Type讲解以及在Spring MVC中的应用
- shiro讲解之 入门
- 学习笔记:LAB Feature with Feature-centric Cascade for Fast and Accurate Face Detection
- 小程序解析html富文本插件wxParse配制全面指南
- Mybatis模糊查询的写法
- Spring Cloud Eureka 入门 (二)服务提供者详解
- 卷积神经网络算法
- Python日期的加减等操作
- 字符过滤器工具类
- 解决Failed to ... maven-compiler-plugin:3.1:compile (default-compile) on project ...
- GoLang初探
- Mardown使用方法