Ich habe einige Fragen zum Formatieren von HTML- und JavaScript-Code gesehen. Eine allgemeine Antwort scheint zu sein, dass jsbeautify (und GitHub Seite für jsbeautify.js ) ist eine gute Lösung.
Allerdings kann ich meinen Code nicht richtig formatieren, und ich frage mich, ob es einige Standardparameter gibt, die geändert werden müssen, oder ob ich einfach falsch verstehe, was die Verschönerung bewirken soll. Was ich erwarte, ist, dass jedes verschachtelte Tag in einer neuen Zeile auf der richtigen Ebene eingerückt ist. Aber was ich stattdessen sehe (und das scheint für jsbeautifier nicht einzigartig zu sein) ist, dass manchmal mehrere Tags in derselben Zeile eine Zeichenfolge erhalten, und Anweisungen zum Brechen der Zeile ignoriert werden.
Beispiel 1:
Ich habe dieses Beispiel direkt aus diese Frage genommen.
%Vor%Wenn ich auf jsbeautifer.org gehe und den obigen Code eintrage und auf "Beautify Javascript oder HTML" klicke, tut das nichts! Ich würde erwarten, dass die Ausgabe ungefähr so aussieht:
%Vor%Hier ist ein anderes Beispiel. Ich habe "Zeilen nahe 80 Zeichen umbrechen" ausgewählt.
%Vor%Die Ausgabe davon ist unten. Beachten Sie, dass kein Umbruch stattfindet.
%Vor% Warum ist <span> , <div> und vorzugsweise <input> nicht auf separaten Zeilen? Und warum ist die Eröffnung < in einer separaten Zeile? Ich habe so etwas erwartet:
Gibt es einige Parameter, die ich erfüllen muss, damit dies funktioniert? Ich habe mir die Dokumentation dafür angesehen, komme aber leer aus.
Das erste Beispiel, das Sie aufgelistet haben
<div id="hlogo">
<a href="/">Stack Overflow</a>ABC</div>
Funktioniert nicht richtig, weil die Schrägstriche um das ABC bewirken, dass es als regulärer Ausdruck verschönert wird.
Im Wrapping-Beispiel denke ich, dass es ein Problem gibt, weil Sie ein Apostroph in dem Wort "Ich bin" haben. Ich nahm es heraus und verschönerte danach ein bisschen herum. Hast du jemals versucht, es nachzuerzählen? Es ist kostenlos und hat einen schöneren Knopf und ich habe festgestellt, dass es wirklich gut funktioniert.
Tags und Links javascript js-beautify