将飞镖代码格式化为 html

Format dart code as html

我正在拼凑一个后端的 quick 调试视图,作为一小组管理 HTML 页面(由 angulardart 驱动,但不确定是否重要)。

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

我试图在 dart 中漂亮地打印 JSON 然后将其放入 <pre></pre> 标签中,以及将 dart Map 对象转储到字符串(同样,在内部或不在 <pre></pre> 标签。但没有到达我想要的位置。

甚至在 pub 中搜索了类似的东西,例如会输出 html 的语法高亮器,但没有找到明显的东西。

有什么建议吗?

我想你要找的是:

  1. 格式化您的 JSON 以便其可读
  2. 有语法高亮

对于 1 - 这可以通过 JsonEncoder with indent

来完成

对于 2 - 通过将格式化的 json 附加到标记的 div 中,您可以非常轻松地使用名为 HighlightJs 的 JS 库。 (请参阅 highlightjs 的文档以了解我的意思)