在 Laravel 项目中安装 CKEditor 插件

如何解决在 Laravel 项目中安装 CKEditor 插件

我正在开发一个使用 CKEditor WYSIWYG 编辑器的 Laravel 项目。我遇到的问题是我无法在编辑器中调整导入图像的大小。我发现我需要为官方文档中的每个缺失功能安装自定义插件。但到目前为止，我找不到将任何官方插件导入我的 Laravel 项目的方法。

我目前的配置是：

webpack.mix.js

mix.js('resources/js/app.js','public/js')
    .sass('resources/sass/app.scss','public/css');

resources/js/app.js

import ClassicEditor from '@ckeditor/ckeditor5-build-classic';
window.ClassicEditor = ClassicEditor;

有了 app.js 的这个内容，CKEditor 可以正常工作，无需使用插件。

然后我尝试为特定插件添加导入：

import ImageResize from '@ckeditor/ckeditor5-image/src/imageresize';
window.ImageResize = ImageResize;

但这导致了一个错误：Uncaught CKEditorError: ckeditor-duplicated-modules 它还向包含该错误的文档提供了 link，在那里我意识到您可以导入源文件 (@ckeditor/ckeditor5-editor/src/classsiceditor) 或构建文件 (import ClassicEditor from '@ckeditor/ckeditor5-build-classic';)，但这是我的理解正在发生的事情逐渐消失。

无论如何，我也尝试在视图中使用插件：

ClassicEditor.create(
      allEditors[i],{
        plugins: [ ImageResize],extraPlugins: [SimpleUploadAdapter]
      }
    );

但由于没有正确导入，所以没有关系。

我在大约 3 年前发现 Stackoverflow question 也有类似的问题，但没有答案。

同时，我还将尝试其他一些所见即所得的编辑器，如果其中任何一个更有希望，最终可能会使用一个（我会在这里告诉您）。

更新 1：

23.5.2021

我降级到 CKEditor 版本 4.9.2，图像大小调整开箱即用，无需插件。这是一个非常临时的解决方案，但它有效。