前端显示带格式的字符串内容

我们知道pre是可以将内容按输入的格式显示出来,包括空格,换行符等。

而使用该标签先要给pre标签设置样式:

    white-space: pre-wrap;       /* css-3 */
    white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
    white-space: -pre-wrap;      /* Opera 4-6 */
    white-space: -o-pre-wrap;    /* Opera 7 */
    word-wrap: break-word;       /* Internet Explorer 5.5+ */
    word-break:break-all;
    overflow:hidden;    

然而通过接口请求回来的数据,按照上面的方法展示出来,IE8下显示是没有效果的,就是没有多个空格,不会根据换行符自动换行。。。

查找了各种方法均没有结局这个标签的显示问题。

只好按照另外一种思路,使用正则表达式将换行符替换成换行标签 <br/>

contentStr.replace(/(
)|(
)/g,'<br>')

这样内容就会自动换行了,但是其他转义字符没有进行处理。

原文地址:https://www.cnblogs.com/stella1024/p/9151623.html