Prettify json Daten in der Texteingabe

Ich habe nach diesem bestimmten Thema gesucht und konnte nichts Ähnliches finden. Wenn es das gibt, schließe es bitte und gib einen Link an.

Ich erstelle einen JSON-Daten-API-Simulator. Ich möchte, dass Benutzer eine json-Objektanforderung kopieren und in ein Textfeld einfügen können, in dem sie sie auch ändern können, bevor sie sie an den Server senden.

Problem ist, dass json obj copy und patses oft zu zusätzlichen Leerzeichen führen und selbst mit dem Pre-Tag nie richtig ausgerichtet werden. Ich möchte auch ein gutes Farbschema für Schlüssel und Werte.

Ich habe Plugins, andere Fragen und Code-Schnipsel gesehen, aber sie gelten nicht für Textbereiche, in denen der Text bearbeitet werden kann. Gibt es eine Möglichkeit, den Stil im Bearbeitungsmodus beizubehalten, ohne dass alle HTML-Tags angezeigt werden, mit denen der Stil erstellt wurde? Ich möchte in der Lage sein, es mit Javascript oder jquery von Grund auf neu zu schreiben.

Antworten auf die Frage(3)

Ihre Antwort auf die Frage