PHPackages                             sckatik/moonshine-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. [Templating & Views](/categories/templating)
4. /
5. sckatik/moonshine-editorjs

ActiveLibrary[Templating & Views](/categories/templating)

sckatik/moonshine-editorjs
==========================

EditorJs block editor for MoonShine

2.0.9(1mo ago)15299↓50%3MITJavaScriptPHP ^8.0|^8.1|^8.2

Since Jun 9Pushed 1mo ago1 watchersCompare

[ Source](https://github.com/Sckatik/moonshine-editorjs)[ Packagist](https://packagist.org/packages/sckatik/moonshine-editorjs)[ RSS](/packages/sckatik-moonshine-editorjs/feed)WikiDiscussions 1.x Synced 1mo ago

READMEChangelog (10)Dependencies (14)Versions (19)Used By (0)

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

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

Demo
----

[](#demo)

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

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

[](#installation)

Install via composer:

```
 composer require sckatik/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 Sckatik\MoonshineEditorJs\Facades\RenderEditorJs;
$post = Post::find(1);
echo RenderEditorJs::render($post->body);
```

Defining An Accessor

```