CSS-inliner online

Hvad gør værktøjet?

CSS-inlineren hjælper dig med at gøre din HTML mere kompatibel med e-mailklienter, der har begrænset understøttelse af style-elementer. Værktøjet tager den HTML, du indsætter, og flytter CSS-deklarationer fra style-elementer ind i hvert elements style-attribut.

Eksempel

Indsæt for eksempel:

<style>p{color:red}</style><p>Hej</p>

Efter konvertering modtager afsnittet en inline farvedeklaration, så det ser sådan ud:

<p style="color: red;">Hej</p>

Hvis du har valgt at fjerne style-elementer, fjernes de fra outputtet, og resultatet serialiseres som et komplet dokument med doctype.

Indstillinger og begrænsninger

Værktøjet har to tekstfelter (HTML og ekstra CSS) og et afkrydsningsfelt til at fjerne style-elementer. Hvert felt er begrænset til 500.000 tegn. Konverteringen er letvægt og understøtter ikke fuld CSS-cascade, specificitet, media queries, keyframes, pseudo-elementer, nøstet CSS, eksterne stylesheets eller beregnede stilarter. Ugyldige selektorer springes over. Bemærk, at browseren kan normalisere HTML under parsing.

Ofte stillede spørgsmål

Hvordan håndteres ugyldige CSS-selektorer?

Ugyldige selektorer springes simpelthen over. De påvirker ikke resten af konverteringen.

Kan værktøjet hente eksterne stylesheets?

Nej. Konverteringen kører lokalt og indlæser ikke eksterne stylesheets eller eksterne aktiver. Du skal selv indsætte al CSS, du vil have inkluderet.

Er outputtet garanteret at se ens ud i alle e-mailklienter?

Nej. Værktøjet er ikke en garanti for, at det visuelle udseende er uændret. Det er ikke en sanitizer eller kompatibilitetstester. Du bør altid inspicere outputtet i din måls e-mailklient eller browser.

Husk

• Konverteringen kører lokalt; ingen data sendes til serveren.
• Outputtet er kun tekst, som du kan kopiere.
• Værktøjet understøtter ikke pseudo-elementer eller media queries.