小编Dri*_*taj的帖子

CKEditor 5 图像在 Angular 中调整大小

我在 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)

image-resizing angular ckeditor5

4
推荐指数
1
解决办法
3211
查看次数

标签 统计

angular ×1

ckeditor5 ×1

image-resizing ×1