Przejdź do treści
Podobają Ci się nasze treści?
Sięgnij po unikalną wiedzę prosto od developerów i marketingowców. Zapisz się do newslettera.
CAPTCHA
Dziękujemy za zapisanie się do newslettera!
Aby otrzymywać najświeższe, branżowe informacje, potwierdź subskrypcję w mailu, który od nas dostałeś.
PS. Nawet tak ważne wiadomości lubią czasem pomylić folder, dlatego upewnij się, że mail nie trafił do SPAMU
Otwórz swoją skrzynkę e-mail

Drupal CKEditor - jak wygląda edytor tekstu w Drupalu?

Kategoria: 
Data aktualizacji: 
Czas czytania
: 6 min

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.

Drupal CKEditor do redakcji treści

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?

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?

Dlaczego spośród wielu dostępnych opcji twórcy Drupala wdrożyli do core CMSa właśnie CKEditor? Powodów jest kilka.

  1. Nowoczesny interfejs – przystępny nawet dla redaktorów, którzy mają doświadczenie głównie z Wordem;
  2. 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;
  3. 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;
  4. 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;
  5. 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.

Kewin Nammert

Drupal Developer

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

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.:

CKEditor Premium Features - możliwości
  • 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)

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)
ArchitekturaKlasyczny edytor ładowany w <iframe>, z ograniczonymi możliwościami rozwoju.Nowoczesna architektura oparta na JavaScript/TypeScript, bez <iframe>.
Pasek narzędziStatyczny 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 wtyczkiPokaź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ówSpore 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ówGłó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

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.

Zapisz się do darmowego newslettera

Zdobywaj wartościową wiedzę z obszaru technologii i marketingu

CAPTCHA
Oceń wpis
0
Mamy więcej darmowych treści. Nie rezygnuj z nich!
Technologie, SEO, marketing - newsletter z poradami, które od razu możesz wdrożyć! Prosto na Twoją skrzynkę. Za darmo i bez spam
CAPTCHA