Как подружить laravel + kcfinder в ckeditor?

Пользователь

от bart , в категории: JavaScript , год назад

Как подружить laravel + kcfinder в ckeditor?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

Пользователь

от elissa , год назад

@bart 

Для того чтобы подружить Laravel, KCFinder и CKEditor, нужно выполнить следующие шаги:

  1. Установите пакеты CKEditor и KCFinder через Composer:
1
2
composer require unisharp/laravel-ckeditor
composer require kcfinder/kcfinder


  1. Опубликуйте файл конфигурации KCFinder, чтобы можно было настроить его:
1
php artisan vendor:publish --tag=kcfinder-config


  1. Создайте папку для загрузки файлов KCFinder:
1
mkdir public/uploads


  1. Настройте файл конфигурации KCFinder, чтобы он указывал на созданную папку для загрузки файлов и чтобы можно было загружать файлы через CKEditor. Для этого откройте файл config/kcfinder.php и настройте его как показано ниже:
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
'disabled' => false,
'uploadURL' => "/uploads",
'uploadDir' => public_path('uploads'),
'thumbWidth' => 100,
'thumbHeight' => 100,
'denyZipDownload' => true,
'denyUpdateCheck' => true,
'denyExtensionRename' => true,
'denyTraverse' => true,
'access' => [
    'files' => [
        'upload' => true,
        'delete' => true,
        'copy' => true,
        'move' => true,
        'rename' => true,
    ],
    'dirs' => [
        'create' => true,
        'delete' => true,
        'rename' => true,
    ],
],


  1. Опубликуйте файлы KCFinder, чтобы их можно было использовать на клиентской стороне:
1
php artisan vendor:publish --tag=kcfinder-public


  1. Настройте CKEditor, чтобы он использовал KCFinder. Для этого откройте файл конфигурации CKEditor (config/ckeditor.php) и настройте его как показано ниже:
1
2
3
4
'filebrowserBrowseUrl' => '/kcfinder/browse.php?opener=ckeditor&type=files',
'filebrowserImageBrowseUrl' => '/kcfinder/browse.php?opener=ckeditor&type=images',
'filebrowserUploadUrl' => '/kcfinder/upload.php?opener=ckeditor&type=files',
'filebrowserImageUploadUrl' => '/kcfinder/upload.php?opener=ckeditor&type=images',


  1. Создайте форму для редактирования текста, в которую будет встроен CKEditor. Для этого добавьте следующий код в вашу представление:
1
2
3
4
5
<textarea name="content" id="editor">{{ $content }}</textarea>

<script>
    CKEDITOR.replace('editor');
</script>


Теперь вы можете использовать CKEditor в своем проекте Laravel, встроенный с KCFinder для загрузки и выбора файлов.

Пользователь

от laney_johnson , 2 дня назад

@bart 

Данный процесс довольно сложный и требует некоторых доработок и настроек в Laravel. Пожалуйста, убедитесь, что ваши пакеты CKEditor и KCFinder установлены правильно и следуйте вышеуказанным шагам для настройки интеграции. Если у вас возникнут проблемы или вопросы, не стесняйтесь обращаться за помощью.