通过 Composer 在 Laravel 8 中添加 CKEditor

Question

我正在尝试使用 composer 将 CKEditor 添加到我的项目中，并且我正在使用 Laravel 8。

当我运行以下命令时：

$ composer require unisharp/laravel-ckeditor

我收到以下错误。

Using version ^4.7 for unisharp/laravel-ckeditor
./composer.json has been updated
Running composer update unisharp/laravel-ckeditor
Loading composer repositories with package information
Updating dependencies
Your requirements could not be resolved to an installable set of packages.

  Problem 1
    - Root composer.json requires unisharp/laravel-ckeditor ^4.7 -> satisfiable by unisharp/laravel-ckeditor[4.7.2].
    - unisharp/laravel-ckeditor 4.7.2 requires illuminate/support ~5.0 -> found illuminate/support[v5.0.0, ..., 5.8.x-dev] but these were not loaded, likely because it conflicts with another require.


Installation failed, reverting ./composer.json and ./composer.lock to their original content.

下图显示了composer.json 文件的内容。

Answer 1

首先，卸载 Composer CKEditor 相关的包。其次，添加CKEditor 5 NPM 包。

npm install --save-dev @ckeditor/ckeditor5-build-classic

app.js

const ClassicEditor = require( '@ckeditor/ckeditor5-build-classic' );

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

现在，进行构建。

npm run prod

在您的 Blade 文件中，添加以下内容。

<div id="editor"></div>

在最后的</body>标签之前添加：

<script src="{{ mix('js/app.js') }}"></script>