小程序使用的VUE模式,让刚刚接触的我是四处掉坑了~
想弄一个在线编辑显示模板的功能,就是这个【富文本】编辑器的数据转成小程序时用到的wxParse。
这里不得不吐槽wxParse这个官网对于例子使用介绍的稀缺!!!!!!
-------------------------------
官网:https://github.com/icindy/wxParse
你无论去哪里,都是看到下面这个坑爹的例子:仅适合页面中只有1个HTML或者固定参数的HTML
--------------------------------
最后,死磕3小时下,弄出来的万能使用方法!
JS
//js文件var WxParse = require('你的路径/wxParse/html2json.js');//这里注意,是用html2json,不是WxParsepage({ onLoad:function(){ //通过request获取数据后;这里不写了。 var result = r.data.data; var list = result.templist;//我这里的contnet是html内容 var htmlAry=[]; for (let i = 0; i < list.length; i++) { if (list[i].type == 'text') { htmlAry[i] = WxParse.html2json(list[i].content, 'returnData');//重点,就是这里。只要这么干就能直接获取到转化后的node格式数据; console.log(htmlAry[i]); } } that.setData({ templist: list, htmlAry: htmlAry,//记得这里要加入 }); }})wxml
<!---------><template is="wxParse" data="{{wxParseData:htmlAry[0].nodes}}" />是的,就是这么干,就可以了。当然我例子写得简单,但是这种调用方式的逻辑才是简单的。
既可以单个调用,也可以循环中调用,更可以在条件循环中调用!
哎,本来WxParse这个模块真心不错的,但是这个例子问题坑了不少人。
希望这个文章能帮到一些和我一样遇到这类问题的码友
小程序













