Jednolity styl CSS edytora CKEditor z motywem Drupal

Moduł CKEditor w CMS Drupal 7 jest bez wątpienia najczęściej używanym edytorem treści, zresztą tak samo jak w Drupal 8, w którym stał się domyślnym modułem zaimplementowanym w rdzeniu tego systemu.

Pole tego edytora, w którym dokonujemy edycji treści, standardowo korzysta ze stylu CSS, który jest integralną częścią tego modułu. Często jednak bywa, że styl ten jest mocno odmienny, od stylu CSS motywu, z którego aktualnie korzysta dana witryna. Może to utrudniać tworzenie/edycję wpisów, ponieważ dopiero po przełączeniu na podgląd wpisu, możemy zobaczyć jak będzie on wyglądał ostatecznie, gdy już opublikujemy do na witrynie.

Istnieje jednak prosty sposób, aby ujednolicić styl CSS motywu witryny, ze stylem edytora CKEditor. Dzięki temu zabiegowi już podczas tworzenia/edycji wpisu, będziemy mieli poglądowy obraz tego, jak będzie on ostatecznie wyglądał (spójne fonty, kolory itd.).

Poniżej szybkie solucje, które pozwolą skorzystać z opisanej wyżej możliwości, w obydwu wersjach sytemu Drupal.

DRUPAL 7

W siódemce postępujemy następująco:

1. W menu administracyjnym wybieramy Konfiguracja » Tworzenie zawartości » CKEditor (ścieżka: "/admin/config/content/ckeditor")
2. Wchodzimy w tryb edycji profilu, który będzie korzystał z ujednoliconego stylu.
3. Odnajdujemy i rozwijamy sekcję "CSS", a następnie z rozwijanego pola "CSS edytora" wybieramy "Użyj styl CSS"\
4. Zapisujemy i gotowe.

DRUPAL 8

Żeby skorzystać z tej możliwości wersji 8 tego CMS, należy:

1. Do pliku nazwamotywu.info.yml, będącego częścią składową motywu witryny, dodajemy wpis wskazujący na lokalizację pliku CSS z nowym stylem dla edytora.
   
   Przykładowy zapis:

   ckeditor_stylesheets:
     - css/edytor/edytor.css



2. We wskazanej w punkcie 1 lokalizacji, tworzymy plik edytor.css, w którym zamieszczamy preferowane przez nas wpisy, które zaczerpnąć możemy z pliku/plików CSS motywu.

W obydwu przypadkach, na koniec należy wyczyścić pamięć podręczną Drupala.