解决:微信小程序富文本识别不了空白p标签的方法

后台富文本有时候会给空白的换行,像这样

 但是小程序貌似解析出这样的标签不会留出它空白的位置,<br/>标签页不能被转换识别

试过提交 : <p></p> 、<p><br/></p>、 <br/>这三种方式,前端照样不显示空白内容的换行

不管是rich-text还是 wxParse 都达不到想要的效果

 一直这样...

我就放弃了吗?

不!

首先试试强制给标签加padding,达到效果:

但是这样每个解析的标签都有padding. 文本就变得很....

 所以我尝试修改wxParse 来达到效果

我是在页面js直接解析的,一步步找到了方法,具体位置如下

            if (node.tag === 'p') { //当前如果是p标签
                if (node.nodes == undefined) { //如果没有nodes就强行赋值nodes
                    var nodes = [{
                        attr: {
                            style: ["padding:", "15rpx", "0"]
                        },
                        index: "0.0.0.0",
                        node: "element",
                        tag: "span",
                        tagType: "inline",
                        styleStr: "padding:15rpx 0;"
                    }]

                    node.nodes = nodes
                }
            }

在end方法里面,通过对比其他正常解析的元素发现,换行p会被解析,但是因为没有内容,所以没有nodes

所以我先给了首行内容一个color ,抄他给color的样子强赋值给没有nodes的node

也算是曲线救国吧,暂时也没有别的办法

 添加之后,已经能够展示空白换行的部分了

 圆满!收工!

技术最菜,头发最少
原文地址:https://www.cnblogs.com/gushengyan/p/14945340.html