# Wat is een CSS Inliner en waarom heeft u die nodig?
Bij het ontwikkelen van moderne webapplicaties zijn we gewend om verantwoordelijkheden te scheiden: HTML bouwt de structuur, een extern CSS-bestand verzorgt alle visuele opmaak. Niet alle omgevingen vertrouwen echter op externe stylesheets of globale<style>-tags.Het meest voorkomende en strenge geval waarbij externe CSS tekortschiet, is de ontwikkeling van emailsjablonen. In deze omgevingen is de enige betrouwbare manier om een lettertype, kleur of marge correct weer te geven, het rechtstreeks in de tag insluiten: <span style="color: red;">.# Het CSS-probleem in e-mailclients
E-mailclients zoals Microsoft Outlook, Apple Mail of Gmail staan bekend om hun restrictieve CSS-rendermachines. De meeste filteren of verwijderen<link>- of <style>-tags uit angst voor code-injecties die de leesinterface kunnen verstoren. Voor nieuwsbrieven of transactionele emails (kassabonnen, accountbevestigingen) geldt het gebruik van tabellen en inline CSS als de gouden standaard in de e-mailmarketingbranche.
# Hoe dit gereedschap werkt in uw browser
- Veilig parseren: Gebruikt de
DOMParser APIom de ingevoerde HTML tijdelijk te transformeren naar een veilige virtuele DOM binnen uw browser. - Cascadesimulatie: Analyseert uw CSS-regels, past specificiteitsgewichten toe op selectors en schrijft de
style-attributen van de geselecteerde HTML-elementen bij door de code in te injecteren. - 100% offline: Geen enkele byte van uw code verlaat uw apparaat. Volledige privacy voor sjablonen met gevoelige inhoud.