155
  • 9 ratings
  • 8 reviews
  • 4,908 installations
Free
Add to project

Product support

Visit this product's website for support.

Categories

Visit the live demo site

Gutenberg for OctoberCMS

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

Due of massive WP hardcode inside Gutenberg JS core, I must admit that Gutenberg will stay forever buggy and not extendable as community wants. Please, try using Editor.JS instead, it has RainLab.Translate and StaticPages support out of a box.

This text in russian

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.

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 for OctoberCMS. All credits goes to VanOns.

Working integrations:

Coming Soon integrations:

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:

  • Multiple instances of Gutenberg on one page (Laraberg bug, need updates from them)

Notes

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

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

Please submit your PR in plugin Github Repository.

Developed by reazzon.ru

Russian OctoberCMS developer community OctoClub.ru

Richeditor in a nutshell

Installation

Install plugin by OctoberCMS plugin updater.

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

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 examples below.

Twig:

{{ post.content.render }}

PHP:

$post->content->render();

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

<link href="/plugins/reazzon/gutenberg/assets/laraberg.min.css" rel="stylesheet">

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.

  • Found the plugin not useful on 3 Jan, 2022

    Is not compatible with version 2.0 as are many other plugins.

  • author

    Replied on 10 Jan, 2022

    Hi! Also found an error with 2 version of October. New update out with v2 support. If you still need version for v1, proceed to repository and download release for v1. https://github.com/FlusherDock1/Gutenberg/releases

  • Found the plugin useful on 23 Jul, 2020

    Really great plugin! I wish it would work already on static pages, when can we expect this feature? :)

  • author

    Replied on 23 Jul, 2020

    Thank you for your review! Static Pages integration will not come soon due to limitations of Gutenberg core architecture.

  • Found the plugin useful on 10 Jul, 2020

    This is an amazing plugin. there is a slight problem if there are 2 content using Gutenberg in 1 form and does not show the translation mode option in the Gutenberg area. is there a solution for that? thank you

  • author

    Replied on 23 Jul, 2020

    Hi! Thank you for your review. Multi language is not supported by gutenberg plugin, due to limitations of Gutenberg core architecture.

  • Found the plugin useful on 3 Jun, 2020

    Awesome plugin that brings a ton of functionality in one package! We'd love to sponsor development of a feature: ability to customize the color palet, and set the custom colors like you can do in a WP environment. Please let me know how we can support this development.

  • author

    Replied on 3 Jun, 2020

    Thanks for the positive review Kristopher. But unfortunately, original Gutrenberg js package is very strict on any side modifications, due to hard focusing on WP enviroment.

  • Found the plugin useful on 21 Jan, 2020

    Thanks for this awesome integration! Really looking forward to the Static Page implementation :3

  • author

    Replied on 21 Jan, 2020

    Thank you for the review!

  • Found the plugin useful on 20 Jan, 2020

    It look fantastic! And it really is a big solution for a almos totally customized blog in October; I will be waiting for further information and updates; hope it could soon be used in the "CMS" tab or Page tab ;)

  • author

    Replied on 21 Jan, 2020

    Thanks for the review!

  • Found the plugin useful on 27 Sep, 2019

    Thanks for this, best solution for bog

  • Found the plugin useful on 7 May, 2019

    It's very cool that Gutenberg is now on OctoberCMS. I hope will develop! Very cool editor!

  • Please login to rate the plugin or write a review.
1.4.0

October CMS v2 support

Jan 10, 2022
1.3.2

Fixing another bug with Gutenberg trying to implement wordpress behavior

Apr 09, 2020
1.3.1

Fixing bug with non working Blog, oodNews, and etc. integrations

Apr 09, 2020
1.3.0

!!! Migration to Laraberg 1.1.0, fixing embed and fullscreen bug. Gutenberg now shows only on created model.

Mar 28, 2020
1.2.6

Fixing content block rendering caching

Mar 28, 2020
1.2.5

Indikator.News integration

Nov 28, 2019
1.2.0

!!! Migration to Larabeg 1.0.0-rc.1.

Aug 08, 2019
1.1.25

Sticky sidebar

Jul 03, 2019
1.1.2

Lovata.GoodNews integration

May 14, 2019
1.1.1

Reusable blocks are now working in RainLab.Blog Integration

May 12, 2019
1.1.0

RainLab.Blog integration

May 11, 2019
1.0.96

Fixing uninstalling error

May 07, 2019
1.0.95

Fixing updating error

May 07, 2019
1.0.9

Removed stock WP blocks

May 05, 2019
1.0.8

Reusable blocks are now fully working

May 05, 2019
1.0.7

Native media manager Support

May 04, 2019
1.0.6

Changing blocks model title to string, updating Laraberg to public 0.3 beta version

May 04, 2019
1.0.5

Removed update_blocks migration

Apr 26, 2019
1.0.4

Removed json type completly

Apr 26, 2019
1.0.3

Deleting laraberg json column type, adding public assets

Apr 26, 2019
1.0.2

Migrations

Apr 24, 2019
1.0.1

First version of Gutenberg

Apr 24, 2019