PHPackages                             rrustam/moonshine-editorjs-l12 - 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. rrustam/moonshine-editorjs-l12

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

rrustam/moonshine-editorjs-l12
==============================

EditorJs block editor for MoonShine

v0.1.2(9mo ago)035MITJavaScriptPHP ^8.2 || ^8.3 || ^8.4

Since Sep 11Pushed 9mo agoCompare

[ Source](https://github.com/rrustam/moonshine-editorjs-l12)[ Packagist](https://packagist.org/packages/rrustam/moonshine-editorjs-l12)[ RSS](/packages/rrustam-moonshine-editorjs-l12/feed)WikiDiscussions main Synced today

READMEChangelogDependencies (9)Versions (4)Used By (0)

EditorJs block editor for MoonShine
-----------------------------------

[](#editorjs-block-editor-for-moonshine)

It's fork github.com/Sckatik/moonshine-editorjs/ Updated for laravel 12 and higher

Demo
----

[](#demo)

You can can play with the demo [here](https://editorjs.io/)

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

[](#installation)

Install via composer:

```
 composer require rrustam/moonshine-editorjs

```

Publish the config file

```
 php artisan vendor:publish --tag="moonshine-editorjs-config"

```

Publish assets be sure to publish without them the editor will not work

```
 php artisan vendor:publish --tag="moonshine-editorjs-assets"

```

Optionally, you can publish the views if you want to change the appearance of the fields that are output from the editorJs In views blocks

```
 php artisan vendor:publish --tag="moonshine-editorjs"

```

You can also connect the necessary components or your own in editorJs.

In the view fields/editorJs.blade.php remove the line

```
{{ Vite::useHotFile('vendor/moonshine-editorjs/moonshine-editorjs.hot')
->useBuildDirectory("vendor/moonshine-editorjs")
->withEntryPoints(['resources/css/field.css', 'resources/js/field.js']) }}

```

and connect your js with a set of its components EditorJs

Config
------

[](#config)

You can disable or enable the necessary blocks in the editor. In config/moonshine-editor-js.php in the configuration block - toolSettings

In config/moonshine-editor-js.php in the configuration block - renderSettings You can customize the rendering rules from EditorJs data

Usage
-----

[](#usage)

Add a field to the database with the text type To output data from EditorJs, use the following methods:

```
use App\Models\Post;
use Rrozumbetov\MoonshineEditorJs\Facades\RenderEditorJs;
$post = Post::find(1);
echo RenderEditorJs::render($post->body);
```

Defining An Accessor

```