First version

Author: mahlenko

Kernel.php

@@ -0,0 +1,16 @@
+<?php
+
+namespace Mahlenko\EditorJS;
+
+use Illuminate\Support\ServiceProvider;
+
+class Kernel extends ServiceProvider
+{
+    public function register(): void {
+        $this->loadViewsFrom(__DIR__ .'/views', 'editor.js');
+
+        $this->publishes([
+            __DIR__ .'/views' => resource_path('views/vendor/editor.js'),
+        ], 'editor.js');
+    }
+}

Render.php

@@ -0,0 +1,12 @@
+<?php
+
+namespace Mahlenko\EditorJS;
+
+use Illuminate\Support\Facades\View;
+
+class Render {
+    static public function make(string $json, string $prefix = 'editor__') {
+        return View::make('editor.js::content', (array) json_decode($json))
+            ->with('prefix', $prefix);
+    }
+}

composer.json

@@ -0,0 +1,22 @@
+{
+    "name": "mahlenko/editor-js-laravel",
+    "autoload": {
+        "psr-4": {
+            "Mahlenko\\EditorJS\\": "src/"
+        }
+    },
+    "authors": [
+        {
+            "name": "Makhlenko Sergey",
+            "email": "mahlenko-weblive@yandex.ru"
+        }
+    ],
+    "require": {},
+    "extra": {
+        "laravel": {
+            "providers": [
+                "Mahlenko\\EditorJS\\Kernel"
+            ]
+        }
+    }
+}

readme.md

@@ -0,0 +1,74 @@
+# Editor.js для Laravel
+
+Преобразует JSON полученный с фронтенда от [Editor.js](https://editorjs.io) в HTML
+используя Laravel blade компоненты.
+
+## Установка
+Для установки используйте `composer`:
+
+```shell
+composer required mahlenko/editorjs-laravel
+```
+
+Laravel автоматически подключит пакет `editorjs-laravel`.
+
+## Инструкция
+Подключите библиотеку в вашей скрипте, например для модели `Page`:
+
+```php
+use Mahlenko\EditorJS\Render;
+```
+
+Добавьте в вашу модель метод `getHtmlAttribute()`,
+```php
+use Mahlenko\EditorJS\Render;
+use Illuminate\Database\Eloquent\Model;
+
+class Page extends Model {
+    // ...
+    
+    public function getHtmlAttribute(): string {
+        return Render::make($this->body);
+    }
+}
+```
+
+## Ручная установка
+
+Для Laravel выше 11 версии, добавьте в `bootstrap/providers.php`
+провайдер:
+```php
+<?php
+
+return [
+    App\Providers\AppServiceProvider::class,
+    // other packages ...
+    
+    \Mahlenko\EditorJS\Kernel::class, // <- append row
+];
+```
+
+Для Laravel ниже 11 версии, добавьте в файл `config/app.php`:
+```php
+/*
+ * Application Service Providers...
+ */
+ 
+// other packages ...
+
+\Mahlenko\EditorJS\Kernel::class, // <- append row
+```
+
+## Настройка
+Вы можете изменить отображение элементов, или добавить собственные типы,
+после публикации ресурсов:
+
+```bash
+php artisan vendor:publish --tag=editor.js
+```
+
+При использовании `Laravel Sail`
+
+```bash
+./vendor/bin/sail artisan vendor:publish --tag=editor.js
+```

views/components/embed.blade.php

@@ -0,0 +1,13 @@
+@props(['block'])
+
+<iframe
+    id="{{ $block->id ?? null }}"
+    {{ $attributes }}
+    src="{{ $block->data->embed }}"
+    width="{{ $block->data->width }}"
+    height="{{ $block->data->height }}"
+    scrolling="no"
+    frameborder="0"
+    allowtransparency="true"
+    allowfullscreen="true"
+></iframe>

views/components/header.blade.php

@@ -0,0 +1,7 @@
+@props(['block'])
+{{ $attributes->setAttributes(['class' => "{$attributes->get('class')}-{$block->data->level}"]) }}
+
+<h{{ $block->data->level }}
+    id="{{ $block->id ?? null }}"
+    {{ $attributes }}
+>{{ $block->data->text }}</h{{ $block->data->level }}>

views/components/list.blade.php

@@ -0,0 +1,10 @@
+@props(['block'])
+
+{{--@dump($block)--}}
+@php($tag = $block->data->style === 'ordered' ? 'ol' : 'ul')
+
+<{{ $tag }} id="{{ $block->id ?? null }}" {{ $attributes }}>
+@foreach($block->data->items as $item)
+    <li>{{ $item }}</li>
+@endforeach
+</{{ $tag }}>

views/components/paragraph.blade.php

@@ -0,0 +1,2 @@
+@props(['block'])
+<p id="{{ $block->id ?? null }}" {{ $attributes }}>{!! $block->data->text !!}</p>

views/components/quote.blade.php

@@ -0,0 +1,9 @@
+@props(['block'])
+<blockquote id="{{ $block->id ?? null }}"
+    {{ $attributes }}
+    data-alignment="{{ $block->data->alignment }}">
+    <p>{{ $block->data->text }}</p>
+    @if ($block->data->caption)
+    <footer>{{ $block->data->caption }}</footer>
+    @endif
+</blockquote>

views/components/table.blade.php

@@ -0,0 +1,34 @@
+@props(['block'])
+<table
+    id="{{ $block->id ?? null }}"
+    {{ $attributes }}
+>
+    @if ($block->data->withHeadings)
+        <thead>
+        <tr>
+            @foreach($block->data->content[0] as $column)
+                <th>{{ $column }}</th>
+            @endforeach
+        </tr>
+        </thead>
+        <tbody>
+        @foreach(array_slice($block->data->content, 1) as $row)
+            <tr>
+                @foreach($row as $column)
+                    <td>{{ $column }}</td>
+                @endforeach
+            </tr>
+        @endforeach
+        </tbody>
+    @else
+    <tbody>
+    @foreach($block->data->content as $row)
+        <tr>
+            @foreach($row as $column)
+                <td>{{ $column }}</td>
+            @endforeach
+        </tr>
+    @endforeach
+    </tbody>
+    @endif
+</table>