Skip to content

Latest commit

 

History

History
51 lines (34 loc) · 1.45 KB

README.md

File metadata and controls

51 lines (34 loc) · 1.45 KB
Raw

jsonHighlighterJS

Javascript JSON Highlighter

Inspired by (read: stolen from) Stackoverflow: JSON pretty print using JavaScript.

Therefore, all credit goes to Pumbaa80.

Try it on jsfiddle.
(fails in Chrome due to the "MIME type" error, but seems to work fine in FF 24)

Usage:

html:

<head>
  ...
  <script type="text/javascript" src="js/jsonHighlighter.min.js"></script>
</head>
<body>
  ...
  <pre id="HighlightOutput"></pre>
</body>

javascript:

var out = document.getElementById("HighlightOutput");
out.innerHTML = cope.Highlighter.highlight(jsonObject); // jsonObject is a regular JS object
...
out.innerHTML = cope.Highlighter.highlight(jsonString); // jsonString is a valid JSON String

with jQuery:

var out = $("#HighlightOutput");
out.html(cope.Highlighter.highlight(jsonObject); // jsonObject is a regular JS object
...
out.html(cope.Highlighter.highlight(jsonString); // jsonString is a valid JSON String

Options (optional):

  • indent: indentation
  • useTabs: use tab delimiter

Indent:

out.innerHTML = cope.Highlighter.highlight(jsonObject, {indent: 3}); // set indentation to 3 space characters

Tabs: (useTabs:true overrides indent)

out.innerHTML = cope.Highlighter.highlight(jsonObject, {indent: 3, useTabs: true}); // use tabs for indentation