Heim > Web-Frontend > js-Tutorial > Wie kann ich JSON mit Syntaxhervorhebung hübsch drucken?

Wie kann ich JSON mit Syntaxhervorhebung hübsch drucken?

DDD
Freigeben: 2024-12-15 18:19:14
Original
529 Leute haben es durchsucht

How Can I Pretty-Print JSON with Syntax Highlighting?

JSON in einem für Menschen lesbaren Format anzeigen: Pretty-Printing

Die Umwandlung von JSON in ein optisch ansprechenderes und für Menschen lesbares Format kann durch Pretty-Printing erreicht werden. Diese Methode verbessert die Lesbarkeit durch die Verwendung von Einrückungen und Leerzeichen und kann sogar Farben oder Schriftarten enthalten.

Native JSON.stringify()-Methode

JSON.stringify() integriert nativ Pretty-Printing-Funktionen. Durch die Angabe eines dritten Arguments können Sie Pretty-Printing aktivieren und die Einrückungsebene definieren.

var str = JSON.stringify(obj, null, 2); // sets spacing to 2
Nach dem Login kopieren

Syntaxhervorhebung mit regulären Ausdrücken

Um Syntaxhervorhebung in Ihr Pretty-Printed-JSON zu integrieren, müssen Sie kann die Leistungsfähigkeit regulärer Ausdrücke nutzen.

function syntaxHighlight(json) {
  // ... regular expression magic goes here ...
}
Nach dem Login kopieren

Vollständig Beispiel

Unten finden Sie ein vollständiges Beispiel, das Syntaxhervorhebung neben Pretty-Printing demonstriert:

function output(inp) {
  document.body.appendChild(document.createElement('pre')).innerHTML = inp;
}

function syntaxHighlight(json) {
  // ... regular expression magic goes here ...
}

var obj = { ... };
var str = JSON.stringify(obj, undefined, 4);

output(str);
output(syntaxHighlight(str));
Nach dem Login kopieren

Dieses Beispiel zeigt Pretty-Printing mit Einrückung und Syntaxhervorhebung in Aktion.

Das obige ist der detaillierte Inhalt vonWie kann ich JSON mit Syntaxhervorhebung hübsch drucken?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage