Improve visualization of response payload
jelhan opened this issue · comments
The response payload is currently shown as plain JSON in a <pre> tag. I think it would improve user experience a lot if code highlighting and code folding would be supported.
Existing JSON viewers could serve as an inspiration:
- One tool I use from time to time is JSON Formatter & Validator. It supports both by using CodeMirror.
- Another tool I came across is JSON Editor Online. It supports both and provides even advanced features for modifying the JSON using ACE. A modified, read-only version of it seems to be used by JSON Viewer from {JSON formatter}.
And of course there are many less advanced libraries, which only care about code highlighting and/or code folding. One example of these libraries is json-tree-viewer. Another one is json-viewer-js. I even came across a Vue library, when clicking around in Google: vue-json-viewer
Thank you for the feedback and the huge list of inspirations. I'll take a look, I think it can be a huge improvement.
The response payload is currently shown as plain JSON in a
<pre>tag.
This is not actually true, it's not just plain JSON, it's HTML with <a> so it's possible to JSON:API links!
