PHPackages                             animalinstinct/laravel-backpack-editorjs - 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. [Utility & Helpers](/categories/utility)
4. /
5. animalinstinct/laravel-backpack-editorjs

ActiveLibrary[Utility & Helpers](/categories/utility)

animalinstinct/laravel-backpack-editorjs
========================================

EditorJS field for the Laravel Backpack

0.5.0(1y ago)1941[1 issues](https://github.com/animalinstinct/laravel-backpack-editorjs/issues)[1 PRs](https://github.com/animalinstinct/laravel-backpack-editorjs/pulls)MITPHP

Since Dec 20Pushed 1y ago1 watchersCompare

[ Source](https://github.com/animalinstinct/laravel-backpack-editorjs)[ Packagist](https://packagist.org/packages/animalinstinct/laravel-backpack-editorjs)[ RSS](/packages/animalinstinct-laravel-backpack-editorjs/feed)WikiDiscussions master Synced 1mo ago

READMEChangelogDependencies (1)Versions (13)Used By (0)

Laravel Backpack EditorJs field
===============================

[](#laravel-backpack-editorjs-field)

Package adds the editorjs field to the Laravel Backpack admin panel.

Dependencies
------------

[](#dependencies)

codex-team/editor.js - [Server-side implementation sample for the Editor.js](https://github.com/editor-js/editorjs-php). It contains data validation, HTML sanitization and converts output from Editor.js to the Block objects.

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

[](#installation)

```
composer require animalinstinct/laravel-backpack-editorjs
```

Run the install script

```
php artisan backpack-editorjs:install
```

Configuration
-------------

[](#configuration)

### For laravel 9,10

[](#for-laravel-910)

Add the LaravelBackpackEditorJsServiceProvider to the service providers list.

```
'providers' => [
    // ...
    AnimalInstinct\LaravelBackpackEditorJs\LaravelBackpackEditorJsServiceProvider::class,
    // ...
]
```

Add middleware to the Backpack base config. The middleware would set context to not use the Laravel-Editor.js parser for the backpack routes.

```
    'middleware_class' => [
        //...
        \AnimalInstinct\LaravelBackpackEditorJs\app\Http\Middlewares\SetEditorJsParserContext::class,
        //...
    ]
```

Usage
-----

[](#usage)

In the Backpack controllers, use 'editorjs' as a field type

```
//YourAnyCrudController.php

$this->crud->addField([
    'name' => 'description',
    'label' => 'Description',
    'type' => 'editorjs',
]);
```

In the model import the trait, use it, and declare the fields would be used as editorjs fields for the parser could do it's job.

```
//YourAnyModel.php

// Import the trait
use AnimalInstinct\LaravelBackpackEditorJs\app\Models\Traits\HasEditorJsFields;

// Use it in the model
use HasEditorJsFields;

// Declare the fields
protected $editorJsFields = ['description','anyfield'];
```

### Backup fields

[](#backup-fields)

The backup field will be used if the field value is not a valid JSON (for cases when you have another editor before and desire to save it as is). To set that kind a field import EditorJsField trait, use it in your CrudController, the call the trait method EditorJsField::withBackup() in the field type.

The first argument is a current model, then field name and backup field to show instead.

```
//YourAnyCrudController.php
use AnimalInstinct\LaravelBackpackEditorJs\app\Http\Controllers\Traits\EditorJsField;

use EditorJsField;

$this->crud->addField([
    'name' => 'description',
    'label' => 'Description',
    'type' => EditorJsField::withBackup($this->crud->getCurrentEntry(), 'description', 'ckeditor'),
]);
```

###  Health Score

22

—

LowBetter than 22% of packages

Maintenance25

Infrequent updates — may be unmaintained

Popularity13

Limited adoption so far

Community8

Small or concentrated contributor base

Maturity35

Early-stage or recently created project

 Bus Factor1

Top contributor holds 100% 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 ~14 days

Recently: every ~19 days

Total

7

Last Release

425d ago

### Community

Maintainers

![](https://www.gravatar.com/avatar/81fac9997b3c7216c307a91ffa652fae04d0e5b7ad13d27af46cf20700343228?d=identicon)[AnimalInstinct](/maintainers/AnimalInstinct)

---

Top Contributors

[![animalinstinct](https://avatars.githubusercontent.com/u/7869979?v=4)](https://github.com/animalinstinct "animalinstinct (5 commits)")

### Embed Badge

![Health badge](/badges/animalinstinct-laravel-backpack-editorjs/health.svg)

```
[![Health](https://phpackages.com/badges/animalinstinct-laravel-backpack-editorjs/health.svg)](https://phpackages.com/packages/animalinstinct-laravel-backpack-editorjs)
```

###  Alternatives

[advoor/nova-editor-js

A Laravel Nova field bringing EditorJs magic to Nova.

92179.0k3](/packages/advoor-nova-editor-js)[cornernote/gii-modeldoc-generator

Gii ModelDoc Generator for Yii framework

13109.1k](/packages/cornernote-gii-modeldoc-generator)

PHPackages © 2026

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