CKEditor Package

Note

This is NOT the official CKEDITOR package.

CKEDITOR officially has its own composer package since 2014. Instead of using this package, we recommend you follow the official CKEditor installation instructions with package managers

Installation

Set up package

composer require hpez/laravel-ckeditor

Add ServiceProvider

For Laravel 5.5+ you can skip this step.

For Laravel 5.4 and earlier edit config/app.php, add the following file to Application Service Providers section.

Hpez\Ckeditor\ServiceProvider::class,

Publish the resources

php artisan vendor:publish --tag=ckeditor

Usage

Default way (initiate by name or id) :

    <script src="https://raw.githubusercontent.com/hpez/laravel-ckeditor/refs/heads/main/vendor/hpez/laravel-ckeditor/ckeditor.js"></script>
    <script>
        CKEDITOR.replace( 'article-ckeditor' );
    </script>

Or if you want to initiate by jQuery selector :

    <script src="https://raw.githubusercontent.com/hpez/laravel-ckeditor/refs/heads/main/vendor/hpez/laravel-ckeditor/ckeditor.js"></script>
    <script src="https://raw.githubusercontent.com/hpez/laravel-ckeditor/refs/heads/main/vendor/hpez/laravel-ckeditor/adapters/jquery.js"></script>
    <script>
        $('textarea').ckeditor();
        // $('.textarea').ckeditor(); // if class is prefered.
    </script>

File Uploader Integration

Instead of using KCFinder, we recommend laravel-filemanager for the file uploader integration for better laravel user access control and specific per user folders.