我先將 ci 返回的結(jié)果存到數(shù)據(jù)庫 MongoDB 里贮懈，再由前端頁面讀取數(shù)據(jù)庫里的結(jié)果并顯示在頁面上双霍，但問題是侵蒙，頁面顯示的結(jié)果并沒有換行也榄。
像這樣：
而我的預(yù)期效果應(yīng)該是這樣顯示結(jié)果：
npm info it worked if it ends with ok
npm info using npm@3.10.10
npm info using node@v6.9.5
npm info lifecycle js-quiz@1.0.0~pretest: js-quiz@1.0.0
npm info lifecycle js-quiz@1.0.0~test: js-quiz@1.0.0
> js-quiz@1.0.0 test /var
> jasmine
Started
F
Failures:
1) count-string-in-collection 計(jì)數(shù)數(shù)組字符串
Message:
Expected undefined to equal [ 'a-2', 'b-2', 'c-1', 'd-1' ].
Stack:
Error: Expected undefined to equal [ 'a-2', 'b-2', 'c-1', 'd-1' ].
at Object.<anonymous> (/var/spec/count-string-spec.js:9:20)
1 spec, 1 failure
Finished in 0.013 seconds
npm info lifecycle js-quiz@1.0.0~test: Failed to exec test script
npm ERR! Test failed. See above for more details.
嘗試過的方法：
- 我本以為是后臺存數(shù)據(jù)庫的時(shí)候就把 '\n' 丟掉了惦费，然后我就在后臺這樣
JSON.stringfy(result)趟脂，然后在前端這樣JSON.parse泰讽，然而并沒有是么卵用。 - 嘗試讓結(jié)果輸出成 markdown 格式昔期，但發(fā)現(xiàn) markdown 也識別不了 '\n' 已卸。
根本原因
根本原因是 html 識別不了 '\n'，于是 google 了一下硼一，發(fā)現(xiàn)只要一行代碼就可以達(dá)到這種效果了：
只要在結(jié)果所在的 div 的 css 設(shè)置：
white-space: pre-line;
然后頁面就能成功識別 '\n' 并整齊的顯示結(jié)果了咬最。
