将dart代码格式化为html

Question

我正在快速调试后端的调试视图，作为一小组管理HTML页面（由angulardart驱动，但不确定是否至关重要）。

我从XHR调用返回一个复杂的JSON对象。我希望在HTML页面上看到格式很好。它不一定是一个很好的实现，因为它只是一个调试ui，但目标是格式化对象，而不是让它成为一个没有换行符的长字符串。

我看着尝试在dart中打印JSON，然后将其放在<pre></pre>标签内，以及将dart Map对象转储到字符串（再次，内部或不在<pre></pre>标签内。但是没到达我想要的地方。

甚至搜索过类似的东西，例如输出html的语法高亮显示，但没有找到明显的东西。

有什么建议吗？

Answer 1

我认为您正在寻找的是：

1. 格式化您的JSON，使其可读
2. 语法高亮

For 1 - 可以使用JsonEncoder with indent

完成

For 2 - 你可以很容易地使用名为HighlightJs的JS库，方法是将格式化的json附加到标记的div中。 （请参阅highlightjs＆＃39; doc以了解我的意思）