美文网首页
多行文本的换行符

多行文本的换行符

作者: 小溪流jun | 来源:发表于2021-10-18 17:01 被阅读0次

    bug:多行文本输入时,对换行符号进行了替换

    export function removeNewline_one(text) {
        //对文本进行换行符的处理
        let reg = /\r\n|\r|\n|\n\r/g
        let txtaArr = text.split(reg)
        let newtxtaArr = txtaArr.filter((item) => {
            return item !== ''
        })
        // console.log('newtxtaArr', newtxtaArr)
        let txt = newtxtaArr.join('\n')
        return txt
    }
    

    在显示的html页面中

    .description-txt {
      white-space: pre-wrap; 
    }
    //normal    默认。空白会被浏览器忽略。
    //pre   空白会被浏览器保留。其行为方式类似 HTML 中的 <pre> 标签。
    //nowrap    文本不会换行,文本会在在同一行上继续,直到遇到 <br> 标签为止。
    //pre-wrap  保留空白符序列,但是正常地进行换行。
    //pre-line  合并空白符序列,但是保留换行符。
    //inherit   规定应该从父元素继承 white-space 属性的值。
    

    相关文章

      网友评论

          本文标题:多行文本的换行符

          本文链接:https://www.haomeiwen.com/subject/gnynoltx.html