将飞镖代码格式化为 html
Format dart code as html
我正在拼凑一个后端的 quick 调试视图,作为一小组管理 HTML 页面(由 angulardart 驱动,但不确定是否重要)。
我从我的 XHR 调用返回一个复杂的 JSON 对象。我想在 HTML 页面上看到它的格式很好。它不一定是一个很好的实现,因为它只是一个调试 ui,但目标是格式化对象而不是让它成为一个没有换行符的长字符串。
我试图在 dart 中漂亮地打印 JSON 然后将其放入 <pre></pre>
标签中,以及将 dart Map 对象转储到字符串(同样,在内部或不在 <pre></pre>
标签。但没有到达我想要的位置。
甚至在 pub 中搜索了类似的东西,例如会输出 html 的语法高亮器,但没有找到明显的东西。
有什么建议吗?
我想你要找的是:
- 格式化您的 JSON 以便其可读
- 有语法高亮
对于 1 - 这可以通过 JsonEncoder with indent
来完成
对于 2 - 通过将格式化的 json 附加到标记的 div 中,您可以非常轻松地使用名为 HighlightJs 的 JS 库。 (请参阅 highlightjs 的文档以了解我的意思)
我正在拼凑一个后端的 quick 调试视图,作为一小组管理 HTML 页面(由 angulardart 驱动,但不确定是否重要)。
我从我的 XHR 调用返回一个复杂的 JSON 对象。我想在 HTML 页面上看到它的格式很好。它不一定是一个很好的实现,因为它只是一个调试 ui,但目标是格式化对象而不是让它成为一个没有换行符的长字符串。
我试图在 dart 中漂亮地打印 JSON 然后将其放入 <pre></pre>
标签中,以及将 dart Map 对象转储到字符串(同样,在内部或不在 <pre></pre>
标签。但没有到达我想要的位置。
甚至在 pub 中搜索了类似的东西,例如会输出 html 的语法高亮器,但没有找到明显的东西。
有什么建议吗?
我想你要找的是:
- 格式化您的 JSON 以便其可读
- 有语法高亮
对于 1 - 这可以通过 JsonEncoder with indent
来完成对于 2 - 通过将格式化的 json 附加到标记的 div 中,您可以非常轻松地使用名为 HighlightJs 的 JS 库。 (请参阅 highlightjs 的文档以了解我的意思)