title: Prettify json data in textarea input
body: <p>I've searched for this particular topic and couldn't find anything similar to it. If there is please close this and give a link.</p>
  
  <p>I'm creating a json data api simulator. I want users to be able to copy and paste a json object request into a textarea where they can also modify it before sending it to the server. </p>
  
  <p>Problem is json obj copy and patses often results in extra spaces and is never aligned properly, even with the pre tag. I also want a good color scheme applied to keys and values.</p>
  
  <p>I've seen plugins, other questions and snippets of code, but they don't apply to textareas where the text is editable. Is there to keep it styled while in edit mode without it showing all the html tags that styled it? I want to be able to write it from scratch with javascript or jquery.</p>