Drupal CKEditor - jak wygląda edytor tekstu w Drupalu?
Drupal to CMS, który bardzo usprawnia prowadzenie działań z zakresu content marketingu. To zasługa między innymi dostępnego w nim narzędzia, jakim jest Drupal CKEditor. Czym jest edytor tekstu i jakie funkcje oferuje? Tego dowiesz się z poniższego artykułu.

CKEditor w Drupalu – czym jest sam edytor?
CKEditor w Drupalu – czym jest sam edytor?
Za jego rozwój odpowiada CKSource, a samo narzędzie dostępne jest zarówno w wersji open source’owej, jak i komercyjnej, więc można je wdrożyć także poza środowiskiem Drupala. Z takiej możliwości korzystają zresztą dziesiątki globalnych marek, w tym Microsoft, IBM czy Siemens.
Natomiast w samym Drupalu CKEditor był obecny już od 2012 roku; początkowo jako zwykły moduł, później jako część core. Pod koniec 2022 r. domyślną wersją edytora stał się CKEditor 5 – przebudowany w zasadzie od zera w porównaniu z „czwórką”. Ma zupełnie nową architekturę, więcej możliwości customizacji i jeszcze bardziej intuicyjny interfejs. Pełną dokumentację „piątki” jako modułu Drupala znajdziesz na oficjalnej stronie CMSa.
CKEditor to wbudowany w core Drupala edytor treści, który pozwala tworzyć i formatować content na stronie bez znajomości HTML czy CSS. Działa więc podobnie jak klasyczne edytory w stylu Worda i od lat jest podstawowym narzędziem pracy dla „nietechnicznych” redaktorów i marketerów. Oczywiście, doskonale znający architekturę Drupala administratorzy też znajdą w CKEditorze sporo możliwości.
Drupal CKEditor to WYSIWYG – czyli co dokładnie?
Drupal CKEditor to WYSIWYG – czyli co dokładnie?
WYSIWYG to skrótowiec od „what you see is what you get”. WYSIWYG to narzędzie edycji treści, w której tekst oraz zawartość graficzna są widoczne dla użytkownika od razu w takiej formie, w jakiej będą się docelowo prezentować. Przykładem edytora WYSIWYG jest choćby Word, ponieważ wpisywany w nim tekst od razu wygląda tak, jak będzie prezentował się na kartce.
Edytor tekstu Drupala to także WYSIWYG, jednak dotyczy on już stron internetowych. Oznacza to, że nie potrzebujesz zaawansowanych umiejętności kodowania, aby tworzyć i edytować content tak, jak chcesz. Co więcej, w samym edytorze od razu widzisz treści w takiej formie, w jakiej będą widoczne na stronie internetowej.
Drupal CKEditor – dlaczego powinieneś wykorzystywać jego możliwości?
Drupal CKEditor – dlaczego powinieneś wykorzystywać jego możliwości?
Dlaczego spośród wielu dostępnych opcji twórcy Drupala wdrożyli do core CMSa właśnie CKEditor? Powodów jest kilka.
- Nowoczesny interfejs – przystępny nawet dla redaktorów, którzy mają doświadczenie głównie z Wordem;
- Duże możliwości obsługi mediów – bezpośrednio z poziomu CKEdtiora można łatwo wstawiać i edytować grafiki, linki, tabele czy inne pliki multimedialne;
- Ogromna elastyczność – pasek narzędzi można skonfigurować praktycznie od zera pod własne potrzeby. Do dyspozycji jest ponad 300 funkcji, które można w każdej chwili włączać i wyłączać. Sam CKEditor bez problemów współpracuje z innymi modułami Drupala;
- Stabilność – twórcy rozwijają CKEditor już od kilkunastu lat i stale otrzymuje aktualizacje; to też powód, dla którego decyduje się na niego tak wiele dużych firm;
- Gotowość na przyszłość – edytor powinien nadążać za standardami przeglądarek przez długie lata. „Czwórka” sprawdzała się w Drupalu przez dekadę, więc w przypadku „piątki” – przebudowanej zgodnie z najnowszymi standardami JavaScript – może być podobnie.
Innymi słowy, CKEditor idealnie wpisuje się w filozofię Drupala: jest bardzo elastyczny, oferuje wszystkie opcje, których potrzebujesz (i więcej), ale pozostaje przystępny dla użytkownika z zewnątrz.
Na co dzień pracujemy z wieloma portalami i serwisami firmowymi. Widzimy, że wdrożenie CKEditor 5 to znaczne usprawnienie publikacji wpisów. Redaktorzy mogą bez przeszkód skupić się na tym, co najważniejsze w contencie – tworzeniu wartościowych, angażujących treści. Nie naruszają przy tym spójności wizualnej całego serwisu. To fundamentalna zmiana, która przekłada się na profesjonalny wygląd wpisów i większe zaufanie użytkowników.
Edytor tekstu w Drupalu – najważniejsze cechy
Edytor tekstu w Drupalu – najważniejsze cechy
Jeśli zaś chodzi o to, jak w praktyce wygląda praca z CKEditorem: podstawowe funkcje edycji treści dostępne są od startu, w narzędziu wbudowanym w core CMSa. Oprócz tego w bibliotece Drupala dostępny jest CKEditor 5 Plugin Pack – zestaw kolejnych funkcji, o które możesz rozbudować edytor, w 100% za darmo. Jeśli chcesz mieć pełną kontrolę nad swoimi contentem, wręcz trzeba go pobrać. I już w takim wariancie otrzymujesz całkiem rozbudowany zestaw narzędzi:
- formatowanie tekstu – wszystko, co potrzebne do pracy z treścią: nagłówki H2-H6, pogrubienia, kursywy, cytaty, listy wielopoziomowe, linie podziału i wyrównania;
- tabele, z pełną edycją komórek, łączeniem i dzieleniem pól, stylizowaniem i formatowaniem układu;
- odnośniki wewnętrzne i zewnętrzne, także w pełni edytowalne;
- możliwość osadzania zdjęć i filmów w treści, z pełnym formatowaniem oraz integracją z biblioteką mediów Drupala;
- licznik słów i znaków;
- pełna historia zmian;
- tryb pełnoekranowy do pracy bez „rozpraszaczy”.
To jednak nie wszystko. Reszta narzędzi dostępna jest w module CKEditor 5 Premium Features, który wymaga już opłacenia wersji komercyjnej. Jeżeli codziennie pracujesz z contentem, zwłaszcza w większym zespole – warto zainwestować w tę opcję, ponieważ wtedy otrzymujesz m.in.:

