2015-09-15 95 views
1

我將後端的快速調試視圖作爲一小組管理HTML頁面(由angulardart驅動,但不確定是非常重要的)敲在一起。將dart代碼格式化爲html

我從我的XHR調用中返回一個複雜的JSON對象。我希望在HTML頁面上看到很好的格式。它不必是一個很好的實現,因爲它只是一個調試UI,但目標是格式化對象,而不是一個沒有換行符的長字符串。

我看着試圖漂亮打印JSON在鏢然後把裏面<pre></pre>標籤,以及剛剛傾銷鏢Map對象的字符串(同樣,裏面還是沒有內部<pre></pre>標籤,但沒有得到我想要的位置。

甚至搜查了酒館類似的東西,如語法高亮顯示的是將輸出HTML,但沒有發現明顯的東西

任何建議

+0

應該很容易。不知道什麼「沒有到達我想要的地方」的意思。請將代碼添加到您的問題中,以顯示您嘗試的內容,並解釋結果與預期的不同之處。 –

回答

2

我想你要找的是?:

您的JSON所以它的
  1. 格式可讀
  2. 有語法高亮

對於1 - 這可以用JsonEncoder with indent

來進行2 - 您可以通過添加非常方便地使用JS LIB稱爲HighlightJs你格式化的JSON轉換爲標記的div。 (請參閱highlightjs的文檔以瞭解我的意思)

+0

'''withIndent'''確實是我眼前的一部分,我忽略了它。和HighlightJS看起來不錯!謝謝! –