sikl0/ejs-renderer

EditorJS renderer for Laravel — converts EditorJS JSON to HTML

0.1.0 2026-04-08 13:18 UTC

Requires

• php: ^8.1
• illuminate/support: ^10.0|^11.0|^12.0

MIT

• sikl0

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

Block	Class
header	ejs-header, ejs-h1 – ejs-h6
paragraph	ejs-paragraph
image	ejs-image, ejs-image-border, ejs-image-background, ejs-image-stretched
list	ejs-list, ejs-list-ordered, ejs-list-unordered
warning	ejs-warning
code	ejs-code
quote	ejs-quote, ejs-quote-left, ejs-quote-center, ejs-quote-right
table	ejs-table
embed	ejs-embed, ejs-embed-{service}
checklist	ejs-checklist
delimiter	ejs-delimiter
attaches	ejs-attaches

License

MIT