PHPackages                             reazzon/gutenberg - PHPackages - PHPackages  [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register)

1. [Directory](/)
2. /
3. [Templating & Views](/categories/templating)
4. /
5. reazzon/gutenberg

ActiveOctober-plugin[Templating & Views](/categories/templating)

reazzon/gutenberg
=================

Drag&Drop richeditor with blocks for October CMS backend forms.

1.4.0(4y ago)536.1k11[4 issues](https://github.com/FlusherDock1/Gutenberg/issues)[1 PRs](https://github.com/FlusherDock1/Gutenberg/pulls)MITJavaScript

Since Mar 17Pushed 2y ago9 watchersCompare

[ Source](https://github.com/FlusherDock1/Gutenberg)[ Packagist](https://packagist.org/packages/reazzon/gutenberg)[ RSS](/packages/reazzon-gutenberg/feed)WikiDiscussions master Synced 3d ago

READMEChangelog (2)Dependencies (1)Versions (4)Used By (0)

Gutenberg for OctoberCMS
========================

[](#gutenberg-for-octobercms)

**PLUGIN CURRENTLY IN BETA. AND IT WILL STAY IN BETA MAYBE FOREVER.**

[This text in russian](https://octoclub.ru/d/70-gutenberg-%D0%B2%D0%B8%D0%B7%D1%83%D0%B0%D0%BB%D1%8C%D0%BD%D1%8B%D0%B9-dragdrop-%D1%80%D0%B5%D0%B4%D0%B0%D0%BA%D1%82%D0%BE%D1%80-%D0%B1%D0%BB%D0%BE%D0%BA%D0%BE%D0%B2-%D0%B4%D0%BB%D1%8F-%D0%BF%D0%BB%D0%B0%D0%B3%D0%B8%D0%BD%D0%BE%D0%B2)

Gutenberg is a rich-text visual editor from WordPress, with the features of bulidng content with blocks. With Gutenberg, you can create truly unique content for your website by simply dragging and dropping blocks.

You can test it online here [Gutenberg playground](https://testgutenberg.com/).

This plugin allows you to embed Gutenberg in the backend form of your own model by creating Polymorph relation .

Integration of Laraberg by [VanOns\\Laraberg](https://github.com/VanOns/laraberg) for OctoberCMS. All credits goes to VanOns.

**Working integrations:**

- [RainLab.Blog](https://octobercms.com/plugin/rainlab-blog)
- [Lovata.GoodNews](https://octobercms.com/plugin/lovata-goodnews)
- [Indikator.News](https://octobercms.com/plugin/indikator-news)

**Coming Soon integrations:**

- [RainLab.StaticPages](https://octobercms.com/plugin/rainlab-pages)

**Available blocks:**

- Code preview and all standard features such as: custom styles, block settings, reusable blocks.
- Common blocks
    - Paragraph - (All text formatting also works).
    - Image
    - Heading
    - Audio
    - Gallery
    - Cover
    - File
    - List
    - Quote
    - Video
- Formatting
    - Code
    - Preformatted
    - Pull quote
    - Classic
    - Custom HTML
    - Table
    - Verse
- Layout elements
    - Media & text
    - Columns
    - Button
    - Separator
    - Spacer
- Embeds
    - All embeds

**In work:**

- Mediauploader with native OctoberCMS Medialibrary **DONE in 1.0.7 update**
- Reusable blocks aren't working **DONE in 1.0.8 update**
- Removing WP widgets **DONE in 1.0.9 update**
- RainLab.Blog integration **DONE in 1.1.0 update**
- Lovata.GoodNews integration **DONE in 1.1.2 update**
- Migration to release version of Laraberg **DONE in 1.2.0 update**
- Indikator.News integration **DONE in 1.2.5 update**
- RainLab.StaticPages integration

**Later work:**

- Inline image incorrect behavior (Gutenberg.js bug, need updates from them)
- Multiple instances of Gutenberg on one page (Gutenberg.js bug, need updates from them)

I will be happy if you help me with any form of custom functions implementation.

Please sumbit your PR in [plugin Github Repository](https://github.com/FlusherDock1/Gutenberg).

### Notes

[](#notes)

As we now on Laraberg 1.0.0-rc.1, i will investigate more about creating multiple instances of Gutenberg on one page.

---

Installation
------------

[](#installation)

Install plugin by OctoberCMS plugin updater.

Go to Settings –> Updates&Plugins find Gutenberg in plugin search. Click on icon and install it.

or via Composer

```
composer require reazzon/gutenberg

```

Usage
-----

[](#usage)

This plugin works only by implementing Gutenberg behavior in your model. It will create morphOne relation with `Gutenberg\Content` model.

Go to your model and add behavior in $implement array:

```
public $implement = ['ReaZzon.Gutenberg.Behaviors.Gutenbergable'];
```

After you need to add behavior to $implement array in your model controller.

```
public $implement = ['ReaZzon.Gutenberg.Behaviors.GutenbergController'];
```

Done. Your model now has morphOne with `Gutenberg\Content` Model by `content` field that **renders only on created model page**.

Rendering
---------

[](#rendering)

Rendering examples below.

```
{{ post.content.render }}
```

```
$post->content->render();

```

In order to correctly display Gutenberg styles. You must add laraberg public styles to your page:

```

```

Working with source js code
---------------------------

[](#working-with-source-js-code)

If you want to add some features you can work with source files of Laraberg in `/plugins/reazzon/gutenberg/formwidgets/gutenberg/assets/resources`, to set up all environment follow these steps:

1. Clone Gutenberg rep.: `git clone https://github.com/WordPress/gutenberg.git gutenberg`
2. After cloning execute these commands: ```
    cd gutenberg           // go to Gutenberg folder
    npm i                  // install all dependencies
    npm run build          // Build Gutenberg
    sudo npm link          // Link it to your global node_modules
    cd ..                  // Go back to Laraberg root
    npm i                  // install all dependencies
    npm link gutenberg     // Link Gutenberg package to Laraberg
    ```
3. Now you set up.

---

Developed by [reazzon.ru](https://reazzon.ru)

Russian OctoberCMS developer community [OctoClub.ru](https://octoclub.ru)

###  Health Score

35

—

LowBetter than 79% of packages

Maintenance18

Infrequent updates — may be unmaintained

Popularity35

Limited adoption so far

Community17

Small or concentrated contributor base

Maturity58

Maturing project, gaining track record

 Bus Factor1

Top contributor holds 95.9% of commits — single point of failure

How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window.

**Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores.

**Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement.

**Maturity (30%)** — Project age, version count, PHP version support, and release stability.

###  Release Activity

Cadence

Every ~459 days

Total

2

Last Release

1586d ago

### Community

Maintainers

![](https://www.gravatar.com/avatar/f0e1a182cc0567866b7f6d2ebdcb1ad0643279ed77768099da4972a44b22fbfe?d=identicon)[FlusherDock1](/maintainers/FlusherDock1)

---

Top Contributors

[![FlusherDock1](https://avatars.githubusercontent.com/u/20070837?v=4)](https://github.com/FlusherDock1 "FlusherDock1 (71 commits)")[![mikestraczek](https://avatars.githubusercontent.com/u/33686748?v=4)](https://github.com/mikestraczek "mikestraczek (2 commits)")[![gergo85](https://avatars.githubusercontent.com/u/2959112?v=4)](https://github.com/gergo85 "gergo85 (1 commits)")

---

Tags

gutenbergoctobercms-pluginpluginoctobercmsgutenbergreazzon

### Embed Badge

![Health badge](/badges/reazzon-gutenberg/health.svg)

```
[![Health](https://phpackages.com/badges/reazzon-gutenberg/health.svg)](https://phpackages.com/packages/reazzon-gutenberg)
```

###  Alternatives

[kartik-v/yii2-widget-select2

Enhanced Yii2 wrapper for the Select2 jQuery plugin (sub repo split from yii2-widgets).

3279.7M191](/packages/kartik-v-yii2-widget-select2)[palmiak/timber-acf-wp-blocks

Create Gutenberg blocks from Twig templates and ACF fields.

24872.5k1](/packages/palmiak-timber-acf-wp-blocks)[dereuromark/cakephp-ajax

A CakePHP plugin that makes working with AJAX a piece of cake.

55255.9k1](/packages/dereuromark-cakephp-ajax)[dereuromark/cakephp-feed

A CakePHP plugin containing a RssView to generate RSS feeds.

1353.7k1](/packages/dereuromark-cakephp-feed)[tomatophp/filament-menus

Menu Database builder to use it as a navigation on Filament Panel or as a Livewire Component

306.3k3](/packages/tomatophp-filament-menus)[benjaminmedia/wp-polylang-theme-strings

Polylang Theme Strings with support for Blade syntax

159.9k](/packages/benjaminmedia-wp-polylang-theme-strings)

PHPackages © 2026

[Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)