News

Laraberg Editor

Published
Laraberg Editor image

Laraberg is a Laravel package by Maurice Wijnia that aims to provide an easy way to integrate the Gutenberg editor in Laravel projects.

Laraberg aims to provide an easy way to integrate the Gutenberg editor with your Laravel projects. It is built on top of the GutenbergJS project, implements all the necessary communication and adds an easy to use API.

Here’s the basic gist for how you render the editor: first we render/hide an input element:

<input id="[id_here]" type="textarea" name="[name_here]" hidden>

And then we initialize Gutenberg with a helper provided by this package referencing the id attribute from our input:

Laraberg.initGutenberg('[id_here]');

Check out the full installation documentation from the readme for setup and usage instructions. This package simplifies using Gutenberg, but there are a few steps you need to understand to make it work with a Laravel application; for example, Gutenberg requires the following JS libraries: React, React DOM, Moment, and jQuery. You must also configure your models and understand how to get and render the content generated from Gutenberg.

You can learn more about this package and check out the source code on GitHub at VanOns/laraberg.

Paul Redmond photo

Staff writer at Laravel News. Full stack web developer and author.

Filed in

Sponsored

masteringlaravel logo
Laravel Code Review

Get expert guidance in a few days with a Laravel code review

Visit Laravel Code Review

The latest

View all →
Taylor disabled GitHub Issues on most Laravel open-source packages. image

Taylor disabled GitHub Issues on most Laravel open-source packages.

Read article
Exclude Vendor and Default Commands in `php artisan dev` image

Exclude Vendor and Default Commands in `php artisan dev`

Read article
The Laracon Archive image

The Laracon Archive

Read article
Group Adjacent Collection Items in Laravel with chunkBy() image

Group Adjacent Collection Items in Laravel with chunkBy()

Read article
Laravel queue:work Now Prints Why the Worker Stopped image

Laravel queue:work Now Prints Why the Worker Stopped

Read article
Sidecar Brings Statamic's Control Panel to Your Existing Markdown Sites image

Sidecar Brings Statamic's Control Panel to Your Existing Markdown Sites

Read article