HTML-Templates von Lightning Web Components (LWC) für Salesforce formatieren.
Tool wird geladen ...
So verwenden Sie LWC Formatter
Fügen Sie Ihren Code ein. Die Formatierungs-Engine wird beim ersten Mal kurz geladen.
Passen Sie bei Bedarf die Optionen an.
Kopieren Sie das formatierte Ergebnis.
Über LWC Formatter
LWC-Templates sehen aus wie HTML, aber ihre Bindings werden ohne Anführungszeichen geschrieben: {value} statt "{{value}}". Ein generischer HTML-Formatierer fügt dort womöglich Anführungszeichen hinzu und macht die Komponente kaputt. Dieser hier kennt die LWC-Regeln und lässt Bindings, wie sie sein sollen.
Direktiven wie for:each und if:true bleiben, wie geschrieben.
Häufig gestellte Fragen
Warum nicht den HTML-Formatierer verwenden?
Er würde Bindings ohne Anführungszeichen als ungültiges HTML behandeln und könnte Anführungszeichen darum setzen. Dieser hier parst das Template als LWC.
Formatiert es die JavaScript-Datei?
Nein, nur das Template. Verwenden Sie für den JS-Teil der Komponente den Babel Formatter.
Gehört es zu Salesforce?
Nein. LWC ist ein Salesforce-Framework, und dieses Tool formatiert lediglich dessen Template-Syntax.
Warum hat der erste Durchlauf eine Sekunde gedauert?
Die Formatierungs-Engine für diese Sprache wird beim ersten Gebrauch heruntergeladen und dann von Ihrem Browser zwischengespeichert. Danach erfolgt die Formatierung sofort, und nichts verlässt Ihren Rechner.