Интеграция CKEditor 4 с Laravel Orchid Platform для создания богатых текстовых редакторов в админ-панели.

Важно: Этот пакет использует CKEditor 4.22.1, который является последней бесплатной версией. Все последующие версии (4.23+) являются LTS версиями, которые требуют покупки коммерческой лицензии.

• ✅ Полная интеграция с Laravel Orchid Platform
• ✅ CKEditor 4.22.1 (последняя бесплатная версия) с поддержкой загрузки файлов
• ✅ Интеграция с Laravel File Manager
• ✅ Stimulus контроллер для современного JavaScript
• ✅ Настраиваемые опции редактора
• ✅ Поддержка CSRF токенов
• ✅ Автоматическая публикация ресурсов

• PHP ^8.1
• Laravel Orchid ^14.0
• Laravel File Manager (опционально)

composer require nakipelo/orchid-ckeditor

php artisan vendor:publish --provider="Nakipelo\Orchid\CKEditor\CKEditorServiceProvider"

php artisan vendor:publish --tag=ckeditor-config

use Nakipelo\Orchid\CKEditor\CKEditor;

// В вашем Screen классе
public function fields(): array
{
    return [
        CKEditor::make('content')
            ->title('Содержимое')
            ->required(),
    ];
}

use Nakipelo\Orchid\CKEditor\CKEditor;

public function fields(): array
{
    return [
        CKEditor::make('content')
            ->title('Содержимое')
            ->setOptions([
                'toolbar' => [
                    ['Bold', 'Italic', 'Underline'],
                    ['NumberedList', 'BulletedList'],
                    ['Link', 'Unlink'],
                    ['Image', 'Table'],
                ],
                'height' => 300,
            ])
            ->mergeOptions([
                'filebrowserImageBrowseUrl' => '/filemanager?type=Images',
                'filebrowserImageUploadUrl' => '/filemanager/upload?type=Images&_token=' . csrf_token(),
            ]),
    ];
}

После публикации конфигурации файл config/ckeditor.php будет содержать:

return [
    /**
     * URL для загрузки CKEditor
     */
    'editorUrl' => '//cdn.ckeditor.com/4.22.1/full/ckeditor.js',

    /**
     * Настройки редактора по умолчанию
     */
    'options' => [
        'filebrowserImageBrowseUrl' => '/filemanager?type=Images',
        'filebrowserImageUploadUrl' => '/filemanager/upload?type=Images&_token=',
        'filebrowserBrowseUrl' => '/filemanager?type=Files',
        'filebrowserUploadUrl' => '/filemanager/upload?type=Files&_token=',
    ]
];