首先看一下 Drupal 8 的 Gutenberg 內容編輯器的現場演示

已發表: 2018-08-08

Drupal Europe 剛剛宣布了即將於 9 月 10 日至 14 日在德國達姆施塔特舉行的活動的計劃。 會議將舉辦 1,600 多名 Drupal 專業人士和愛好者參加 162 小時的會議和 9 場深度研討會。

Automattic 正在讚助 Open Web Lounge 網絡空間,Matt Mullenweg 將與 Dries Buytaert 和 Barb Palser 一起討論開放網絡和開源的未來。

關於該程序的一個有趣的 WordPress 相關會議名為介紹 Drupal 8 的 Gutenberg 內容編輯器。這個新模塊將 WordPress 的 Gutenberg 編輯器移植到 Drupal。 它由 Per Andre Rnsen 和他的團隊 Frontkom 創建,Frontkom 是一家位於挪威的數字服務機構。

Drupal Gutenberg 項目旨在提供基於 WordPress 的 Gutenberg 編輯器的新發布體驗。 該站點上的現場演示目前在 Drupal 中提供了 Gutenberg 的前端交互實現,類似於 wordpress.org/gutenberg 上的 WordPress 的“Frontenberg”演示。 該模塊的最新實現將出現在那裡,但 Rnsen 表示目前正在對其進行修改,因為過去幾週古騰堡發生了很多事情。

Drupal Gutenberg 項目是如何誕生的

Rnsen 告訴我們,他第一次見到古騰堡是在 2017 年,並受到啟發將其用於 Frontkom 的一位媒體客戶。

“分叉的想法出現在 2017 年中期,當時我們正在探索使用 Gutenberg 作為庫來製作由谷歌數字新聞倡議贊助的首頁構建器,”Rnsen 說。 “我們最終使用了它,而 Drupal 模塊是自然衍生出來的。”

Frontkom 為媒體行業量身定制了基於古騰堡的頁面構建器。 它為 Gutenberg 添加了額外的功能,允許用戶為在線報紙的首頁定位和調整文章。 Rnsen 表示該項目進展順利,他的團隊計劃將其開源,但現在分享任何內容還為時過早。

在為客戶使用 Gutenberg 的成功經驗之後,Frontkom 於 2018 年 1 月上旬開始了 Drupal Gutenberg 項目的工作。

“這項工作的主要部分是讓古騰堡更加與 CMS 無關,”Rnsen 說。 “首先,我們將它分叉並維護一個分叉。 後來我們開始使用 Gutenberg 作為依賴項,測試一種更易於維護的方法。”

Rnsen 在 GitHub 上開了一張票,要求 Gutenberg 團隊考慮將項目構建為更多地與 CMS 無關。 這張票很快就被關閉了,並解釋說它“與項目正在進行的工作及其目標沒有直接關係”。

“到目前為止,我們幾乎沒有(如果有的話)上游承諾,因為到目前為止 WP 的核心興趣一直是滿足 WP 的需求,”Rnsen 說。 “但這只是改變了。”

Gutenberg 正朝著使其在 WordPress 之外更易於使用的方向發展。 該團隊正在努力將所有 React 模塊發佈為 npm 包。 Rnsen 表示,他預計減少使 Gutenberg 工作所需的全局變量數量將對其他 CMS 有巨大幫助。

到目前為止,Drupal Gutenberg 項目還沒有被廣泛分享,但 Rnsen 說他的團隊已經看到 Drupal 技術社區的很多興趣。

“我們有一篇更詳細的英文博文; 我們把它留到了假期後,”Rnsen 說。 “但後來它爆炸了,開發人員不斷聯繫我們希望提供幫助。”

Frontkom 參與 Drupal 社區已有 10 多年,過去三年參與 WordPress。 Rnsen 和他的團隊認為 Gutenberg 填補了 Drupal 領域的空白。

“Drupal 沒有那些花哨的 WordPress 頁面構建器,”他說。 “所以這真的比一個新的後期編輯 UI 更有趣——我們想要一種統一的方式來構建複雜的佈局。”

Drupal 已經提出了使用 React 改進其管理 UI 的計劃,Rnsen 說他認為 Gutenberg 可能會有助於如何在 Drupal 核心中實現這一點。 在理想的世界中,許多開源項目都可以從與 CMS 無關的 Gutenberg 中受益匪淺,所有這些項目都為改進它做出了貢獻。

“對於我們公司來說,構建可以在 CMS 之間輕鬆移動的前端非常有趣,”Rnsen 說。 “總的來說,對於開源 CMS,我認為從實施過程中可以學到很多東西。 例如,D8 有“一切都是塊”的概念。 這使我們可以輕鬆地在 Gutenberg 中提供 Drupal 核心塊——我們只需要做一些魔術來公開塊設置。”

Frontkom 團隊不僅是 Gutenberg 界面的狂熱粉絲,而且非常欣賞該項目的運行方式。 Rnsen 並未關注社區對最新一輪 Gutenberg 測試的反應,但表示他認為 WordPress 用戶會長期喜歡它,因為“大多數頁面構建器都存在問題”。

“Drupal 可以從 WordPress 中學到很多東西,就像他們實際構建 Gutenberg 項目的方式一樣——透明的設計過程、大量的協作,而且仍然非常高效,”Rnsen 說。 “因此,在管理 UI/JS 工作方面,WordPress 絕對領先於 Drupal。 由於 Drupal 社區已經對做類似的事情產生了很大的興趣,看到有人經歷它並取得成功(希望如此)是非常令人耳目一新的。”

Pantheon 的首席開發倡導者 Steve Persch 在 2018 年納什維爾的 DrupalCon 上談到了 WordPress 5.0 的可能性,並在 Twin Cities Drupal Camp 上發表了題為“一切都是塊:WordPress 如何重寫所見即所得”的會議。 在回應 Twitter 上關於 Drupal Gutenberg 會議的嗡嗡聲時,Persch 表示 Drupal 需要編輯用戶體驗改進以保持競爭力,但不一定通過採用 Gutenberg。

“我們正在為此採取措施,”Persch 說。 “古騰堡本身可能會分散人們對這項工作的注意力。 在兩個 [演示文稿] 中,我還提到 Paragraphs 或 Layout Builder 可能是類似 Gutenberg 功能的更好的數據模型起點。 提供與 WordPress 完全相同的東西會弄巧成拙。 結構化內容是 Drupal 的核心。 我將 Gutenberg(或類似的東西)視為 Drupal 網站多年來一直擁有的數據模型角落(段落部分)的更好 UI。”

看看不同的開源社區如何接近古騰堡,以及來自 WordPress 之外的更多樣化的反饋如何影響項目將會很有趣。

Drupal Gutenberg 模塊可以從項目頁面下載。 它目前被標記為實驗模塊,建議僅供開發人員使用。 該項目的現場演示將很快進行修改,以反映 Gutenberg 的最新更新。 您也可以在 GitHub 上關注項目的發展。