Установите CKEditor в Laravel 8 с примерами кода - Fcodenotes

Чтобы установить CKEditor в Laravel 8, вы можете воспользоваться несколькими способами. Вот некоторые из них:

Метод 1: использование CDN CKEditor

Шаг 1. Добавьте CDN CKEditor в основной файл макета вашего приложения Laravel (например, app.blade.php) или конкретный файл представления, в котором вы хотите использовать CKEditor.

<head>
    <!-- Other head elements -->
    <script src="https://cdn.ckeditor.com/ckeditor5/28.0.0/classic/ckeditor.js"></script>
</head>

Шаг 2. Инициализируйте CKEditor в файле JavaScript (например, app.js) или в теге скрипта в представлении.

ClassicEditor
    .create(document.querySelector('#editor'))
    .then(editor => {
        console.log(editor);
    })
    .catch(error => {
        console.error(error);
    });

Шаг 3. Добавьте в форму или представление поле textarea с идентификатором «editor».

<textarea id="editor" name="content"></textarea>

Метод 2: использование пакета CKEditor

Шаг 1. Установите пакет CKEditor с помощью Composer.

composer require ckeditor/ckeditor

Шаг 2. Опубликуйте ресурсы CKEditor в своем общедоступном каталоге.

php artisan vendor:publish --tag=ckeditor

Шаг 3. Включите сценарий CKEditor в файл макета или отдельный файл представления.

<head>
    <!-- Other head elements -->
    <script src="{{ asset('vendor/ckeditor/ckeditor.js') }}"></script>
</head>

Шаг 4. Инициализируйте CKEditor в текстовом поле.

<textarea name="content" id="editor"></textarea>
<script>
    CKEDITOR.replace('editor');
</script>

Метод 3: использование коллективного HTML-пакета Laravel

Шаг 1. Установите HTML-пакет Laravel Collective через Composer.

composer require laravelcollective/html

Шаг 2. Добавьте поставщика услуг в файл config/app.php.

'providers' => [
    // Other service providers
    Collective\Html\HtmlServiceProvider::class,
],

Шаг 3. Добавьте псевдонимы в файл config/app.php.

'aliases' => [
    // Other aliases
    'Form' => Collective\Html\FormFacade::class,
    'Html' => Collective\Html\HtmlFacade::class,
],

Шаг 4. Используйте метод Form::textarea, чтобы создать текстовую область CKEditor.

{{ Form::textarea('content', null, ['id' => 'editor']) }}
<script>
    CKEDITOR.replace('editor');
</script>

Это несколько способов установки CKEditor в Laravel 8. Выберите метод, который соответствует вашим потребностям и предпочтениям.