多行文本的换行符

2021-10-18  本文已影响0人  小溪流jun

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 属性的值。
上一篇下一篇

猜你喜欢

热点阅读