Pierwsze spojrzenie na demo na żywo edytora treści Gutenberga dla Drupala 8

Drupal Europe właśnie ogłosił swój program na nadchodzące wydarzenie w Darmstadt w Niemczech, 10-14 września. Konferencja będzie gościć ponad 1600 profesjonalistów i entuzjastów Drupala podczas 162 godzin sesji i 9 pogłębionych warsztatów.

Automattic sponsoruje przestrzeń sieciową Open Web Lounge, a Matt Mullenweg dołączy do Dries Buytaert i Barb Palser w panelu omawiającym przyszłość otwartej sieci i open source.

Jedna z interesujących sesji programu związanych z WordPressem nosi tytuł Wprowadzenie do edytora treści Gutenberga dla Drupala 8. Ten nowy moduł przenosi edytor Gutenberga WordPressa do Drupala. Został stworzony przez Pera Andre Rnsena i jego zespół Frontkom, agencję usług cyfrowych z siedzibą w Norwegii.

Projekt Drupal Gutenberg ma na celu zapewnienie nowego doświadczenia wydawniczego opartego na edytorze WordPress Gutenberg. Demo na żywo w witrynie zapewnia obecnie interaktywną implementację frontendową Gutenberga w Drupalu, podobnie jak demo WordPress „Frontenberg” na wordpress.org/gutenberg. Pojawi się tam najnowsza implementacja modułu, ale Rnsen powiedział, że jest obecnie aktualizowana, ponieważ wiele rzeczy wydarzyło się z Gutenbergiem w ciągu ostatnich kilku tygodni.

Jak narodził się projekt Drupal Gutenberg

Rnsen powiedział nam, że po raz pierwszy zobaczył Gutenberga w 2017 roku i zainspirował go do użycia go dla jednego z klientów medialnych Frontkomu.

„Myśl o rozwidleniu tego pojawiła się w połowie 2017 roku, gdy badaliśmy wykorzystanie Gutenberga jako biblioteki do tworzenia kreatora stron głównych sponsorowanego przez inicjatywę Google Digital News” – powiedział Rnsen. „Skończyło się na tym, że go wykorzystaliśmy, a moduł Drupal jest naturalnym spin-offem”.

Frontkom dostosował oparty na Gutenbergu program do tworzenia stron dla branży medialnej. Dodaje dodatkową funkcjonalność do Gutenberga, która pozwala użytkownikom pozycjonować i dostosowywać artykuły na pierwszą stronę gazety internetowej. Rnsen powiedział, że projekt przebiegł pomyślnie, a jego zespół planuje go otworzyć, ale jest za wcześnie, aby teraz dzielić się czymkolwiek.

Po tym udanym doświadczeniu z wykorzystaniem Gutenberga dla klienta, Frontkom rozpoczął pracę nad projektem Drupal Gutenberg na początku stycznia 2018 roku.

„Główną częścią pracy było uczynienie Gutenberga bardziej niezależnym od CMS” – powiedział Rnsen. „Najpierw rozwidliliśmy go i utrzymywaliśmy widelec. Później zaczęliśmy używać Gutenberga jako zależności, testując bardziej łatwe w utrzymaniu podejście”.

Rnsen otworzył zgłoszenie na GitHub, prosząc, aby zespół Gutenberga rozważył zorganizowanie projektu tak, aby był bardziej niezależny od CMS. Zgłoszenie zostało zamknięte dość szybko z wyjaśnieniem, że „nie odnosi się bezpośrednio do prac nad projektem i jego celów”.

„Do tej pory mamy bardzo mało, jeśli w ogóle, zatwierdzeń upstream, ponieważ głównym celem WP było do tej pory zaspokajanie potrzeb WP” – powiedział Rnsen. „Ale to się po prostu zmieniło”.

Gutenberg zmierza w kierunku ułatwienia korzystania poza WordPress. Zespół pracuje nad opublikowaniem wszystkich modułów React jako pakietów npm. Rnsen powiedział, że przewiduje, że zmniejszenie liczby globalnych potrzebnych do działania Gutenberga będzie ogromną pomocą dla innych systemów CMS.

Jak dotąd projekt Drupal Gutenberg nie był szeroko omawiany, ale Rnsen powiedział, że jego zespół spotkał się z dużym zainteresowaniem społeczności technologicznej Drupala.

