Inliner CSS online
Wklej HTML ze stylami, opcjonalnie dodaj CSS, a narzędzie zamieni deklaracje na atrybuty inline. Idealne do e-maili. Przetwarzanie odbywa się lokalnie w prze…
Rozpocznij
Jak działa Inliner CSS online?
Narzędzie to rozwiązuje typowy problem: podczas tworzenia wiadomości e-mail wiele klientów pocztowych nie obsługuje stylów w sekcji <head>. Inliner CSS online przenosi deklaracje stylów bezpośrednio do atrybutów style każdego elementu, co zwiększa kompatybilność.
Przykład działania
Dla kodu wejściowego:
<style>p{color:red}</style><p>Hello</p>narzędzie doda do akapitu atrybut style="color:red". Jeśli zaznaczono opcję usuwania stylów, znacznik <style> zostanie usunięty, a wynik będzie pełnym dokumentem z doctype.
Ograniczenia i wskazówki
- Narzędzie działa lokalnie w przeglądarce i nie ładuje zewnętrznych arkuszy stylów ani zasobów.
- Nie jest to pełna implementacja kaskady CSS – nie obsługuje specyficzności, zapytań o media, klatek kluczowych, pseudoelementów ani zagnieżdżonego CSS.
- Nieprawidłowe selektory są pomijane.
- Przeglądarka może znormalizować HTML podczas parsowania, co może wpłynąć na wynik.
- Narzędzie nie jest sanitizerem ani testerem kompatybilności – zawsze sprawdzaj wynik w docelowym kliencie poczty.
Najczęstsze pytania
1. Czy narzędzie obsługuje zewnętrzne arkusze stylów?
Nie, narzędzie nie ładuje zewnętrznych plików CSS. Możesz jednak wkleić dodatkowy CSS w drugim polu, aby ręcznie dołączyć potrzebne style.
2. Co się stanie, jeśli mój selektor jest nieprawidłowy?
Nieprawidłowe selektory są pomijane – nie spowodują błędu, ale ich deklaracje nie zostaną zastosowane.
3. Czy mogę używać tego narzędzia do produkcyjnych wiadomości e-mail?
Tak, ale pamiętaj, że wynik może nie być w pełni zgodny z kaskadą CSS. Zalecamy testowanie w docelowych klientach pocztowych, ponieważ narzędzie nie gwarantuje identycznego wyglądu.
Przetwarzanie odbywa się lokalnie w przeglądarce.