Онлајн инлајнер CSS-а

Шта ради овај алат?

Алат узима HTML који може да садржи <style> елементе и примењује декларације директно на сваки елемент као инлајн стил. На пример, за улаз <style>p{color:red}</style><p>Здраво</p>, пасус ће добити инлајн декларацију боје. Ако је укључено уклањање стилова, сви <style> елементи се уклањају и резултат се серијализује као комплетан документ са doctype-ом.

Како функционише обрада?

Прегледач парсира HTML у документ, спаја текст свих <style> елемената и додатни CSS, проналази једноставне селекторе помоћу обрасца са заградама и примењује одговарајуће декларације на сваки елемент. Неважећи селектори се прескачу. Конверзија је лагана и не имплементира пун CSS каскадни редослед, специфичност, медијске упите, кључне кадрове, псеудо-елементе, угнежђени CSS, спољашње повезане стилове или израчунате стилове. Прегледач може нормализовати HTML током парсирања.

Ограничења и приватност

Конверзија се извршава локално и не учитава спољашње стилове или удаљене ресурсе. Проверите излаз у циљном имејл клијенту или прегледачу; алат није санитизер, тестер компатибилности нити гаранција да ће визуелни приказ остати непромењен. Свако поље је ограничено на 500.000 знакова.

Честа питања

Да ли алат подржава медијске упите или псеудо-елементе?

Не. Ова лагана конверзија не обрађује медијске упите, псеудо-елементе, угнежђени CSS или спољашње стилове. Такви селектори се прескачу или се не примењују.

Шта се дешава са неважећим селекторима?

Неважећи селектори се једноставно прескачу, а остатак обраде се наставља нормално.

Да ли је резултат сигуран за слање у имејлу?

Алат није санитизер нити гаранција компатибилности. Увек тестирајте излаз у циљном имејл клијенту или прегледачу.

Контролна листа

• Уметните HTML са style елементима.
• Додајте опциони CSS извор.
• Проверите подразумевано уклањање style елемената.
• Покрените конверзију.
• Прегледајте и копирајте резултат.