@dignite-ng/expand.ck-editor 3.0.0-rc.3 → 3.0.0-rc.5

package/fesm2022/dignite-ng-expand.ck-editor.mjs

@@ -2,14 +2,14 @@ import * as i0 from '@angular/core';
 import { NgModule, inject, ChangeDetectorRef, Component, Input, ViewChild, Injectable } from '@angular/core';
 import * as i1 from '@angular/router';
 import { RouterModule } from '@angular/router';
-import * as i2 from '@abp/ng.core';
-import { ConfigStateService, RestService, LazyLoadService, SubscriptionService, LOADING_STRATEGY, CoreModule } from '@abp/ng.core';
+import * as i3 from '@abp/ng.core';
+import { mapEnumToOptions, ConfigStateService, RestService, LazyLoadService, SubscriptionService, LOADING_STRATEGY, CoreModule } from '@abp/ng.core';
 import { ThemeSharedModule } from '@abp/ng.theme.shared';
 import * as i1$1 from '@angular/forms';
 import { FormBuilder, Validators } from '@angular/forms';
-import * as i3 from '@ngx-validate/core';
-import * as i1$2 from '@angular/common';
-import * as i4 from '@ckeditor/ckeditor5-angular';
+import * as i2 from '@angular/common';
+import * as i4 from '@ngx-validate/core';
+import * as i4$1 from '@ckeditor/ckeditor5-angular';
 import { CKEditorModule } from '@ckeditor/ckeditor5-angular';
 
 const routes = [];
