Create Pages using Gutenberg (WordPress Editor) in Drupal 8

Apr 04, 2019

Gutenberg is the new editor for WordPress 5.0. It's a new style of editor/page builder. Instead of writing text in a single text area, you build a page using blocks. A block could be something simple such as a paragraph or an image. Or more complex blocks like a "Media & Text" or adding in columns.

The editor itself is written in Javascript, more specifically React. This is what makes it possible to be used in Drupal. But I'm sure extra works was required to get it working in Drupal.

In this tutorial, you'll learn to install and configure the Gutenberg module, and you'll learn how to use it on the Page content type.

✅ Read full tutorial:

📽 Sections:

1. Download and Install Gutenberg (01:15)
2. Configure Gutenberg on Page content type (02:01)
3. How to use Gutenberg editor (03:21)
4. Upload images into Gutenberg (06:55)
5. Create reuseable blocks (11:02)
6. Use Gutenberg Cloud (15:42)
7. Learn how the Gutenberg data is stored in Drupal (20:31)

- Gutenberg Module (
- Gutenberg Cloud (

👥 Connect with us

#drupal #gutenberg

Hi! I'm Karim Boudjema, the developer and site-builder of this site. I'm currently working as a freelance Drupal developer.

I was wondering how could I giving back to the Drupal community all what it gave to me during the last 10 years, that's how the idea of this site came to me ... (read more)

Hi! I’m Santiago Rico, the web designer and themer of this site.

When Karim proposed me to design and theme this site for the Drupal community, I accepted immediately because the community is the main reason why I love Drupal so much.