微信小程序HTML富文本渲染方案Html2Wxml2J

曾经有wxParse,一个小程序前端使用的javascript库,前端直接转换渲染。使用到了微信小程序的模板渲染,但是依然弱鸡,经常出现各种Javascript错误,很多标签不兼容。

推荐一个比较靠谱的解析微信小程序渲染方案:

靠谱的小程序插件项目-html2wxml

1、设置=》第三方服务=》添加插件

2、app.json 里面添加插件

 "plugins": {
 	"htmltowxml": {
 		"version": "1.3.0",
 		"provider": "wxa51b9c855ae38f3c"
 	}
 }

3、然后,在对应需要使用这个插件渲染Html富文本的页面,找到对应的JSON文件,加入一个声明:代码如下

这样,插件版的使用配置就完成了,剩下的就是如何具体在页面中使用这个插件去渲染了。

 

在我们自己的小程序项目中找到页面对应的JavaScript文件,添加一个模拟读取外部Html的过程:

我们读取到Html后赋值为本页面定义的一个数据变量“html”;

然后在对应的Index.wxml中 加入插件提供的调用方式:

直接把Html变量丢给这个组件的text属性就可以了,其他属性可以去html2wxml的码云站点看文档说明。

上一篇: 宝塔控制面板5.9系列版本破解方法
下一篇: MySQL主机localhost比127.0.0.1慢,你知道他们的区别吗?

目前还没有人评论,您发表点看法?
发表评论

评论内容 (必填):