README

EditorJS renderer for Laravel — converts EditorJS JSON output to HTML.

Installation

composer require sikl0/ejs-renderer

Publishing CSS

php artisan vendor:publish --tag=ejs-renderer-css

This will publish ejs.css to resources/css/ejs.css.

Then add it to your Vite config:

// vite.config.js
export default defineConfig({
    plugins: [
        laravel({
            input: ['resources/css/app.css', 'resources/css/ejs.css', 'resources/js/app.js'],
        }),
    ],
});

And load it in your Blade layout:

@vite(['resources/css/app.css', 'resources/css/ejs.css', 'resources/js/app.js'])

ejs.css uses Tailwind v4 — make sure Tailwind v4 is installed in your project.

Usage

use Sikl0\EJSRenderer\EJSRenderer;

$renderer = new EJSRenderer($post->content); // string JSON or array
echo $renderer->html();

Or via dependency injection:

use Sikl0\EJSRenderer\EJSRenderer;

public function show(Post $post, EJSRenderer $renderer)
{
    // ...
}

Supported blocks

License

MIT