- niezbędne narzędzia do pracy w grupie – z komentarzami, śledzeniem zmian, systemem powiadomień zintegrowanym ze Slackiem czy Teamsami oraz, oczywiście, możliwością równoległej pracy w jednym dokumencie;
- opcje importu/eksportu z Worda, Google Docs czy plików PDF z zachowaniem wszystkich przypisów, komentarzy oraz formatowania treści;
- pełny dostęp do WProofreader, czyli zaawansowanego narzędzia do redakcji i korekty tekstu;
- asystenta AI, który pomoże Ci w edycji contentu, naniesie poprawki stylistyczne albo zajmie się tłumaczeniem.
Porównanie: CKEditor 4 (Drupal 8) vs CKEditor 5 (Drupal 10)
Porównanie: CKEditor 4 (Drupal 8) vs CKEditor 5 (Drupal 10)
A jak wygląda CKEditor 5 na tle „czwórki” i gdzie są największe różnice między obiema wersjami?
CKEditor 4 (w Drupal 8) | CKEditor 5 (w Drupal 10) | |
---|---|---|
Architektura | Klasyczny edytor ładowany w <iframe>, z ograniczonymi możliwościami rozwoju. | Nowoczesna architektura oparta na JavaScript/TypeScript, bez <iframe>. |
Pasek narzędzi | Statyczny toolbar, nie tak łatwy w customizacji. | Elastyczny pasek narzędzi – układ można budować metodą drag & drop i dostosować do ról użytkowników. |
Dostępne wtyczki | Pokaźna lista pluginów, ale ich rozwój zatrzymał się wraz z końcem wsparcia „czwórki”. | Dynamiczny, modułowy ekosystem pluginów, aktywnie rozwijany, ze wsparciem dla funkcji darmowych i premium. |
Dodawanie stylów | Spore możliwości tworzenia własnych stylów, ale nieco trudniejsze do zastosowania w treści - tylko z prostej listy rozwijanej. | Możliwość tworzenia predefiniowanych stylów dla tekstu i bloków treści, które potem można łatwo stosować w obrębie całej strony; jest także opcja podglądu w edytorze. |
Obsługa obrazów | Głównie przez moduł IMCE, z bardziej ograniczonymi opcjami edycji. | Pełna integracja z biblioteką mediów Drupala. |
Podsumowanie: CKEditor 5 to nowa jakość pracy z treścią w Drupalu
Podsumowanie: CKEditor 5 to nowa jakość pracy z treścią w Drupalu
CKEditor 5 wniósł bardzo dużo do środowiska Drupala. To nadal bardzo intuicyjny, przystępny edytor i dla redaktorów, i dla administratorów stron… ale z większymi możliwościami formatowania treści oraz customizacji samego narzędzia. A dzięki odświeżonej od A do Z architekturze, powinien zadomowić się w core Drupala na długie lata i – tak jak „czwórka” – tylko rozwijać się o kolejne funkcje.