Nodea — logo

WYSIWYG

WYSIWYG to skrót od angielskiego What You See Is What You Get — „to, co widzisz, jest tym, co otrzymasz”. Określa typ edytora, w którym treść podczas redagowania wygląda dokładnie tak, jak po opublikowaniu: pogrubienia, nagłówki, listy, obrazy i tabele widać na bieżąco, bez konieczności ręcznego pisania znaczników HTML.

Jak działa edytor WYSIWYG

W tle edytor WYSIWYG generuje kod HTML odpowiadający formatowaniu, które użytkownik nadaje wizualnie. Kliknięcie przycisku „pogrubienie” dodaje odpowiedni znacznik, wstawienie obrazu tworzy element grafiki, a style wynikają z reguł CSS zdefiniowanych dla strony. Dzięki temu osoba nietechniczna tworzy poprawnie sformatowaną treść, nie widząc ani nie znając kodu źródłowego.

Zalety i ograniczenia

Największą zaletą edytorów WYSIWYG jest dostępność: pozwalają redagować treści bez wiedzy programistycznej, dlatego są standardem w systemach CMS, takich jak WordPress, oraz w narzędziach do mailingu i budowy stron. Wadą bywa jakość generowanego kodu — wygodne edytory potrafią dodawać nadmiarowe lub niesemantyczne znaczniki, co utrudnia utrzymanie i może wpływać na SEO oraz dostępność. Dlatego wiele edytorów oferuje przełączenie do widoku źródła, w którym można ręcznie oczyścić kod. Nowoczesne edytory blokowe łączą wygodę podejścia WYSIWYG z bardziej uporządkowaną strukturą treści, ograniczając typowe problemy klasycznych rozwiązań tego typu. Dla osób publikujących treści oznacza to wygodę, a dla zespołu technicznego — potrzebę doboru edytora, który godzi łatwość obsługi z jakością generowanego kodu.

Powiązane pojęcia

Najczęstsze pytania

Czy edytor WYSIWYG generuje czysty kod?

Nie zawsze. Wygodne edytory bywają skłonne do dodawania nadmiarowego kodu HTML, dlatego przy wymaganiach dotyczących jakości i SEO warto co jakiś czas zaglądać do widoku źródła i porządkować znaczniki.