„Mamy post na blogu w języku angielskim z bardziej szczegółowymi informacjami; w pewnym sensie zachowaliśmy to na wakacje po wakacjach” – powiedział Rnsen. „Ale potem wybuchło, a deweloperzy wciąż kontaktują się z nami, chcąc pomóc”.

Frontkom jest związany ze społecznością Drupal od ponad 10 lat, a WordPress od trzech lat. Rnsen i jego zespół uważają, że Gutenberg wypełnia lukę w przestrzeni Drupala.

„Drupal nie ma tych wszystkich wymyślnych kreatorów stron WordPress” – powiedział. „To jest naprawdę ciekawsze niż tylko nowy interfejs użytkownika po edycji — chcemy ujednoliconego sposobu budowania złożonych układów”.

Drupal ma już inicjatywę przeprojektowania interfejsu administratora za pomocą Reacta, a Rnsen powiedział, że uważa, że ​​Gutenberg może przyczynić się do tego, jak to się stanie w rdzeniu Drupala. W idealnym świecie wiele projektów open source może znacznie skorzystać z Gutenberga niezależnego od CMS, przy czym wszyscy razem przyczyniają się do jego ulepszenia.

„Dla nas jako firmy niezwykle interesujące jest budowanie frontendów, które można łatwo przenosić między systemami CMS” – powiedział Rnsen. „W przypadku systemów CMS typu open source sądzę, że proces wdrażania może się wiele nauczyć. Na przykład D8 ma koncepcję „wszystko jest blokiem”. Ułatwiło nam to udostępnienie podstawowych bloków Drupala w Gutenbergu – wystarczy zrobić trochę magii, aby odsłonić ustawienia bloków”.

Zespół Frontkom to nie tylko entuzjastyczni fani interfejsu Gutenberga, ale także doceniają sposób prowadzenia projektu. Rnsen nie śledził reakcji społeczności na ostatnią rundę testów Gutenberga, ale powiedział, że uważa, że ​​użytkownicy WordPressa pokochają to na dłuższą metę, ponieważ „większość kreatorów stron ma problemy”.

„Drupal może się wiele nauczyć od WordPressa, sposobu, w jaki faktycznie zbudowali projekt Gutenberg – przejrzysty proces projektowania, dużo współpracy i nadal bardzo wydajny” – powiedział Rnsen. „Tak więc WordPress zdecydowanie wyprzedza Drupala, jeśli chodzi o pracę administratora w zakresie interfejsu użytkownika/JS. Ponieważ społeczność Drupala jest już bardzo zainteresowana zrobieniem czegoś podobnego, to bardzo odświeżające, gdy ktoś przez to przechodzi i odnosi sukces (mam nadzieję).”

Steve Persch, główny adwokat deweloperów w Pantheon, mówił na DrupalCon w Nashville 2018 o tym, co jest możliwe dzięki WordPress 5.0, a także prowadził sesję na Twin Cities Drupal Camp zatytułowaną „Wszystko jest blokiem: jak WordPress przepisał WYSIWYG”. W odpowiedzi na szum na Twitterze dotyczący sesji Drupal Gutenberg, Persch powiedział, że Drupal potrzebuje redakcyjnej poprawy UX, aby zachować konkurencyjność, ale niekoniecznie poprzez przyjęcie Gutenberga.

„Mamy w tym celu w toku inicjatywy” — powiedział Persch. „Sam Gutenberg może odwrócić uwagę od tej pracy. W obu [prezentacjach] wspomniałem również, że akapity lub konstruktor układu mogą być lepszymi punktami wyjścia modelu danych dla funkcjonalności podobnej do Gutenberga. Dostarczenie dokładnie tego samego, co WordPress, byłoby samobójcze. Ustrukturyzowana treść to serce Drupala. Widzę Gutenberga (lub coś podobnego) jako lepszy interfejs użytkownika dla rogu modelu danych (część z akapitami), który strony Drupal mają od lat.”

Ciekawie będzie zobaczyć, jak różne społeczności open source podchodzą do Gutenberga i jak bardziej zróżnicowane opinie spoza WordPressa mogą wpłynąć na projekt.

Moduł Drupal Gutenberg można pobrać ze strony projektu. Obecnie jest oznaczony jako moduł eksperymentalny i jest zalecany wyłącznie do użytku programistów. Demo projektu na żywo zostanie wkrótce odświeżone, aby odzwierciedlić najnowsze aktualizacje Gutenberga. Możesz również śledzić rozwój projektu na GitHub.