WordPress对接微信小程序遇到的问题

1.文章内容中的“<”和“>”字符显示问题

小程序是使用“wxPares工具来实现html转wxml的，如果你的文本包含了代码比如xml会携带<>符号，程序会将其转化，造成解析出现问题，导致文章出现问题。

解决：

wxParse里面有个html2json的文件，找到函数transEmojiStr(str)，在里面添加以下3行

function transEmojiStr(str){

    str = str.replace(/</g, '<');

    str = str.replace(/>/g, '>');

    str = str.replace(/&/g, '&');

    ......

}

//推荐资源站：https://zhimalier.com/

之后找到wxDiscode.js文件，找到函数strcharacterDiscode(str)，注释掉关于&lt和&gt的内容即可

问题分析流程：

第一眼看到这个问题很是蒙蔽，但是作为程序员的素养告诉我一定要冷静，我仔细对比了网站上正常的显示和小程序上的错误显示，发现带有"<" ">"两个字符的都出现了错误，再仔细看看其他正常显示的代码文本确定了是这个问题。第一步我先去最大的男性交友网站（GITHUB）看了这个开源项目的介绍，大致意思是他将网站html挨个的解析转化成json，拿到json之后就可以使用官方的小程序编程了，所以问题可能处在html转json这，有了切入点那就开干。等等，我好像还没学过小程序，妈蛋头疼，只能暂时丢下问题利用差不多两天时间去混混小程序

学习中....

两天后开始调试，找到了核心的解析方法html2json(html,bindName),打印下日志一看啊，果然"<" ">"成为了&lt和&gt，一瞅它里面的处理就是replace方法，呵呵，以为很简单？but，它里面替换使用的表达式有点牛啊没看懂，后来醒悟就是正则表达，唉一时不察浪费了时间。

2.图片不显示的问题

这个问题旧比较模糊了，暂时不知道原因，网站图片可以显示，但是小程序读取到的是<img src....> 这些代码，证明没有正确解析，我本来想仔细看看代码的实现，结果不经意的发现正常显示的图片又alt属性，不正常显示的就没有，我去站点后台给一个不正常显示的图片加上alt属性，哎？行了？666，操作有点骚，那就先放一放，需求解决就行。以后有机会再看吧。

巴特西

WordPress对接微信小程序遇到的问题

1.文章内容中的“<”和“>”字符显示问题

2.图片不显示的问题

最新文章

热门文章