zoukankan      html  css  js  c++  java
  • 解决:微信小程序富文本识别不了空白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

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

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

     圆满!收工!

    技术最菜,头发最少
  • 相关阅读:
    c语言判断最大数
    c语言复制字符
    C语言简单小问题
    c语言实现用指针遍历二维数组
    C语言有趣小程序
    C语言实现输入一个数,输出这个数的立方根
    C语言实现输入一个数,输出这个数的sin值
    c语言实现输出10000内所有素数,5个换一行
    输出10000内所有素数
    判断素数
  • 原文地址:https://www.cnblogs.com/gushengyan/p/14945340.html
Copyright © 2011-2022 走看看