title: Show stringified json in contenteditable div
body: <p>I was using textarea to display the json in string format, for that I used this</p>
  
  <pre><code>JSON.stringify(this, null, '\t')
  </code></pre>
  
  <p>To solve some issue in textarea positioning I decided to use contenteditable div. How to show json in contenteditable div as</p>
  
  <pre><code>BusinessUnit : {
      "title": "Business Unit",
      "type": "Text",
      "options": "",
      "required": true,
      "defaultValue": "1",
      "tooltip": "This is a Business-unit",
      "unique": true
  }
  </code></pre>
  
  <p>rather than as a showing it as string</p>
  
  <pre><code>BusinessUnit : { "title": "Business Unit", "type": "Text", "options": "", "required": true, "defaultValue": "1", "tooltip": "This is a Business-unit", "unique": true }
  </code></pre>