@dignite-ng/expand.ck-editor 3.0.0-rc.4 → 3.0.0-rc.41
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +117 -13
- package/esm2022/config/ck-editor-config.module.mjs +1 -1
- package/esm2022/config/dignite-ng-expand.ck-editor-config.mjs +1 -1
- package/esm2022/config/enums/index.mjs +1 -1
- package/esm2022/config/enums/route-names.mjs +1 -1
- package/esm2022/config/providers/index.mjs +1 -1
- package/esm2022/config/providers/route.provider.mjs +1 -1
- package/esm2022/config/public-api.mjs +1 -1
- package/esm2022/dignite-ng-expand.ck-editor.mjs +1 -1
- package/esm2022/lib/adapter/ckEditorUpload.mjs +1 -1
- package/esm2022/lib/adapter/index.mjs +1 -1
- package/esm2022/lib/ck-editor-routing.module.mjs +1 -1
- package/esm2022/lib/ck-editor.module.mjs +5 -2
- package/esm2022/lib/dynamic-form/ck-editor/ck-editor-config.component.mjs +4 -2
- package/esm2022/lib/dynamic-form/ck-editor/ck-editor-config.mjs +3 -2
- package/esm2022/lib/dynamic-form/ck-editor/ck-editor-control.component.mjs +19 -14
- package/esm2022/lib/dynamic-form/ck-editor/ck-editor-view.component.mjs +39 -0
- package/esm2022/lib/dynamic-form/ck-editor/ckEditorUpload.mjs +1 -1
- package/esm2022/lib/dynamic-form/ck-editor/index.mjs +2 -1
- package/esm2022/lib/dynamic-form/form-control-group.mjs +3 -2
- package/esm2022/lib/dynamic-form/index.mjs +1 -1
- package/esm2022/lib/enums/ck-editor-mode.enum.mjs +1 -1
- package/esm2022/lib/enums/languages-map.mjs +1 -1
- package/esm2022/lib/interfaces/form-config-interfaces.mjs +1 -1
- package/esm2022/lib/interfaces/index.mjs +1 -1
- package/esm2022/lib/object/ck-editor-object.mjs +24 -356
- package/esm2022/lib/services/index.mjs +1 -1
- package/esm2022/lib/services/set-ck-editor-configs.service.mjs +6 -6
- package/esm2022/public-api.mjs +1 -1
- package/fesm2022/dignite-ng-expand.ck-editor-config.mjs.map +1 -1
- package/fesm2022/dignite-ng-expand.ck-editor.mjs +97 -385
- package/fesm2022/dignite-ng-expand.ck-editor.mjs.map +1 -1
- package/lib/ck-editor.module.d.ts +6 -5
- package/lib/dynamic-form/ck-editor/ck-editor-view.component.d.ts +17 -0
- package/lib/dynamic-form/ck-editor/index.d.ts +1 -0
- package/lib/services/set-ck-editor-configs.service.d.ts +0 -1
- package/package.json +12 -10
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import { NgModule, inject, ChangeDetectorRef,
|
|
2
|
+
import { NgModule, inject, ChangeDetectorRef, ViewChild, Input, Component, Injectable } from '@angular/core';
|
|
3
3
|
import * as i1 from '@angular/router';
|
|
4
4
|
import { RouterModule } from '@angular/router';
|
|
5
5
|
import * as i3 from '@abp/ng.core';
|
|
@@ -7,7 +7,7 @@ import { mapEnumToOptions, ConfigStateService, RestService, LazyLoadService, Sub
|
|
|
7
7
|
import { ThemeSharedModule } from '@abp/ng.theme.shared';
|
|
8
8
|
import * as i1$1 from '@angular/forms';
|
|
9
9
|
import { FormBuilder, Validators } from '@angular/forms';
|
|
10
|
-
import * as
|
|
10
|
+
import * as i1$2 from '@angular/common';
|
|
11
11
|
import * as i4 from '@ngx-validate/core';
|
|
12
12
|
import * as i4$1 from '@ckeditor/ckeditor5-angular';
|
|
13
13
|
import { CKEditorModule } from '@ckeditor/ckeditor5-angular';
|
|
@@ -26,10 +26,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImpor
|
|
|
26
26
|
}]
|
|
27
27
|
}] });
|
|
28
28
|
|
|
29
|
+
var CkEditorModeEnum;
|
|
30
|
+
(function (CkEditorModeEnum) {
|
|
31
|
+
CkEditorModeEnum[CkEditorModeEnum["Simple"] = 0] = "Simple";
|
|
32
|
+
CkEditorModeEnum[CkEditorModeEnum["Classic"] = 1] = "Classic";
|
|
33
|
+
})(CkEditorModeEnum || (CkEditorModeEnum = {}));
|
|
34
|
+
const CkEditorModeEnumOptions = mapEnumToOptions(CkEditorModeEnum);
|
|
35
|
+
|
|
29
36
|
class CkEditorConfig {
|
|
30
37
|
constructor(data) {
|
|
31
38
|
/**类型 */
|
|
32
|
-
this['Ckeditor.Mode'] = [
|
|
39
|
+
this['Ckeditor.Mode'] = [CkEditorModeEnum.Simple, []];
|
|
33
40
|
/**文件容器名称 */
|
|
34
41
|
// placeholder: any = new FormControl('', Validators.required);
|
|
35
42
|
this['Ckeditor.ImagesContainerName'] = ['', []];
|
|
@@ -46,13 +53,7 @@ class CkEditorConfig {
|
|
|
46
53
|
}
|
|
47
54
|
}
|
|
48
55
|
|
|
49
|
-
|
|
50
|
-
(function (CkEditorModeEnum) {
|
|
51
|
-
CkEditorModeEnum[CkEditorModeEnum["Simple"] = 0] = "Simple";
|
|
52
|
-
CkEditorModeEnum[CkEditorModeEnum["Classic"] = 1] = "Classic";
|
|
53
|
-
})(CkEditorModeEnum || (CkEditorModeEnum = {}));
|
|
54
|
-
const CkEditorModeEnumOptions = mapEnumToOptions(CkEditorModeEnum);
|
|
55
|
-
|
|
56
|
+
/* eslint-disable @angular-eslint/component-selector */
|
|
56
57
|
class CkEditorConfigComponent {
|
|
57
58
|
constructor(fb) {
|
|
58
59
|
this.fb = fb;
|
|
@@ -95,7 +96,7 @@ class CkEditorConfigComponent {
|
|
|
95
96
|
});
|
|
96
97
|
}
|
|
97
98
|
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 }); }
|
|
98
|
-
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:
|
|
99
|
+
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: i1$2.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" }] }); }
|
|
99
100
|
}
|
|
100
101
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: CkEditorConfigComponent, decorators: [{
|
|
101
102
|
type: Component,
|
|
@@ -162,6 +163,7 @@ let isBase64UploadAdapter$1 = class isBase64UploadAdapter {
|
|
|
162
163
|
}
|
|
163
164
|
};
|
|
164
165
|
|
|
166
|
+
/* eslint-disable no-var */
|
|
165
167
|
var Simple = {
|
|
166
168
|
toolbar: {
|
|
167
169
|
items: [
|
|
@@ -174,7 +176,10 @@ var Simple = {
|
|
|
174
176
|
'bold',
|
|
175
177
|
'italic',
|
|
176
178
|
'underline',
|
|
177
|
-
'insertImage'
|
|
179
|
+
'insertImage',
|
|
180
|
+
'|',
|
|
181
|
+
'bulletedList',
|
|
182
|
+
'numberedList',
|
|
178
183
|
],
|
|
179
184
|
shouldNotGroupWhenFull: false,
|
|
180
185
|
},
|
|
@@ -238,339 +243,6 @@ var Simple = {
|
|
|
238
243
|
},
|
|
239
244
|
},
|
|
240
245
|
};
|
|
241
|
-
// export var defaults: any= {
|
|
242
|
-
// toolbar: {
|
|
243
|
-
// items: [
|
|
244
|
-
// 'undo',
|
|
245
|
-
// 'redo',
|
|
246
|
-
// '|',
|
|
247
|
-
// 'heading',
|
|
248
|
-
// '|',
|
|
249
|
-
// 'fontSize',
|
|
250
|
-
// 'fontFamily',
|
|
251
|
-
// 'fontColor',
|
|
252
|
-
// 'fontBackgroundColor',
|
|
253
|
-
// 'link',
|
|
254
|
-
// '|',
|
|
255
|
-
// 'bold',
|
|
256
|
-
// 'italic',
|
|
257
|
-
// 'underline',
|
|
258
|
-
// '|',
|
|
259
|
-
// 'insertImage',
|
|
260
|
-
// ],
|
|
261
|
-
// shouldNotGroupWhenFull: false,
|
|
262
|
-
// },
|
|
263
|
-
// plugins: [],
|
|
264
|
-
// heading: {
|
|
265
|
-
// options: [
|
|
266
|
-
// {
|
|
267
|
-
// model: 'paragraph',
|
|
268
|
-
// title: 'Paragraph',
|
|
269
|
-
// class: 'ck-heading_paragraph',
|
|
270
|
-
// },
|
|
271
|
-
// {
|
|
272
|
-
// model: 'heading1',
|
|
273
|
-
// view: 'h1',
|
|
274
|
-
// title: 'Heading 1',
|
|
275
|
-
// class: 'ck-heading_heading1',
|
|
276
|
-
// },
|
|
277
|
-
// {
|
|
278
|
-
// model: 'heading2',
|
|
279
|
-
// view: 'h2',
|
|
280
|
-
// title: 'Heading 2',
|
|
281
|
-
// class: 'ck-heading_heading2',
|
|
282
|
-
// },
|
|
283
|
-
// {
|
|
284
|
-
// model: 'heading3',
|
|
285
|
-
// view: 'h3',
|
|
286
|
-
// title: 'Heading 3',
|
|
287
|
-
// class: 'ck-heading_heading3',
|
|
288
|
-
// },
|
|
289
|
-
// {
|
|
290
|
-
// model: 'heading4',
|
|
291
|
-
// view: 'h4',
|
|
292
|
-
// title: 'Heading 4',
|
|
293
|
-
// class: 'ck-heading_heading4',
|
|
294
|
-
// },
|
|
295
|
-
// {
|
|
296
|
-
// model: 'heading5',
|
|
297
|
-
// view: 'h5',
|
|
298
|
-
// title: 'Heading 5',
|
|
299
|
-
// class: 'ck-heading_heading5',
|
|
300
|
-
// },
|
|
301
|
-
// {
|
|
302
|
-
// model: 'heading6',
|
|
303
|
-
// view: 'h6',
|
|
304
|
-
// title: 'Heading 6',
|
|
305
|
-
// class: 'ck-heading_heading6',
|
|
306
|
-
// },
|
|
307
|
-
// ],
|
|
308
|
-
// },
|
|
309
|
-
// fontSize: {
|
|
310
|
-
// options: [10, 12, 14, 'default', 18, 20, 22, 24, 26, 28, 30, 32],
|
|
311
|
-
// },
|
|
312
|
-
// link: {
|
|
313
|
-
// addTargetToExternalLinks: true,
|
|
314
|
-
// defaultProtocol: 'https://',
|
|
315
|
-
// decorators: {
|
|
316
|
-
// toggleDownloadable: {
|
|
317
|
-
// mode: 'manual',
|
|
318
|
-
// label: 'Downloadable',
|
|
319
|
-
// attributes: {
|
|
320
|
-
// download: 'file',
|
|
321
|
-
// },
|
|
322
|
-
// },
|
|
323
|
-
// },
|
|
324
|
-
// },
|
|
325
|
-
// image: {
|
|
326
|
-
// toolbar: [
|
|
327
|
-
// 'toggleImageCaption',
|
|
328
|
-
// 'imageTextAlternative',
|
|
329
|
-
// '|',
|
|
330
|
-
// 'imageStyle:inline',
|
|
331
|
-
// 'imageStyle:wrapText',
|
|
332
|
-
// 'imageStyle:breakText',
|
|
333
|
-
// '|',
|
|
334
|
-
// 'resizeImage',
|
|
335
|
-
// ],
|
|
336
|
-
// styles: {
|
|
337
|
-
// options: [
|
|
338
|
-
// 'inline', 'alignLeft', 'alignRight',
|
|
339
|
-
// 'alignCenter', 'alignBlockLeft', 'alignBlockRight',
|
|
340
|
-
// 'block', 'side'
|
|
341
|
-
// ]
|
|
342
|
-
// },
|
|
343
|
-
// resizeOptions: [{
|
|
344
|
-
// name: 'resizeImage:original',
|
|
345
|
-
// label: 'Original',
|
|
346
|
-
// value: null
|
|
347
|
-
// },
|
|
348
|
-
// {
|
|
349
|
-
// name: 'resizeImage:25',
|
|
350
|
-
// label: '25%',
|
|
351
|
-
// value: '25'
|
|
352
|
-
// },
|
|
353
|
-
// {
|
|
354
|
-
// name: 'resizeImage:50',
|
|
355
|
-
// label: '50%',
|
|
356
|
-
// value: '50'
|
|
357
|
-
// },
|
|
358
|
-
// {
|
|
359
|
-
// name: 'resizeImage:75',
|
|
360
|
-
// label: '75%',
|
|
361
|
-
// value: '75'
|
|
362
|
-
// }
|
|
363
|
-
// ],
|
|
364
|
-
// },
|
|
365
|
-
// }
|
|
366
|
-
// export var standard: any= {
|
|
367
|
-
// toolbar: {
|
|
368
|
-
// items: [
|
|
369
|
-
// 'undo',
|
|
370
|
-
// 'redo',
|
|
371
|
-
// '|',
|
|
372
|
-
// 'heading',
|
|
373
|
-
// '|',
|
|
374
|
-
// 'fontSize',
|
|
375
|
-
// 'fontFamily',
|
|
376
|
-
// 'fontColor',
|
|
377
|
-
// 'fontBackgroundColor',
|
|
378
|
-
// '|',
|
|
379
|
-
// 'bold',
|
|
380
|
-
// 'italic',
|
|
381
|
-
// 'underline',
|
|
382
|
-
// 'strikethrough',
|
|
383
|
-
// '|',
|
|
384
|
-
// 'link',
|
|
385
|
-
// 'insertImage',
|
|
386
|
-
// 'insertTable',
|
|
387
|
-
// '|',
|
|
388
|
-
// 'alignment',
|
|
389
|
-
// '|',
|
|
390
|
-
// 'bulletedList',
|
|
391
|
-
// 'numberedList',
|
|
392
|
-
// ],
|
|
393
|
-
// shouldNotGroupWhenFull: false,
|
|
394
|
-
// },
|
|
395
|
-
// plugins: [],
|
|
396
|
-
// fontSize: {
|
|
397
|
-
// options: [10, 12, 14, 'default', 18, 20, 22, 24, 26, 28, 30, 32],
|
|
398
|
-
// supportAllValues: true,
|
|
399
|
-
// },
|
|
400
|
-
// heading: {
|
|
401
|
-
// options: [
|
|
402
|
-
// {
|
|
403
|
-
// model: 'paragraph',
|
|
404
|
-
// title: 'Paragraph',
|
|
405
|
-
// class: 'ck-heading_paragraph',
|
|
406
|
-
// },
|
|
407
|
-
// {
|
|
408
|
-
// model: 'heading1',
|
|
409
|
-
// view: 'h1',
|
|
410
|
-
// title: 'Heading 1',
|
|
411
|
-
// class: 'ck-heading_heading1',
|
|
412
|
-
// },
|
|
413
|
-
// {
|
|
414
|
-
// model: 'heading2',
|
|
415
|
-
// view: 'h2',
|
|
416
|
-
// title: 'Heading 2',
|
|
417
|
-
// class: 'ck-heading_heading2',
|
|
418
|
-
// },
|
|
419
|
-
// {
|
|
420
|
-
// model: 'heading3',
|
|
421
|
-
// view: 'h3',
|
|
422
|
-
// title: 'Heading 3',
|
|
423
|
-
// class: 'ck-heading_heading3',
|
|
424
|
-
// },
|
|
425
|
-
// {
|
|
426
|
-
// model: 'heading4',
|
|
427
|
-
// view: 'h4',
|
|
428
|
-
// title: 'Heading 4',
|
|
429
|
-
// class: 'ck-heading_heading4',
|
|
430
|
-
// },
|
|
431
|
-
// {
|
|
432
|
-
// model: 'heading5',
|
|
433
|
-
// view: 'h5',
|
|
434
|
-
// title: 'Heading 5',
|
|
435
|
-
// class: 'ck-heading_heading5',
|
|
436
|
-
// },
|
|
437
|
-
// {
|
|
438
|
-
// model: 'heading6',
|
|
439
|
-
// view: 'h6',
|
|
440
|
-
// title: 'Heading 6',
|
|
441
|
-
// class: 'ck-heading_heading6',
|
|
442
|
-
// },
|
|
443
|
-
// ],
|
|
444
|
-
// },
|
|
445
|
-
// htmlSupport: {
|
|
446
|
-
// allow: [
|
|
447
|
-
// {
|
|
448
|
-
// name: /^.*$/,
|
|
449
|
-
// styles: true,
|
|
450
|
-
// attributes: true,
|
|
451
|
-
// classes: true,
|
|
452
|
-
// },
|
|
453
|
-
// ],
|
|
454
|
-
// },
|
|
455
|
-
// image: {
|
|
456
|
-
// toolbar: [
|
|
457
|
-
// 'toggleImageCaption',
|
|
458
|
-
// 'imageTextAlternative',
|
|
459
|
-
// '|',
|
|
460
|
-
// 'imageStyle:inline',
|
|
461
|
-
// 'imageStyle:wrapText',
|
|
462
|
-
// 'imageStyle:breakText',
|
|
463
|
-
// '|',
|
|
464
|
-
// 'resizeImage',
|
|
465
|
-
// ],
|
|
466
|
-
// styles: {
|
|
467
|
-
// options: [
|
|
468
|
-
// 'inline', 'alignLeft', 'alignRight',
|
|
469
|
-
// 'alignCenter', 'alignBlockLeft', 'alignBlockRight',
|
|
470
|
-
// 'block', 'side'
|
|
471
|
-
// ]
|
|
472
|
-
// },
|
|
473
|
-
// resizeOptions: [{
|
|
474
|
-
// name: 'resizeImage:original',
|
|
475
|
-
// label: 'Original',
|
|
476
|
-
// value: null
|
|
477
|
-
// },
|
|
478
|
-
// {
|
|
479
|
-
// name: 'resizeImage:25',
|
|
480
|
-
// label: '25%',
|
|
481
|
-
// value: '25'
|
|
482
|
-
// },
|
|
483
|
-
// {
|
|
484
|
-
// name: 'resizeImage:50',
|
|
485
|
-
// label: '50%',
|
|
486
|
-
// value: '50'
|
|
487
|
-
// },
|
|
488
|
-
// {
|
|
489
|
-
// name: 'resizeImage:75',
|
|
490
|
-
// label: '75%',
|
|
491
|
-
// value: '75'
|
|
492
|
-
// }
|
|
493
|
-
// ],
|
|
494
|
-
// },
|
|
495
|
-
// link: {
|
|
496
|
-
// addTargetToExternalLinks: true,
|
|
497
|
-
// defaultProtocol: 'https://',
|
|
498
|
-
// decorators: {
|
|
499
|
-
// toggleDownloadable: {
|
|
500
|
-
// mode: 'manual',
|
|
501
|
-
// label: 'Downloadable',
|
|
502
|
-
// attributes: {
|
|
503
|
-
// download: 'file',
|
|
504
|
-
// },
|
|
505
|
-
// },
|
|
506
|
-
// },
|
|
507
|
-
// },
|
|
508
|
-
// list: {
|
|
509
|
-
// properties: {
|
|
510
|
-
// styles: true,
|
|
511
|
-
// startIndex: true,
|
|
512
|
-
// reversed: true,
|
|
513
|
-
// },
|
|
514
|
-
// },
|
|
515
|
-
// style: {
|
|
516
|
-
// definitions: [
|
|
517
|
-
// {
|
|
518
|
-
// name: 'Article category',
|
|
519
|
-
// element: 'h3',
|
|
520
|
-
// classes: ['category'],
|
|
521
|
-
// },
|
|
522
|
-
// {
|
|
523
|
-
// name: 'Title',
|
|
524
|
-
// element: 'h2',
|
|
525
|
-
// classes: ['document-title'],
|
|
526
|
-
// },
|
|
527
|
-
// {
|
|
528
|
-
// name: 'Subtitle',
|
|
529
|
-
// element: 'h3',
|
|
530
|
-
// classes: ['document-subtitle'],
|
|
531
|
-
// },
|
|
532
|
-
// {
|
|
533
|
-
// name: 'Info box',
|
|
534
|
-
// element: 'p',
|
|
535
|
-
// classes: ['info-box'],
|
|
536
|
-
// },
|
|
537
|
-
// {
|
|
538
|
-
// name: 'Side quote',
|
|
539
|
-
// element: 'blockquote',
|
|
540
|
-
// classes: ['side-quote'],
|
|
541
|
-
// },
|
|
542
|
-
// {
|
|
543
|
-
// name: 'Marker',
|
|
544
|
-
// element: 'span',
|
|
545
|
-
// classes: ['marker'],
|
|
546
|
-
// },
|
|
547
|
-
// {
|
|
548
|
-
// name: 'Spoiler',
|
|
549
|
-
// element: 'span',
|
|
550
|
-
// classes: ['spoiler'],
|
|
551
|
-
// },
|
|
552
|
-
// {
|
|
553
|
-
// name: 'Code (dark)',
|
|
554
|
-
// element: 'pre',
|
|
555
|
-
// classes: ['fancy-code', 'fancy-code-dark'],
|
|
556
|
-
// },
|
|
557
|
-
// {
|
|
558
|
-
// name: 'Code (bright)',
|
|
559
|
-
// element: 'pre',
|
|
560
|
-
// classes: ['fancy-code', 'fancy-code-bright'],
|
|
561
|
-
// },
|
|
562
|
-
// ],
|
|
563
|
-
// },
|
|
564
|
-
// table: {
|
|
565
|
-
// contentToolbar: [
|
|
566
|
-
// 'tableColumn',
|
|
567
|
-
// 'tableRow',
|
|
568
|
-
// 'mergeTableCells',
|
|
569
|
-
// 'tableProperties',
|
|
570
|
-
// 'tableCellProperties',
|
|
571
|
-
// ],
|
|
572
|
-
// },
|
|
573
|
-
// }
|
|
574
246
|
var Classic = {
|
|
575
247
|
toolbar: {
|
|
576
248
|
items: [
|
|
@@ -611,6 +283,7 @@ var Classic = {
|
|
|
611
283
|
],
|
|
612
284
|
shouldNotGroupWhenFull: false,
|
|
613
285
|
},
|
|
286
|
+
pasteFromWordRemoveStyles: true,
|
|
614
287
|
plugins: [],
|
|
615
288
|
fontFamily: {
|
|
616
289
|
supportAllValues: true,
|
|
@@ -664,16 +337,6 @@ var Classic = {
|
|
|
664
337
|
},
|
|
665
338
|
],
|
|
666
339
|
},
|
|
667
|
-
htmlSupport: {
|
|
668
|
-
allow: [
|
|
669
|
-
{
|
|
670
|
-
name: /^.*$/,
|
|
671
|
-
styles: true,
|
|
672
|
-
attributes: true,
|
|
673
|
-
classes: true,
|
|
674
|
-
},
|
|
675
|
-
],
|
|
676
|
-
},
|
|
677
340
|
image: {
|
|
678
341
|
toolbar: [
|
|
679
342
|
'toggleImageCaption',
|
|
@@ -687,31 +350,37 @@ var Classic = {
|
|
|
687
350
|
],
|
|
688
351
|
styles: {
|
|
689
352
|
options: [
|
|
690
|
-
'inline',
|
|
691
|
-
'
|
|
692
|
-
'
|
|
693
|
-
|
|
353
|
+
'inline',
|
|
354
|
+
'alignLeft',
|
|
355
|
+
'alignRight',
|
|
356
|
+
'alignCenter',
|
|
357
|
+
'alignBlockLeft',
|
|
358
|
+
'alignBlockRight',
|
|
359
|
+
'block',
|
|
360
|
+
'side',
|
|
361
|
+
],
|
|
694
362
|
},
|
|
695
|
-
resizeOptions: [
|
|
363
|
+
resizeOptions: [
|
|
364
|
+
{
|
|
696
365
|
name: 'resizeImage:original',
|
|
697
366
|
label: 'Original',
|
|
698
|
-
value: null
|
|
367
|
+
value: null,
|
|
699
368
|
},
|
|
700
369
|
{
|
|
701
370
|
name: 'resizeImage:25',
|
|
702
371
|
label: '25%',
|
|
703
|
-
value: '25'
|
|
372
|
+
value: '25',
|
|
704
373
|
},
|
|
705
374
|
{
|
|
706
375
|
name: 'resizeImage:50',
|
|
707
376
|
label: '50%',
|
|
708
|
-
value: '50'
|
|
377
|
+
value: '50',
|
|
709
378
|
},
|
|
710
379
|
{
|
|
711
380
|
name: 'resizeImage:75',
|
|
712
381
|
label: '75%',
|
|
713
|
-
value: '75'
|
|
714
|
-
}
|
|
382
|
+
value: '75',
|
|
383
|
+
},
|
|
715
384
|
],
|
|
716
385
|
},
|
|
717
386
|
link: {
|
|
@@ -797,7 +466,7 @@ var CkEditorTypesObject = {
|
|
|
797
466
|
// default: defaults,
|
|
798
467
|
Simple: Simple,
|
|
799
468
|
// standard: standard,
|
|
800
|
-
Classic: Classic
|
|
469
|
+
Classic: Classic,
|
|
801
470
|
};
|
|
802
471
|
|
|
803
472
|
var LanguagesMap;
|
|
@@ -822,14 +491,14 @@ var LanguagesMap;
|
|
|
822
491
|
LanguagesMap["vi"] = "vi";
|
|
823
492
|
})(LanguagesMap || (LanguagesMap = {}));
|
|
824
493
|
|
|
494
|
+
/* eslint-disable no-async-promise-executor */
|
|
825
495
|
// import { CkEditorModeEnum } from '../enums/ck-editor-mode-enum';
|
|
826
496
|
class SetCkEditorConfigsService {
|
|
827
|
-
constructor() { }
|
|
828
497
|
async get(input) {
|
|
829
|
-
|
|
498
|
+
const { language, type } = input;
|
|
830
499
|
return new Promise(async (resolve, rejects) => {
|
|
831
|
-
|
|
832
|
-
|
|
500
|
+
const configs = CkEditorTypesObject[CkEditorModeEnum[type]];
|
|
501
|
+
const { 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');
|
|
833
502
|
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];
|
|
834
503
|
configs.language = LanguagesMap[language];
|
|
835
504
|
await import(`@ckeditor/ckeditor5-build-decoupled-document/build/translations/${LanguagesMap[language]}`);
|
|
@@ -844,8 +513,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImpor
|
|
|
844
513
|
args: [{
|
|
845
514
|
providedIn: 'root',
|
|
846
515
|
}]
|
|
847
|
-
}]
|
|
516
|
+
}] });
|
|
848
517
|
|
|
518
|
+
/* eslint-disable no-async-promise-executor */
|
|
519
|
+
/* eslint-disable @typescript-eslint/no-this-alias */
|
|
520
|
+
/* eslint-disable @angular-eslint/component-selector */
|
|
849
521
|
class CkEditorControlComponent {
|
|
850
522
|
constructor() {
|
|
851
523
|
this.config = inject(ConfigStateService);
|
|
@@ -867,7 +539,7 @@ class CkEditorControlComponent {
|
|
|
867
539
|
this.imagesContainerName = '';
|
|
868
540
|
}
|
|
869
541
|
onReady(editor) {
|
|
870
|
-
|
|
542
|
+
const _this = this;
|
|
871
543
|
editor.plugins.get('FileRepository').createUploadAdapter = function (loader) {
|
|
872
544
|
return new isBase64UploadAdapter$1(loader, _this.imagesContainerName, _this._restService);
|
|
873
545
|
};
|
|
@@ -890,7 +562,7 @@ class CkEditorControlComponent {
|
|
|
890
562
|
this.dataLoaded();
|
|
891
563
|
}
|
|
892
564
|
get extraProperties() {
|
|
893
|
-
return this._entity
|
|
565
|
+
return this._entity?.get('extraProperties');
|
|
894
566
|
}
|
|
895
567
|
get ckeditorInput() {
|
|
896
568
|
return this.extraProperties.get(this._fields.field.name);
|
|
@@ -902,14 +574,14 @@ class CkEditorControlComponent {
|
|
|
902
574
|
this.ckEditorValue =
|
|
903
575
|
this._selected || this._fields.field.formConfiguration['Ckeditor.InitialContent'];
|
|
904
576
|
this.setckeditorInput(this.ckEditorValue);
|
|
905
|
-
this.cdr.detectChanges(); // 手动触发变更检测
|
|
577
|
+
// this.cdr.detectChanges(); // 手动触发变更检测
|
|
906
578
|
await this.loadckeditor();
|
|
907
|
-
this.submitclick?.nativeElement?.click();
|
|
579
|
+
// this.submitclick?.nativeElement?.click();
|
|
908
580
|
}
|
|
909
581
|
}
|
|
910
582
|
loadckeditor() {
|
|
911
|
-
|
|
912
|
-
|
|
583
|
+
const _that = this;
|
|
584
|
+
const formConfiguration = this._fields.field.formConfiguration;
|
|
913
585
|
return new Promise(async (resolve) => {
|
|
914
586
|
await import('ckeditor5').then(async (res) => {
|
|
915
587
|
this.loadStyle();
|
|
@@ -923,12 +595,14 @@ class CkEditorControlComponent {
|
|
|
923
595
|
formConfiguration['Ckeditor.Mode'] = CkEditorModeEnum.Simple;
|
|
924
596
|
_that.Editor = res.InlineEditor;
|
|
925
597
|
}
|
|
926
|
-
|
|
598
|
+
const configs = await _that._SetCkEditorConfigsService.get({
|
|
927
599
|
language: _that.currentCulture,
|
|
928
600
|
type: formConfiguration['Ckeditor.Mode']
|
|
929
601
|
});
|
|
930
602
|
if (!this.imagesContainerName) {
|
|
931
|
-
|
|
603
|
+
if (configs?.toolbar?.items?.indexOf('insertImage') != -1) {
|
|
604
|
+
configs?.toolbar?.items?.splice(configs?.toolbar?.items?.indexOf('insertImage'), 1);
|
|
605
|
+
}
|
|
932
606
|
}
|
|
933
607
|
_that.ckOptions = configs;
|
|
934
608
|
});
|
|
@@ -946,11 +620,11 @@ class CkEditorControlComponent {
|
|
|
946
620
|
}
|
|
947
621
|
AfterInit() {
|
|
948
622
|
return new Promise(resolve => {
|
|
949
|
-
|
|
623
|
+
const ValidatorsArray = [];
|
|
950
624
|
if (this._fields.required) {
|
|
951
625
|
ValidatorsArray.push(Validators.required);
|
|
952
626
|
}
|
|
953
|
-
|
|
627
|
+
const newControl = this.fb.control(this._selected
|
|
954
628
|
? this._selected
|
|
955
629
|
: this._fields.field.formConfiguration['Ckeditor.InitialContent'], ValidatorsArray);
|
|
956
630
|
this.extraProperties.setControl(this._fields.field.name, newControl);
|
|
@@ -960,11 +634,11 @@ class CkEditorControlComponent {
|
|
|
960
634
|
});
|
|
961
635
|
}
|
|
962
636
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: CkEditorControlComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
963
|
-
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: "<
|
|
637
|
+
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: "<div [formGroup]=\"_entity\" (keydown.enter)=\"$event.stopPropagation()\">\n <div formGroupName=\"extraProperties\">\n <div class=\"mb-3\" (keydown.enter)=\"$event.stopPropagation()\">\n <label class=\"form-label\" *ngIf=\"_fields.displayName\">{{ _fields.displayName }}</label>\n <ng-container *ngIf=\"ckOptions\">\n <ckeditor class=\"form-textarea\" #editor [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</div>\n", 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: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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"] }] }); }
|
|
964
638
|
}
|
|
965
639
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: CkEditorControlComponent, decorators: [{
|
|
966
640
|
type: Component,
|
|
967
|
-
args: [{ selector: 'ck-editor-control', template: "<
|
|
641
|
+
args: [{ selector: 'ck-editor-control', template: "<div [formGroup]=\"_entity\" (keydown.enter)=\"$event.stopPropagation()\">\n <div formGroupName=\"extraProperties\">\n <div class=\"mb-3\" (keydown.enter)=\"$event.stopPropagation()\">\n <label class=\"form-label\" *ngIf=\"_fields.displayName\">{{ _fields.displayName }}</label>\n <ng-container *ngIf=\"ckOptions\">\n <ckeditor class=\"form-textarea\" #editor [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</div>\n", 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"] }]
|
|
968
642
|
}], ctorParameters: () => [], propDecorators: { fields: [{
|
|
969
643
|
type: Input
|
|
970
644
|
}], parentFiledName: [{
|
|
@@ -978,6 +652,42 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImpor
|
|
|
978
652
|
args: ['submitclick', { static: true }]
|
|
979
653
|
}] } });
|
|
980
654
|
|
|
655
|
+
class CkEditorViewComponent {
|
|
656
|
+
constructor() {
|
|
657
|
+
/**展示则内容 */
|
|
658
|
+
this.showValue = '';
|
|
659
|
+
/**是否显示再列表 */
|
|
660
|
+
this.showInList = false;
|
|
661
|
+
/**表单控件Value */
|
|
662
|
+
this._value = '';
|
|
663
|
+
}
|
|
664
|
+
set value(v) {
|
|
665
|
+
this._value = v;
|
|
666
|
+
}
|
|
667
|
+
async ngAfterContentInit() {
|
|
668
|
+
//Called after ngOnInit when the component's or directive's content has been initialized.
|
|
669
|
+
//Add 'implements AfterContentInit' to the class.
|
|
670
|
+
let valueOptions = this._value;
|
|
671
|
+
if (this.type && valueOptions) {
|
|
672
|
+
this.showValue = valueOptions;
|
|
673
|
+
}
|
|
674
|
+
}
|
|
675
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: CkEditorViewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
676
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.1.5", type: CkEditorViewComponent, selector: "ck-ck-editor-view", inputs: { showInList: "showInList", fields: "fields", type: "type", value: "value" }, ngImport: i0, template: "@if(showInList){\r\n {{showValue}}\r\n } @else{\r\n <div class=\"mb-3\">\r\n <label class=\"form-label\" *ngIf=\"fields.displayName\">{{ fields.displayName }}</label>\r\n <div>\r\n {{showValue}}\r\n </div>\r\n </div>\r\n }", styles: [""], dependencies: [{ kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
|
|
677
|
+
}
|
|
678
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: CkEditorViewComponent, decorators: [{
|
|
679
|
+
type: Component,
|
|
680
|
+
args: [{ selector: 'ck-ck-editor-view', template: "@if(showInList){\r\n {{showValue}}\r\n } @else{\r\n <div class=\"mb-3\">\r\n <label class=\"form-label\" *ngIf=\"fields.displayName\">{{ fields.displayName }}</label>\r\n <div>\r\n {{showValue}}\r\n </div>\r\n </div>\r\n }" }]
|
|
681
|
+
}], propDecorators: { showInList: [{
|
|
682
|
+
type: Input
|
|
683
|
+
}], fields: [{
|
|
684
|
+
type: Input
|
|
685
|
+
}], type: [{
|
|
686
|
+
type: Input
|
|
687
|
+
}], value: [{
|
|
688
|
+
type: Input
|
|
689
|
+
}] } });
|
|
690
|
+
|
|
981
691
|
/**
|
|
982
692
|
* 表单控件分组-包含配置，控件，显示的数组
|
|
983
693
|
*/
|
|
@@ -987,7 +697,7 @@ const ckEditorFieldControlGroup = [
|
|
|
987
697
|
name: 'CkEditor',
|
|
988
698
|
fieldConfigComponent: CkEditorConfigComponent,
|
|
989
699
|
fieldComponent: CkEditorControlComponent,
|
|
990
|
-
|
|
700
|
+
fieldViewComponent: CkEditorViewComponent,
|
|
991
701
|
},
|
|
992
702
|
];
|
|
993
703
|
function getExcludeAssignControl(typeName) {
|
|
@@ -1001,7 +711,8 @@ function AddFieldControlGroup(array = []) {
|
|
|
1001
711
|
class CkEditorModule {
|
|
1002
712
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: CkEditorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
1003
713
|
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.1.5", ngImport: i0, type: CkEditorModule, declarations: [CkEditorControlComponent,
|
|
1004
|
-
CkEditorConfigComponent
|
|
714
|
+
CkEditorConfigComponent,
|
|
715
|
+
CkEditorViewComponent], imports: [CoreModule,
|
|
1005
716
|
ThemeSharedModule,
|
|
1006
717
|
CkEditorRoutingModule,
|
|
1007
718
|
CKEditorModule] }); }
|
|
@@ -1016,6 +727,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImpor
|
|
|
1016
727
|
declarations: [
|
|
1017
728
|
CkEditorControlComponent,
|
|
1018
729
|
CkEditorConfigComponent,
|
|
730
|
+
CkEditorViewComponent,
|
|
1019
731
|
],
|
|
1020
732
|
imports: [
|
|
1021
733
|
CoreModule,
|