Czym jest edytor WYSIWYG?

WYSIWYG to skrót od angielskiego „What You See Is What You Get” („To, co widzisz, jest tym, co otrzymasz”). Jest to rodzaj edytora, który pozwala wizualnie formatować tekst — kliknięcie opcji pogrubienia natychmiast pogrubia tekst, zamiast wymagać wpisywania znaczników, takich jak **bold** lub <strong>. Właśnie w ten sposób większość edytorów tekstu, klientów poczty e-mail i systemów zarządzania treścią umożliwia tworzenie sformatowanych treści bez znajomości HTML.

Opis narzędzia

Edytor WYSIWYG to edytor tekstu sformatowanego zbudowany za pomocą Tiptap, który działa w całości w przeglądarce. Formatuj tekst za pomocą znajomego paska narzędzi — nagłówków, pogrubienia, kursywy, podkreślenia, list, cytatów blokowych, bloków kodu, linków i wyrównania tekstu — i obserwuj rezultat dokładnie w trakcie pisania, ponieważ sam edytor pełni funkcję podglądu. W dowolnym momencie przełącz się na kartę źródła HTML, aby wyświetlić, edytować, skopiować lub pobrać wygenerowane znaczniki i wykorzystać je w dowolnym miejscu: we wpisie na blogu, szablonie wiadomości e-mail, systemie CMS lub własnej aplikacji.

Funkcje

  • Pasek narzędzi do formatowania tekstu sformatowanego — nagłówki (H1–H3), pogrubienie, kursywa, podkreślenie, przekreślenie, kod w tekście i czyszczenie formatowania
  • Listy i struktura — listy punktowane, listy numerowane, cytaty blokowe, bloki kodu i linie poziome
  • Wyrównanie tekstu — akapity wyrównane do lewej, wyśrodkowane, wyrównane do prawej i wyjustowane
  • Edycja linków — wstawiaj, aktualizuj i usuwaj linki bez opuszczania edytora
  • Karta źródła HTML — przełącz się na widok surowego HTML, aby wyświetlić, edytować, skopiować lub pobrać znaczniki
  • Synchronizacja dwukierunkowa — edytuj HTML bezpośrednio i przełącz się z powrotem, aby zobaczyć wyrenderowany tekst w edytorze
  • Licznik słów i znaków — śledź długość treści podczas pisania
  • Cofanie i ponawianie — pełna historia edycji dostępna za pomocą jednego kliknięcia
  • Obsługa jasnego i ciemnego motywu — automatycznie dopasowuje się do motywu witryny