微信小程序 解析 富文本编辑器的空格不成功 页面出现&nbsp的一些解决方案。

论坛 期权论坛 脚本     
已经匿名di用户   2022-5-29 19:21   815   0

后台富文本编辑器的空格 在小程序端直接以符号显示出来,没有空格的效果如下:

解决方案一 :小程序端读不到输入法的半角空格,但是能读取到输入法的全角空格。

半角空格:在打空格的时候输入法调成半角 。"我是半角空 格空 格"。在小程序端显示为"我是半角空&nbsp格空&nbsp格"。

全角空格:在打空格的时候输入法调成全角。"我是全角空 格空 格"。在小程序端显示为"我是全角空 格空 格"。

解决方案二:

找到wxParse文件夹下的wxDiscode.js方法

把
function r(e) {
    return e = e.replace(/ /g, " "),
           e = e.replace(/"/g, "'"), 
           e = e.replace(/&/g, "&"), 
    e = e.replace(/&lt;/g, "<"), e = e.replace(/&gt;/g, ">");
}

修改为:

function r(e) {
    return e = e.replace(/&nbsp;/g, "\xa0"),
           e = e.replace(/&quot;/g, "'"), 
           e = e.replace(/&amp;/g, "&"), 
    e = e.replace(/&lt;/g, "<"), e = e.replace(/&gt;/g, ">");
}




这是普遍的方法,如果发现没用

把e = e.replace(/&amp;/g, "&"),
移动到 e = e.replace(/&nbsp;/g, "\xa0"),上方
如下:

function r(e) {
    return e = e.replace(/&amp;/g, "&"), 
           e = e.replace(/&nbsp;/g, "\xa0"), 
           e = e.replace(/&quot;/g, "'"),  
    e = e.replace(/&lt;/g, "<"), e = e.replace(/&gt;/g, ">");
}

这样就可以了,小程序端不再出现&nbsp;的情况。
有的可以不修改,只需要把e = e.replace(/&amp;/g, "&"),
移动到 e = e.replace(/&nbsp;/g, " "),上方就行。

以上两种解决方案亲测有效,在开发者工具,手机上都显示正常。

参考自:https://blog.csdn.net/m0_48495739/article/details/109113125

分享到 :
0 人收藏
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

积分:81
帖子:4969
精华:0
期权论坛 期权论坛
发布
内容

下载期权论坛手机APP