我在 Angular 项目中安装了 CKEditor5,它工作正常,但我在调整图像大小时遇到问题。我在此链接中看到了文档:https : //ckeditor.com/docs/ckeditor5/latest/features/image.html#installation但我无法正确实现它。ImageResize 是唯一一个默认未激活的插件,我该如何激活?在哪里?
我试图将它添加为插件,但我有一个错误,说有 CKEditor5 的重复声明这是关于 CKEditor 的组件代码
import * as ClassicEditor from '@ckeditor/ckeditor5-build-classic';
import '@ckeditor/ckeditor5-build-classic/build/translations/it';
public Editor = ClassicEditor;
public config = {
language: 'it',
placeholder: 'Descrivi il tuo procedimento scrivendo e inserendo immagini',
ckfinder: {
uploadUrl: environment.laravel_api+'/upload-image-step?command=QuickUpload&type=Images&responseType=json',
options: {
resourceType: 'Images'
}
},
image: {
resizeUnit:'%',
toolbar: [ 'imageTextAlternative', '|', 'imageStyle:alignLeft', 'imageStyle:full', 'imageStyle:alignRight' ],
styles: [
'full',
'alignLeft',
'alignRight'
],
},
};
Run Code Online (Sandbox Code Playgroud)
鉴于我有这个
<ckeditor id="editor" style="width: 100%;" [editor]="Editor" [config]="config" data="" formControlName="editor"></ckeditor>
Run Code Online (Sandbox Code Playgroud)