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

laravelcloud logo
Laravel Cloud

Easily create and manage your servers and deploy your Laravel applications in seconds.

Visit Laravel Cloud

The latest

View all →
CPX: The Composer Package Executor for PHP image

CPX: The Composer Package Executor for PHP

Read article
Laravel AI SDK Adds Human-in-the-Loop Tool Approval image

Laravel AI SDK Adds Human-in-the-Loop Tool Approval

Read article
Pest 5 Released With Test Impact Analysis, Agent Verification, and Evals image

Pest 5 Released With Test Impact Analysis, Agent Verification, and Evals

Read article
Queue-SQL: Run Mass Deletes and Updates Across Parallel Queue Jobs image

Queue-SQL: Run Mass Deletes and Updates Across Parallel Queue Jobs

Read article
Blade Formatting in Laravel Pint image

Blade Formatting in Laravel Pint

Read article
Inertia DevTools Is Now on the Chrome Web Store image

Inertia DevTools Is Now on the Chrome Web Store

Read article