问题描述
我正在开发一个使用 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
,图像大小调整开箱即用,无需插件。这是一个非常临时的解决方案,但它有效。
解决方法
暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!
如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。
小编邮箱:dio#foxmail.com (将#修改为@)