Formatteer HTML-sjablonen van Lightning Web Components (LWC) voor Salesforce.
De tool wordt geladen...
Zo gebruik je LWC Formatter
Plak je code. De formatteerengine laadt de eerste keer in een oogwenk.
Pas de opties aan als dat nodig is.
Kopieer het geformatteerde resultaat.
Over LWC Formatter
LWC-sjablonen lijken op HTML, maar hun bindings worden zonder aanhalingstekens geschreven: {value} in plaats van "{{value}}". Een generieke HTML-formatter kan daar aanhalingstekens toevoegen en het component breken. Deze kent de LWC-regels en laat bindings zoals ze horen.
Directives zoals for:each en if:true blijven zoals geschreven.
Veelgestelde vragen
Waarom niet de HTML-formatter gebruiken?
Die zou bindings zonder aanhalingstekens als ongeldige HTML behandelen en er aanhalingstekens omheen kunnen zetten. Deze parset het sjabloon als LWC.
Formatteert het het JavaScript-bestand?
Nee, alleen het sjabloon. Gebruik de Babel Formatter voor het JS-deel van het component.
Is het gelieerd aan Salesforce?
Nee. LWC is een Salesforce-framework en deze tool formatteert simpelweg de sjabloonsyntaxis.
Waarom duurde de eerste keer een seconde?
De formatteerengine voor deze taal wordt gedownload wanneer je hem voor het eerst gebruikt en daarna door je browser in de cache bewaard. Daarna is formatteren direct en verlaat er niets je computer.