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,操作有点骚,那就先放一放,需求解决就行。以后有机会再看吧。

原文地址:https://www.cnblogs.com/zhimalier/p/11378027.html