@@ -28,6 +28,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImpor
 
 class CkEditorConfig {
     constructor(data) {
+        /**类型 */
+        this['Ckeditor.Mode'] = ['', []];
         /**文件容器名称 */
         // placeholder: any = new FormControl('', Validators.required);
         this['Ckeditor.ImagesContainerName'] = ['', []];
@@ -44,9 +46,18 @@ class CkEditorConfig {
     }
 }
 
+var CkEditorModeEnum;
+(function (CkEditorModeEnum) {
+    CkEditorModeEnum[CkEditorModeEnum["Simple"] = 0] = "Simple";
+    CkEditorModeEnum[CkEditorModeEnum["Classic"] = 1] = "Classic";
+})(CkEditorModeEnum || (CkEditorModeEnum = {}));
+const CkEditorModeEnumOptions = mapEnumToOptions(CkEditorModeEnum);
+
 class CkEditorConfigComponent {
     constructor(fb) {
         this.fb = fb;
+        this.CkEditorModeEnum = CkEditorModeEnum;
+        this.CkEditorModeEnumOptions = CkEditorModeEnumOptions;
         this.cdr = inject(ChangeDetectorRef);
     }
     set Entity(v) {
@@ -61,7 +72,7 @@ class CkEditorConfigComponent {
         this._type = v;
         // this.dataLoaded()
     }
-    // 
+    //
     get formConfiguration() {
         return this._Entity.get('formConfiguration');
     }
@@ -84,11 +95,11 @@ class CkEditorConfigComponent {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: CkEditorConfigComponent, deps: [{ token: i1$1.FormBuilder }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.5", type: CkEditorConfigComponent, selector: "ck-editor-config", inputs: { Entity: "Entity", selected: "selected", type: "type" }, viewQueries: [{ propertyName: "submitclick", first: true, predicate: ["submitclick"], descendants: true, static: true }], ngImport: i0, template: "<form [formGroup]=\"_Entity\">\n    <div formGroupName=\"formConfiguration\">\n        <div class=\"mb-3\">\n            <label class=\"form-label\">{{'DigniteAbpDynamicFormsCkEditor::ImagesContainerName' | abpLocalization}}</label>\n            <input type=\"text\" class=\"form-control\" formControlName=\"Ckeditor.ImagesContainerName\">\n        </div>\n        <div class=\"mb-3\">\n            <label class=\"form-label\">{{'DigniteAbpDynamicFormsCkEditor::InitialContent' | abpLocalization}}</label>\n            <input type=\"text\" class=\"form-control\" formControlName=\"Ckeditor.InitialContent\">\n        </div>\n        <button type=\"submit\" (abpInit)=\"submitclick?.nativeElement?.click()\" style=\"display: none;\"\n            #submitclick></button>\n    </div>\n</form>", styles: [""], dependencies: [{ kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i1$1.FormGroupName, selector: "[formGroupName]", inputs: ["formGroupName"] }, { kind: "directive", type: i2.InitDirective, selector: "[abpInit]", outputs: ["abpInit"] }, { kind: "directive", type: i3.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "directive", type: i3.ValidationDirective, selector: "[formControl],[formControlName]", exportAs: ["validationDirective"] }, { kind: "pipe", type: i2.LocalizationPipe, name: "abpLocalization" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.5", type: CkEditorConfigComponent, selector: "ck-editor-config", inputs: { Entity: "Entity", selected: "selected", type: "type" }, viewQueries: [{ propertyName: "submitclick", first: true, predicate: ["submitclick"], descendants: true, static: true }], ngImport: i0, template: "<form [formGroup]=\"_Entity\">\n    <div formGroupName=\"formConfiguration\">\n        <div class=\"mb-3\">\n            <label class=\"form-label\">{{'DigniteAbpDynamicFormsCkEditor::EditorMode' | abpLocalization}}</label>\n            <!-- <input type=\"text\" class=\"form-control\" formControlName=\"Ckeditor.Mode\"> -->\n            <select class=\"form-select\" formControlName=\"Ckeditor.Mode\" >\n                <ng-container *ngFor=\"let item of CkEditorModeEnumOptions\">\n                    <option [value]=\"item.value\">{{'DigniteAbpDynamicFormsCkEditor::EditorMode.' + item.key|abpLocalization}}</option>\n                </ng-container>\n            </select>\n        </div>\n        <div class=\"mb-3\">\n            <label class=\"form-label\">{{'DigniteAbpDynamicFormsCkEditor::ImagesContainerName' | abpLocalization}}</label>\n            <input type=\"text\" class=\"form-control\" formControlName=\"Ckeditor.ImagesContainerName\">\n        </div>\n        <div class=\"mb-3\">\n            <label class=\"form-label\">{{'DigniteAbpDynamicFormsCkEditor::InitialContent' | abpLocalization}}</label>\n            <input type=\"text\" class=\"form-control\" formControlName=\"Ckeditor.InitialContent\">\n        </div>\n        <button type=\"submit\" (abpInit)=\"submitclick?.nativeElement?.click()\" style=\"display: none;\"\n            #submitclick></button>\n    </div>\n</form>", styles: [""], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i1$1.FormGroupName, selector: "[formGroupName]", inputs: ["formGroupName"] }, { kind: "directive", type: i3.InitDirective, selector: "[abpInit]", outputs: ["abpInit"] }, { kind: "directive", type: i4.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "directive", type: i4.ValidationDirective, selector: "[formControl],[formControlName]", exportAs: ["validationDirective"] }, { kind: "pipe", type: i3.LocalizationPipe, name: "abpLocalization" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: CkEditorConfigComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ck-editor-config', template: "<form [formGroup]=\"_Entity\">\n    <div formGroupName=\"formConfiguration\">\n        <div class=\"mb-3\">\n            <label class=\"form-label\">{{'DigniteAbpDynamicFormsCkEditor::ImagesContainerName' | abpLocalization}}</label>\n            <input type=\"text\" class=\"form-control\" formControlName=\"Ckeditor.ImagesContainerName\">\n        </div>\n        <div class=\"mb-3\">\n            <label class=\"form-label\">{{'DigniteAbpDynamicFormsCkEditor::InitialContent' | abpLocalization}}</label>\n            <input type=\"text\" class=\"form-control\" formControlName=\"Ckeditor.InitialContent\">\n        </div>\n        <button type=\"submit\" (abpInit)=\"submitclick?.nativeElement?.click()\" style=\"display: none;\"\n            #submitclick></button>\n    </div>\n</form>" }]
+            args: [{ selector: 'ck-editor-config', template: "<form [formGroup]=\"_Entity\">\n    <div formGroupName=\"formConfiguration\">\n        <div class=\"mb-3\">\n            <label class=\"form-label\">{{'DigniteAbpDynamicFormsCkEditor::EditorMode' | abpLocalization}}</label>\n            <!-- <input type=\"text\" class=\"form-control\" formControlName=\"Ckeditor.Mode\"> -->\n            <select class=\"form-select\" formControlName=\"Ckeditor.Mode\" >\n                <ng-container *ngFor=\"let item of CkEditorModeEnumOptions\">\n                    <option [value]=\"item.value\">{{'DigniteAbpDynamicFormsCkEditor::EditorMode.' + item.key|abpLocalization}}</option>\n                </ng-container>\n            </select>\n        </div>\n        <div class=\"mb-3\">\n            <label class=\"form-label\">{{'DigniteAbpDynamicFormsCkEditor::ImagesContainerName' | abpLocalization}}</label>\n            <input type=\"text\" class=\"form-control\" formControlName=\"Ckeditor.ImagesContainerName\">\n        </div>\n        <div class=\"mb-3\">\n            <label class=\"form-label\">{{'DigniteAbpDynamicFormsCkEditor::InitialContent' | abpLocalization}}</label>\n            <input type=\"text\" class=\"form-control\" formControlName=\"Ckeditor.InitialContent\">\n        </div>\n        <button type=\"submit\" (abpInit)=\"submitclick?.nativeElement?.click()\" style=\"display: none;\"\n            #submitclick></button>\n    </div>\n</form>" }]
         }], ctorParameters: () => [{ type: i1$1.FormBuilder }], propDecorators: { Entity: [{
                 type: Input
             }], selected: [{
@@ -151,7 +162,7 @@ let isBase64UploadAdapter$1 = class isBase64UploadAdapter {
     }
 };
 
-var easy = {
+var Simple = {
     toolbar: {
         items: [
             'undo',
@@ -163,6 +174,7 @@ var easy = {
             'bold',
             'italic',
             'underline',
+            'insertImage'
         ],
         shouldNotGroupWhenFull: false,
     },
@@ -226,340 +238,340 @@ var easy = {
         },
     },
 };
-var defaults = {
-    toolbar: {
-        items: [
-            'undo',
-            'redo',
-            '|',
-            'heading',
-            '|',
-            'fontSize',
-            'fontFamily',
-            'fontColor',
-            'fontBackgroundColor',
-            'link',
-            '|',
-            'bold',
-            'italic',
-            'underline',
-            '|',
-            'insertImage',
-        ],
-        shouldNotGroupWhenFull: false,
-    },
-    plugins: [],
-    heading: {
-        options: [
-            {
-                model: 'paragraph',
-                title: 'Paragraph',
-                class: 'ck-heading_paragraph',
-            },
-            {
-                model: 'heading1',
-                view: 'h1',
-                title: 'Heading 1',
-                class: 'ck-heading_heading1',
-            },
-            {
-                model: 'heading2',
-                view: 'h2',
-                title: 'Heading 2',
-                class: 'ck-heading_heading2',
-            },
-            {
-                model: 'heading3',
-                view: 'h3',
-                title: 'Heading 3',
-                class: 'ck-heading_heading3',
-            },
-            {
-                model: 'heading4',
-                view: 'h4',
-                title: 'Heading 4',
-                class: 'ck-heading_heading4',
-            },
-            {
-                model: 'heading5',
-                view: 'h5',
-                title: 'Heading 5',
-                class: 'ck-heading_heading5',
-            },
-            {
-                model: 'heading6',
-                view: 'h6',
-                title: 'Heading 6',
-                class: 'ck-heading_heading6',
-            },
-        ],
-    },
-    fontSize: {
-        options: [10, 12, 14, 'default', 18, 20, 22, 24, 26, 28, 30, 32],
-    },
-    link: {
-        addTargetToExternalLinks: true,
-        defaultProtocol: 'https://',
-        decorators: {
-            toggleDownloadable: {
-                mode: 'manual',
-                label: 'Downloadable',
-                attributes: {
-                    download: 'file',
-                },
-            },
-        },
-    },
-    image: {
-        toolbar: [
-            'toggleImageCaption',
-            'imageTextAlternative',
-            '|',
-            'imageStyle:inline',
-            'imageStyle:wrapText',
-            'imageStyle:breakText',
-            '|',
-            'resizeImage',
-        ],
-        styles: {
-            options: [
-                'inline', 'alignLeft', 'alignRight',
-                'alignCenter', 'alignBlockLeft', 'alignBlockRight',
-                'block', 'side'
-            ]
-        },
-        resizeOptions: [{
-                name: 'resizeImage:original',
-                label: 'Original',
-                value: null
-            },
-            {
-                name: 'resizeImage:25',
-                label: '25%',
-                value: '25'
-            },
-            {
-                name: 'resizeImage:50',
-                label: '50%',
-                value: '50'
-            },
-            {
-                name: 'resizeImage:75',
-                label: '75%',
-                value: '75'
-            }
-        ],
-    },
-};
-var standard = {
-    toolbar: {
-        items: [
-            'undo',
-            'redo',
-            '|',
-            'heading',
-            '|',
-            'fontSize',
-            'fontFamily',
-            'fontColor',
-            'fontBackgroundColor',
-            '|',
-            'bold',
-            'italic',
-            'underline',
-            'strikethrough',
-            '|',
-            'link',
-            'insertImage',
-            'insertTable',
-            '|',
-            'alignment',
-            '|',
-            'bulletedList',
-            'numberedList',
-        ],
-        shouldNotGroupWhenFull: false,
-    },
-    plugins: [],
-    fontSize: {
-        options: [10, 12, 14, 'default', 18, 20, 22, 24, 26, 28, 30, 32],
-        supportAllValues: true,
-    },
-    heading: {
-        options: [
-            {
-                model: 'paragraph',
-                title: 'Paragraph',
-                class: 'ck-heading_paragraph',
-            },
-            {
-                model: 'heading1',
-                view: 'h1',
-                title: 'Heading 1',
-                class: 'ck-heading_heading1',
-            },
-            {
-                model: 'heading2',
-                view: 'h2',
-                title: 'Heading 2',
-                class: 'ck-heading_heading2',
-            },
-            {
-                model: 'heading3',
-                view: 'h3',
-                title: 'Heading 3',
-                class: 'ck-heading_heading3',
-            },
-            {
-                model: 'heading4',
-                view: 'h4',
-                title: 'Heading 4',
-                class: 'ck-heading_heading4',
-            },
-            {
-                model: 'heading5',
-                view: 'h5',
-                title: 'Heading 5',
-                class: 'ck-heading_heading5',
-            },
-            {
-                model: 'heading6',
-                view: 'h6',
-                title: 'Heading 6',
-                class: 'ck-heading_heading6',
-            },
-        ],
-    },
-    htmlSupport: {
-        allow: [
-            {
-                name: /^.*$/,
-                styles: true,
-                attributes: true,
-                classes: true,
-            },
-        ],
-    },
-    image: {
-        toolbar: [
-            'toggleImageCaption',
-            'imageTextAlternative',
-            '|',
-            'imageStyle:inline',
-            'imageStyle:wrapText',
-            'imageStyle:breakText',
-            '|',
-            'resizeImage',
-        ],
-        styles: {
-            options: [
-                'inline', 'alignLeft', 'alignRight',
-                'alignCenter', 'alignBlockLeft', 'alignBlockRight',
-                'block', 'side'
-            ]
-        },
-        resizeOptions: [{
-                name: 'resizeImage:original',
-                label: 'Original',
-                value: null
-            },
-            {
-                name: 'resizeImage:25',
-                label: '25%',
-                value: '25'
-            },
-            {
-                name: 'resizeImage:50',
-                label: '50%',
-                value: '50'
-            },
-            {
-                name: 'resizeImage:75',
-                label: '75%',
-                value: '75'
-            }
-        ],
-    },
-    link: {
-        addTargetToExternalLinks: true,
-        defaultProtocol: 'https://',
-        decorators: {
-            toggleDownloadable: {
-                mode: 'manual',
-                label: 'Downloadable',
-                attributes: {
-                    download: 'file',
-                },
-            },
-        },
-    },
-    list: {
-        properties: {
-            styles: true,
-            startIndex: true,
-            reversed: true,
-        },
-    },
-    style: {
-        definitions: [
-            {
-                name: 'Article category',
-                element: 'h3',
-                classes: ['category'],
-            },
-            {
-                name: 'Title',
-                element: 'h2',
-                classes: ['document-title'],
-            },
-            {
-                name: 'Subtitle',
-                element: 'h3',
-                classes: ['document-subtitle'],
-            },
-            {
-                name: 'Info box',
-                element: 'p',
-                classes: ['info-box'],
-            },
-            {
-                name: 'Side quote',
-                element: 'blockquote',
-                classes: ['side-quote'],
-            },
-            {
-                name: 'Marker',
-                element: 'span',
-                classes: ['marker'],
-            },
-            {
-                name: 'Spoiler',
-                element: 'span',
-                classes: ['spoiler'],
-            },
-            {
-                name: 'Code (dark)',
-                element: 'pre',
-                classes: ['fancy-code', 'fancy-code-dark'],
-            },
-            {
-                name: 'Code (bright)',
-                element: 'pre',
-                classes: ['fancy-code', 'fancy-code-bright'],
-            },
-        ],
-    },
-    table: {
-        contentToolbar: [
-            'tableColumn',
-            'tableRow',
-            'mergeTableCells',
-            'tableProperties',
-            'tableCellProperties',
-        ],
-    },
-};
-var full = {
+// export var defaults: any= {
+//     toolbar: {
+//         items: [
+//             'undo',
+//             'redo',
+//             '|',
+//             'heading',
+//             '|',
+//             'fontSize',
+//             'fontFamily',
+//             'fontColor',
+//             'fontBackgroundColor',
+//             'link',
+//             '|',
+//             'bold',
+//             'italic',
+//             'underline',
+//             '|',
+//             'insertImage',
+//         ],
+//         shouldNotGroupWhenFull: false,
+//     },
+//     plugins: [],
+//     heading: {
+//         options: [
+//             {
+//                 model: 'paragraph',
+//                 title: 'Paragraph',
+//                 class: 'ck-heading_paragraph',
+//             },
+//             {
+//                 model: 'heading1',
+//                 view: 'h1',
+//                 title: 'Heading 1',
+//                 class: 'ck-heading_heading1',
+//             },
+//             {
+//                 model: 'heading2',
+//                 view: 'h2',
+//                 title: 'Heading 2',
+//                 class: 'ck-heading_heading2',
+//             },
+//             {
+//                 model: 'heading3',
+//                 view: 'h3',
+//                 title: 'Heading 3',
+//                 class: 'ck-heading_heading3',
+//             },
+//             {
+//                 model: 'heading4',
+//                 view: 'h4',
+//                 title: 'Heading 4',
+//                 class: 'ck-heading_heading4',
+//             },
+//             {
+//                 model: 'heading5',
+//                 view: 'h5',
+//                 title: 'Heading 5',
+//                 class: 'ck-heading_heading5',
+//             },
+//             {
+//                 model: 'heading6',
+//                 view: 'h6',
+//                 title: 'Heading 6',
+//                 class: 'ck-heading_heading6',
+//             },
+//         ],
+//     },
+//     fontSize: {
+//         options: [10, 12, 14, 'default', 18, 20, 22, 24, 26, 28, 30, 32],
+//     },
+//     link: {
+//         addTargetToExternalLinks: true,
+//         defaultProtocol: 'https://',
+//         decorators: {
+//             toggleDownloadable: {
+//                 mode: 'manual',
+//                 label: 'Downloadable',
+//                 attributes: {
+//                     download: 'file',
+//                 },
+//             },
+//         },
+//     },
+//     image: {
+//         toolbar: [
+//             'toggleImageCaption',
+//             'imageTextAlternative',
+//             '|',
+//             'imageStyle:inline',
+//             'imageStyle:wrapText',
+//             'imageStyle:breakText',
+//             '|',
+//             'resizeImage',
+//         ],
+//         styles: {
+//             options: [
+//                 'inline', 'alignLeft', 'alignRight',
+//                 'alignCenter', 'alignBlockLeft', 'alignBlockRight',
+//                 'block', 'side'
+//             ]
+//         },
+//         resizeOptions: [{
+//             name: 'resizeImage:original',
+//             label: 'Original',
+//             value: null
+//         },
+//         {
+//             name: 'resizeImage:25',
+//             label: '25%',
+//             value: '25'
+//         },
+//         {
+//             name: 'resizeImage:50',
+//             label: '50%',
+//             value: '50'
+//         },
+//         {
+//             name: 'resizeImage:75',
+//             label: '75%',
+//             value: '75'
+//         }
+//         ],
+//     },
+// }
+// export var standard: any= {
+//     toolbar: {
+//         items: [
+//             'undo',
+//             'redo',
+//             '|',
+//             'heading',
+//             '|',
+//             'fontSize',
+//             'fontFamily',
+//             'fontColor',
+//             'fontBackgroundColor',
+//             '|',
+//             'bold',
+//             'italic',
+//             'underline',
+//             'strikethrough',
+//             '|',
+//             'link',
+//             'insertImage',
+//             'insertTable',
+//             '|',
+//             'alignment',
+//             '|',
+//             'bulletedList',
+//             'numberedList',
+//         ],
+//         shouldNotGroupWhenFull: false,
+//     },
+//     plugins: [],
+//     fontSize: {
+//         options: [10, 12, 14, 'default', 18, 20, 22, 24, 26, 28, 30, 32],
+//         supportAllValues: true,
+//     },
+//     heading: {
+//         options: [
+//             {
+//                 model: 'paragraph',
+//                 title: 'Paragraph',
+//                 class: 'ck-heading_paragraph',
+//             },
+//             {
+//                 model: 'heading1',
+//                 view: 'h1',
+//                 title: 'Heading 1',
+//                 class: 'ck-heading_heading1',
+//             },
+//             {
+//                 model: 'heading2',
+//                 view: 'h2',
+//                 title: 'Heading 2',
+//                 class: 'ck-heading_heading2',
+//             },
+//             {
+//                 model: 'heading3',
+//                 view: 'h3',
+//                 title: 'Heading 3',
+//                 class: 'ck-heading_heading3',
+//             },
+//             {
+//                 model: 'heading4',
+//                 view: 'h4',
+//                 title: 'Heading 4',
+//                 class: 'ck-heading_heading4',
+//             },
+//             {
+//                 model: 'heading5',
+//                 view: 'h5',
+//                 title: 'Heading 5',
+//                 class: 'ck-heading_heading5',
+//             },
+//             {
+//                 model: 'heading6',
+//                 view: 'h6',
+//                 title: 'Heading 6',
+//                 class: 'ck-heading_heading6',
+//             },
+//         ],
+//     },
+//     htmlSupport: {
+//         allow: [
+//             {
+//                 name: /^.*$/,
+//                 styles: true,
+//                 attributes: true,
+//                 classes: true,
+//             },
+//         ],
+//     },
+//     image: {
+//         toolbar: [
+//             'toggleImageCaption',
+//             'imageTextAlternative',
+//             '|',
+//             'imageStyle:inline',
+//             'imageStyle:wrapText',
+//             'imageStyle:breakText',
+//             '|',
+//             'resizeImage',
+//         ],
+//         styles: {
+//             options: [
+//                 'inline', 'alignLeft', 'alignRight',
+//                 'alignCenter', 'alignBlockLeft', 'alignBlockRight',
+//                 'block', 'side'
+//             ]
+//         },
+//         resizeOptions: [{
+//             name: 'resizeImage:original',
+//             label: 'Original',
+//             value: null
+//         },
+//         {
+//             name: 'resizeImage:25',
+//             label: '25%',
+//             value: '25'
+//         },
+//         {
+//             name: 'resizeImage:50',
+//             label: '50%',
+//             value: '50'
+//         },
+//         {
+//             name: 'resizeImage:75',
+//             label: '75%',
+//             value: '75'
+//         }
+//         ],
+//     },
+//     link: {
+//         addTargetToExternalLinks: true,
+//         defaultProtocol: 'https://',
+//         decorators: {
+//             toggleDownloadable: {
+//                 mode: 'manual',
+//                 label: 'Downloadable',
+//                 attributes: {
+//                     download: 'file',
+//                 },
+//             },
+//         },
+//     },
+//     list: {
+//         properties: {
+//             styles: true,
+//             startIndex: true,
+//             reversed: true,
+//         },
+//     },
+//     style: {
+//         definitions: [
+//             {
+//                 name: 'Article category',
+//                 element: 'h3',
+//                 classes: ['category'],
+//             },
+//             {
+//                 name: 'Title',
+//                 element: 'h2',
+//                 classes: ['document-title'],
+//             },
+//             {
+//                 name: 'Subtitle',
+//                 element: 'h3',
+//                 classes: ['document-subtitle'],
+//             },
+//             {
+//                 name: 'Info box',
+//                 element: 'p',
+//                 classes: ['info-box'],
+//             },
+//             {
+//                 name: 'Side quote',
+//                 element: 'blockquote',
+//                 classes: ['side-quote'],
+//             },
+//             {
+//                 name: 'Marker',
+//                 element: 'span',
+//                 classes: ['marker'],
+//             },
+//             {
+//                 name: 'Spoiler',
+//                 element: 'span',
+//                 classes: ['spoiler'],
+//             },
+//             {
+//                 name: 'Code (dark)',
+//                 element: 'pre',
+//                 classes: ['fancy-code', 'fancy-code-dark'],
+//             },
+//             {
+//                 name: 'Code (bright)',
+//                 element: 'pre',
+//                 classes: ['fancy-code', 'fancy-code-bright'],
+//             },
+//         ],
+//     },
+//     table: {
+//         contentToolbar: [
+//             'tableColumn',
+//             'tableRow',
+//             'mergeTableCells',
+//             'tableProperties',
+//             'tableCellProperties',
+//         ],
+//     },
+// }
+var Classic = {
     toolbar: {
         items: [
             'undo',
@@ -782,10 +794,10 @@ var full = {
     },
 };
 var CkEditorTypesObject = {
-    default: defaults,
-    easy: easy,
-    standard: standard,
-    full: full
+    // default: defaults,
+    Simple: Simple,
+    // standard: standard,
+    Classic: Classic
 };
 
 var LanguagesMap;
@@ -810,12 +822,13 @@ var LanguagesMap;
     LanguagesMap["vi"] = "vi";
 })(LanguagesMap || (LanguagesMap = {}));
 
+// import { CkEditorModeEnum } from '../enums/ck-editor-mode-enum';
 class SetCkEditorConfigsService {
     constructor() { }
     async get(input) {
-        let { language } = input;
+        let { language, type } = input;
         return new Promise(async (resolve, rejects) => {
-            let configs = CkEditorTypesObject['easy'];
+            let configs = CkEditorTypesObject[CkEditorModeEnum[type]];
             let { AccessibilityHelp, Highlight, Alignment, Autoformat, AutoImage, Autosave, Base64UploadAdapter, BlockQuote, Bold, CloudServices, Code, Essentials, FontBackgroundColor, FontColor, FontFamily, FontSize, GeneralHtmlSupport, Heading, HorizontalLine, ImageBlock, ImageCaption, ImageInline, ImageInsert, ImageInsertViaUrl, ImageResize, ImageStyle, ImageTextAlternative, ImageToolbar, ImageUpload, Indent, IndentBlock, Italic, Link, LinkImage, List, ListProperties, MediaEmbed, Paragraph, PasteFromOffice, RemoveFormat, SelectAll, SpecialCharacters, SpecialCharactersArrows, SpecialCharactersCurrency, SpecialCharactersEssentials, SpecialCharactersLatin, SpecialCharactersMathematical, SpecialCharactersText, Strikethrough, Style, Subscript, Superscript, Table, TableCaption, TableCellProperties, TableColumnResize, TableProperties, TableToolbar, TextTransformation, TodoList, Underline, Undo } = await import('ckeditor5');
             configs.plugins = [AccessibilityHelp, Highlight, Alignment, Autoformat, AutoImage, Autosave, Base64UploadAdapter, BlockQuote, Bold, CloudServices, Code, Essentials, FontBackgroundColor, FontColor, FontFamily, FontSize, GeneralHtmlSupport, Heading, HorizontalLine, ImageBlock, ImageCaption, ImageInline, ImageInsert, ImageInsertViaUrl, ImageResize, ImageStyle, ImageTextAlternative, ImageToolbar, ImageUpload, Indent, IndentBlock, Italic, Link, LinkImage, List, ListProperties, MediaEmbed, Paragraph, PasteFromOffice, RemoveFormat, SelectAll, SpecialCharacters, SpecialCharactersArrows, SpecialCharactersCurrency, SpecialCharactersEssentials, SpecialCharactersLatin, SpecialCharactersMathematical, SpecialCharactersText, Strikethrough, Style, Subscript, Superscript, Table, TableCaption, TableCellProperties, TableColumnResize, TableProperties, TableToolbar, TextTransformation, TodoList, Underline, Undo];
             configs.language = LanguagesMap[language];
@@ -841,6 +854,7 @@ class CkEditorControlComponent {
         this.ckEditorValue = '';
         /**系统语言 */
         this.currentCulture = this.config.getOne('localization')?.currentCulture?.name;
+        this.CkEditorModeEnum = CkEditorModeEnum;
         this.fb = inject(FormBuilder);
         /**字段配置列表 */
         this._fields = '';
@@ -851,7 +865,6 @@ class CkEditorControlComponent {
         this.invalidfeedback = false;
         /**图片容器名称 */
         this.imagesContainerName = '';
-        this.loadckeditor();
     }
     onReady(editor) {
         let _this = this;
@@ -890,18 +903,35 @@ class CkEditorControlComponent {
                 this._selected || this._fields.field.formConfiguration['Ckeditor.InitialContent'];
             this.setckeditorInput(this.ckEditorValue);
             this.cdr.detectChanges(); // 手动触发变更检测
+            await this.loadckeditor();
             this.submitclick?.nativeElement?.click();
         }
     }
     loadckeditor() {
         let _that = this;
+        let formConfiguration = this._fields.field.formConfiguration;
         return new Promise(async (resolve) => {
             await import('ckeditor5').then(async (res) => {
                 this.loadStyle();
-                _that.Editor = res.ClassicEditor;
+                if (formConfiguration['Ckeditor.Mode'] == CkEditorModeEnum.Simple) {
+                    _that.Editor = res.InlineEditor;
+                }
+                else if (formConfiguration['Ckeditor.Mode'] == CkEditorModeEnum.Classic) {
+                    _that.Editor = res.ClassicEditor;
+                }
+                else {
+                    formConfiguration['Ckeditor.Mode'] = CkEditorModeEnum.Simple;
+                    _that.Editor = res.InlineEditor;
+                }
                 let configs = await _that._SetCkEditorConfigsService.get({
                     language: _that.currentCulture,
+                    type: formConfiguration['Ckeditor.Mode']
                 });
+                if (!this.imagesContainerName) {
+                    if (configs?.toolbar?.items?.indexOf('insertImage') != -1) {
+                        configs?.toolbar?.items?.splice(configs?.toolbar?.items?.indexOf('insertImage'), 1);
+                    }
+                }
                 _that.ckOptions = configs;
             });
             resolve(true);
@@ -928,18 +958,15 @@ class CkEditorControlComponent {
             this.extraProperties.setControl(this._fields.field.name, newControl);
             this.imagesContainerName =
                 this._fields.field.formConfiguration['Ckeditor.ImagesContainerName'];
-            if (!this.imagesContainerName) {
-                this.ckOptions?.toolbar?.items?.splice(this.ckOptions?.toolbar?.items?.indexOf('insertImage'), 1);
-            }
             resolve(true);
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: CkEditorControlComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.5", type: CkEditorControlComponent, selector: "ck-editor-control", inputs: { fields: "fields", parentFiledName: "parentFiledName", selected: "selected", entity: "entity" }, viewQueries: [{ propertyName: "submitclick", first: true, predicate: ["submitclick"], descendants: true, static: true }], ngImport: i0, template: "<form [formGroup]=\"_entity\">\n    <div formGroupName=\"extraProperties\">\n        <div class=\"mb-3\">\n            <label class=\"form-label\" *ngIf=\"_fields.displayName\">{{ _fields.displayName }}</label>\n            <ng-container *ngIf=\"ckOptions\">\n\n                <ckeditor [editor]=\"Editor\" *ngIf=\"Editor\" [config]=\"ckOptions\" (ready)=\"onReady($event)\"\n                    [formControlName]=\"_fields.field.name\">\n                </ckeditor>\n            </ng-container>\n            <small class=\"form-text text-muted d-block\"\n                *ngIf=\"_fields.field.description\">{{_fields.field.description}}</small>\n        </div>\n    </div>\n    <button type=\"submit\" style=\"display: none;\" #submitclick></button>\n</form>", styles: [""], dependencies: [{ kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i1$1.FormGroupName, selector: "[formGroupName]", inputs: ["formGroupName"] }, { kind: "directive", type: i3.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "directive", type: i3.ValidationDirective, selector: "[formControl],[formControlName]", exportAs: ["validationDirective"] }, { kind: "component", type: i4.CKEditorComponent, selector: "ckeditor", inputs: ["editor", "config", "data", "tagName", "watchdog", "editorWatchdogConfig", "disableTwoWayDataBinding", "disabled"], outputs: ["ready", "change", "blur", "focus", "error"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.5", type: CkEditorControlComponent, selector: "ck-editor-control", inputs: { fields: "fields", parentFiledName: "parentFiledName", selected: "selected", entity: "entity" }, viewQueries: [{ propertyName: "submitclick", first: true, predicate: ["submitclick"], descendants: true, static: true }], ngImport: i0, template: "<form [formGroup]=\"_entity\">\n    <div formGroupName=\"extraProperties\">\n        <div class=\"mb-3\">\n            <label class=\"form-label\" *ngIf=\"_fields.displayName\">{{ _fields.displayName }}</label>\n            <ng-container *ngIf=\"ckOptions\">\n                <ckeditor class=\"form-textarea\" [editor]=\"Editor\" *ngIf=\"Editor\" [config]=\"ckOptions\" (ready)=\"onReady($event)\"\n                    [formControlName]=\"_fields.field.name\">\n                </ckeditor>\n            </ng-container>\n            <small class=\"form-text text-muted d-block\"\n                *ngIf=\"_fields.field.description\">{{_fields.field.description}}</small>\n        </div>\n    </div>\n    <button type=\"submit\" style=\"display: none;\" #submitclick></button>\n</form>", styles: ["@charset \"UTF-8\";:root .ck.ck-editor__editable_inline{min-height:160px!important}.ck.ck-editor__main>.ck-editor__editable{background:var(--bs-body-bg)!important}.ck.ck-toolbar,.ck.ck-button.ck-list-item-button,.ck.ck-button.ck-list-item-button.ck-on,.ck.ck-dropdown__panel{background:var(--bs-body-bg)!important}.ck.ck-editor__editable_inline{border-color:var(--ck-color-base-border)!important}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i1$1.FormGroupName, selector: "[formGroupName]", inputs: ["formGroupName"] }, { kind: "directive", type: i4.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "directive", type: i4.ValidationDirective, selector: "[formControl],[formControlName]", exportAs: ["validationDirective"] }, { kind: "component", type: i4$1.CKEditorComponent, selector: "ckeditor", inputs: ["editor", "config", "data", "tagName", "watchdog", "editorWatchdogConfig", "disableTwoWayDataBinding", "disabled"], outputs: ["ready", "change", "blur", "focus", "error"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: CkEditorControlComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ck-editor-control', template: "<form [formGroup]=\"_entity\">\n    <div formGroupName=\"extraProperties\">\n        <div class=\"mb-3\">\n            <label class=\"form-label\" *ngIf=\"_fields.displayName\">{{ _fields.displayName }}</label>\n            <ng-container *ngIf=\"ckOptions\">\n\n                <ckeditor [editor]=\"Editor\" *ngIf=\"Editor\" [config]=\"ckOptions\" (ready)=\"onReady($event)\"\n                    [formControlName]=\"_fields.field.name\">\n                </ckeditor>\n            </ng-container>\n            <small class=\"form-text text-muted d-block\"\n                *ngIf=\"_fields.field.description\">{{_fields.field.description}}</small>\n        </div>\n    </div>\n    <button type=\"submit\" style=\"display: none;\" #submitclick></button>\n</form>" }]
+            args: [{ selector: 'ck-editor-control', template: "<form [formGroup]=\"_entity\">\n    <div formGroupName=\"extraProperties\">\n        <div class=\"mb-3\">\n            <label class=\"form-label\" *ngIf=\"_fields.displayName\">{{ _fields.displayName }}</label>\n            <ng-container *ngIf=\"ckOptions\">\n                <ckeditor class=\"form-textarea\" [editor]=\"Editor\" *ngIf=\"Editor\" [config]=\"ckOptions\" (ready)=\"onReady($event)\"\n                    [formControlName]=\"_fields.field.name\">\n                </ckeditor>\n            </ng-container>\n            <small class=\"form-text text-muted d-block\"\n                *ngIf=\"_fields.field.description\">{{_fields.field.description}}</small>\n        </div>\n    </div>\n    <button type=\"submit\" style=\"display: none;\" #submitclick></button>\n</form>", styles: ["@charset \"UTF-8\";:root .ck.ck-editor__editable_inline{min-height:160px!important}.ck.ck-editor__main>.ck-editor__editable{background:var(--bs-body-bg)!important}.ck.ck-toolbar,.ck.ck-button.ck-list-item-button,.ck.ck-button.ck-list-item-button.ck-on,.ck.ck-dropdown__panel{background:var(--bs-body-bg)!important}.ck.ck-editor__editable_inline{border-color:var(--ck-color-base-border)!important}\n"] }]
         }], ctorParameters: () => [], propDecorators: { fields: [{
                 type: Input
             }], parentFiledName: [{
@@ -1070,5 +1097,5 @@ class isBase64UploadAdapter {
  * Generated bundle index. Do not edit.
  */
 
-export { AddFieldControlGroup, CkEditorModule, SetCkEditorConfigsService, ckEditorFieldControlGroup, getExcludeAssignControl, isBase64UploadAdapter };
+export { AddFieldControlGroup, CkEditorModeEnum, CkEditorModeEnumOptions, CkEditorModule, SetCkEditorConfigsService, ckEditorFieldControlGroup, getExcludeAssignControl, isBase64UploadAdapter };
 //# sourceMappingURL=dignite-ng-expand.ck-editor.mjs.map