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

多行文本的换行符

作者: 小溪流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