@progress/kendo-angular-editor 21.1.1-develop.1 → 21.2.0-develop.1
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/esm2022/dialogs/file-link-dialog.component.mjs +118 -119
- package/esm2022/editor.component.mjs +296 -283
- package/esm2022/package-metadata.mjs +2 -2
- package/esm2022/tools/colorpicker/editor-colorpicker.component.mjs +112 -107
- package/esm2022/tools/fontfamily/editor-fontfamily.component.mjs +78 -75
- package/esm2022/tools/fontsize/editor-fontsize.component.mjs +78 -75
- package/esm2022/tools/format/editor-format-dropdownlist.component.mjs +118 -101
- package/esm2022/tools/format/editor-format.component.mjs +76 -73
- package/esm2022/tools/tables/editor-insert-table-button.component.mjs +86 -83
- package/esm2022/tools/tables/popup-table-grid.component.mjs +28 -25
- package/fesm2022/progress-kendo-angular-editor.mjs +993 -935
- package/package.json +15 -15
- package/schematics/ngAdd/index.js +8 -4
|
@@ -3,7 +3,6 @@
|
|
|
3
3
|
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
4
|
*-------------------------------------------------------------------------------------------*/
|
|
5
5
|
import { Component, HostBinding, ViewChild, ContentChild, ViewContainerRef, Output, ElementRef, EventEmitter, forwardRef, Input, ChangeDetectorRef, NgZone, isDevMode, Renderer2 } from '@angular/core';
|
|
6
|
-
import { NgIf } from '@angular/common';
|
|
7
6
|
import { NG_VALUE_ACCESSOR } from '@angular/forms';
|
|
8
7
|
import { BehaviorSubject, fromEvent, Subject, zip } from 'rxjs';
|
|
9
8
|
import { map, filter, take } from 'rxjs/operators';
|
|
@@ -850,7 +849,7 @@ export class EditorComponent {
|
|
|
850
849
|
return cleanContent;
|
|
851
850
|
}
|
|
852
851
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: EditorComponent, deps: [{ token: i1.DialogService }, { token: i2.LocalizationService }, { token: i0.ChangeDetectorRef }, { token: i0.NgZone }, { token: i0.ElementRef }, { token: i3.ProviderService }, { token: i4.EditorToolsService }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
|
|
853
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
852
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: EditorComponent, isStandalone: true, selector: "kendo-editor", inputs: { value: "value", disabled: "disabled", readonly: "readonly", iframe: "iframe", iframeCss: "iframeCss", applyToWord: "applyToWord", schema: "schema", plugins: "plugins", placeholder: "placeholder", preserveWhitespace: "preserveWhitespace", pasteCleanupSettings: "pasteCleanupSettings", resizable: "resizable" }, outputs: { valueChange: "valueChange", onFocus: "focus", paste: "paste", onBlur: "blur" }, host: { properties: { "class.k-editor": "this.hostClass", "class.k-editor-resizable": "this.resizableClass", "class.k-disabled": "this.isDisabled", "class.k-readonly": "this.isReadonly", "attr.dir": "this.dir", "attr.ariaDisabled": "this.ariaDisabled", "style.minWidth": "this.minWidth", "style.maxWidth": "this.maxWidth", "style.minHeight": "this.minHeight", "style.maxHeight": "this.maxHeight" } }, providers: [
|
|
854
853
|
EditorLocalizationService,
|
|
855
854
|
ProviderService,
|
|
856
855
|
EditorToolsService,
|
|
@@ -873,164 +872,171 @@ export class EditorComponent {
|
|
|
873
872
|
}
|
|
874
873
|
], queries: [{ propertyName: "userToolBarComponent", first: true, predicate: ToolBarComponent, descendants: true }, { propertyName: "userToolBarElement", first: true, predicate: ToolBarComponent, descendants: true, read: ElementRef }], viewQueries: [{ propertyName: "dialogContainer", first: true, predicate: ["dialogsContainer"], descendants: true, read: ViewContainerRef }, { propertyName: "container", first: true, predicate: ["content"], descendants: true, read: ViewContainerRef }, { propertyName: "defaultToolbar", first: true, predicate: ["defaultToolbar"], descendants: true, read: ElementRef }, { propertyName: "defaultToolbarComponent", first: true, predicate: ["defaultToolbar"], descendants: true, read: ToolBarComponent }], usesOnChanges: true, ngImport: i0, template: `
|
|
875
874
|
<ng-container
|
|
876
|
-
|
|
877
|
-
|
|
878
|
-
|
|
879
|
-
|
|
880
|
-
|
|
881
|
-
|
|
882
|
-
|
|
883
|
-
|
|
884
|
-
|
|
885
|
-
|
|
886
|
-
|
|
887
|
-
|
|
888
|
-
|
|
889
|
-
|
|
890
|
-
|
|
891
|
-
|
|
892
|
-
|
|
893
|
-
|
|
894
|
-
|
|
895
|
-
|
|
896
|
-
|
|
897
|
-
|
|
898
|
-
|
|
899
|
-
|
|
900
|
-
|
|
901
|
-
|
|
902
|
-
|
|
903
|
-
|
|
904
|
-
|
|
905
|
-
|
|
906
|
-
|
|
907
|
-
|
|
908
|
-
|
|
909
|
-
|
|
910
|
-
|
|
911
|
-
|
|
912
|
-
|
|
913
|
-
|
|
914
|
-
|
|
915
|
-
|
|
916
|
-
|
|
917
|
-
|
|
918
|
-
|
|
919
|
-
|
|
920
|
-
|
|
921
|
-
|
|
922
|
-
|
|
923
|
-
|
|
924
|
-
|
|
925
|
-
|
|
926
|
-
|
|
927
|
-
|
|
928
|
-
|
|
929
|
-
|
|
930
|
-
|
|
931
|
-
|
|
932
|
-
|
|
933
|
-
|
|
934
|
-
|
|
935
|
-
|
|
936
|
-
|
|
937
|
-
|
|
938
|
-
|
|
939
|
-
|
|
940
|
-
|
|
941
|
-
|
|
942
|
-
|
|
943
|
-
|
|
944
|
-
|
|
945
|
-
|
|
946
|
-
|
|
947
|
-
|
|
948
|
-
|
|
949
|
-
|
|
950
|
-
|
|
951
|
-
|
|
952
|
-
|
|
953
|
-
|
|
954
|
-
|
|
955
|
-
|
|
956
|
-
|
|
957
|
-
|
|
958
|
-
|
|
959
|
-
|
|
960
|
-
|
|
961
|
-
|
|
962
|
-
|
|
963
|
-
|
|
964
|
-
|
|
965
|
-
|
|
966
|
-
|
|
967
|
-
|
|
968
|
-
|
|
969
|
-
|
|
970
|
-
|
|
971
|
-
|
|
972
|
-
|
|
973
|
-
|
|
974
|
-
|
|
975
|
-
|
|
976
|
-
|
|
977
|
-
|
|
978
|
-
|
|
979
|
-
|
|
980
|
-
|
|
981
|
-
|
|
982
|
-
|
|
983
|
-
|
|
984
|
-
|
|
985
|
-
|
|
986
|
-
|
|
987
|
-
|
|
988
|
-
|
|
989
|
-
|
|
875
|
+
kendoEditorLocalizedMessages
|
|
876
|
+
i18n-alignCenter="kendo.editor.alignCenter|The title of the tool that aligns text in the center."
|
|
877
|
+
alignCenter="Center text"
|
|
878
|
+
i18n-alignJustify="kendo.editor.alignJustify|The title of the tool that justifies text both left and right."
|
|
879
|
+
alignJustify="Justify"
|
|
880
|
+
i18n-alignLeft="kendo.editor.alignLeft|The title of the tool that aligns text on the left."
|
|
881
|
+
alignLeft="Align text left"
|
|
882
|
+
i18n-alignRight="kendo.editor.alignRight|The title of the tool that aligns text on the right."
|
|
883
|
+
alignRight="Align text right"
|
|
884
|
+
i18n-backColor="kendo.editor.backColor|The title of the tool that changes the text background color."
|
|
885
|
+
backColor="Background color"
|
|
886
|
+
i18n-blockquote="kendo.editor.blockquote|The title of the tool that wraps an element in a blockquote"
|
|
887
|
+
blockquote="Quotation"
|
|
888
|
+
i18n-bold="kendo.editor.bold|The title of the tool that makes text bold."
|
|
889
|
+
bold="Bold"
|
|
890
|
+
i18n-cleanFormatting="kendo.editor.cleanFormatting|The title of the Clean Formatting tool."
|
|
891
|
+
cleanFormatting="Clean formatting"
|
|
892
|
+
i18n-createLink="kendo.editor.createLink|The title of the tool that creates hyperlinks."
|
|
893
|
+
createLink="Insert link"
|
|
894
|
+
i18n-dialogApply="kendo.editor.dialogApply|The label of the **Apply** button in all editor dialogs."
|
|
895
|
+
dialogApply="Apply"
|
|
896
|
+
i18n-dialogCancel="kendo.editor.dialogCancel|The label of the **Cancel** button in all editor dialogs."
|
|
897
|
+
dialogCancel="Cancel"
|
|
898
|
+
i18n-dialogInsert="kendo.editor.dialogInsert|The label of the **Insert** button in all editor dialogs."
|
|
899
|
+
dialogInsert="Insert"
|
|
900
|
+
i18n-dialogUpdate="kendo.editor.dialogUpdate|The label of the **Update** button in all editor dialogs."
|
|
901
|
+
dialogUpdate="Update"
|
|
902
|
+
i18n-fileText="kendo.editor.fileText|The caption for the file text in the insertFile dialog."
|
|
903
|
+
fileText="Text"
|
|
904
|
+
i18n-fileTitle="kendo.editor.fileTitle|The caption for the file Title in the insertFile dialog."
|
|
905
|
+
fileTitle="Title"
|
|
906
|
+
i18n-fileWebAddress="kendo.editor.fileWebAddress|The caption for the file URL in the insertFile dialog."
|
|
907
|
+
fileWebAddress="Web address"
|
|
908
|
+
i18n-fontFamily="kendo.editor.fontFamily|The title of the tool that changes the text font."
|
|
909
|
+
fontFamily="Select font family"
|
|
910
|
+
i18n-fontSize="kendo.editor.fontSize|The title of the tool that changes the text size."
|
|
911
|
+
fontSize="Select font size"
|
|
912
|
+
i18n-foreColor="kendo.editor.foreColor|The title of the tool that changes the text color."
|
|
913
|
+
foreColor="Color"
|
|
914
|
+
i18n-format="kendo.editor.format|The title of the tool that lets users choose block formats."
|
|
915
|
+
format="Format"
|
|
916
|
+
i18n-imageAltText="kendo.editor.imageAltText|The caption for the image alternate text in the insertImage dialog."
|
|
917
|
+
imageAltText="Alternate text"
|
|
918
|
+
i18n-imageHeight="kendo.editor.imageHeight|The caption for the image height in the insertImage dialog."
|
|
919
|
+
imageHeight="Height (px)"
|
|
920
|
+
i18n-imageWebAddress="kendo.editor.imageWebAddress|The caption for the image URL in the insertImage dialog."
|
|
921
|
+
imageWebAddress="Web address"
|
|
922
|
+
i18n-imageWidth="kendo.editor.imageWidth|The caption for the image width in the insertImage dialog."
|
|
923
|
+
imageWidth="Width (px)"
|
|
924
|
+
i18n-indent="kendo.editor.indent|The title of the tool that indents the content."
|
|
925
|
+
indent="Indent"
|
|
926
|
+
i18n-insertFile="kendo.editor.insertFile|The title of the tool that inserts links to files."
|
|
927
|
+
insertFile="Insert file"
|
|
928
|
+
i18n-insertImage="kendo.editor.insertImage|The title of the tool that inserts images."
|
|
929
|
+
insertImage="Insert image"
|
|
930
|
+
i18n-insertOrderedList="kendo.editor.insertOrderedList|The title of the tool that inserts an ordered list."
|
|
931
|
+
insertOrderedList="Insert ordered list"
|
|
932
|
+
i18n-insertUnorderedList="kendo.editor.insertUnorderedList|The title of the tool that inserts an unordered list."
|
|
933
|
+
insertUnorderedList="Insert unordered list"
|
|
934
|
+
i18n-italic="kendo.editor.italic|The title of the tool that makes text italicized."
|
|
935
|
+
italic="Italic"
|
|
936
|
+
i18n-linkOpenInNewWindow="kendo.editor.linkOpenInNewWindow|The caption for the checkbox for opening the link in a new window in the createLink dialog."
|
|
937
|
+
linkOpenInNewWindow="Open link in new window"
|
|
938
|
+
i18n-linkText="kendo.editor.linkText|The caption for the link text in the createLink dialog."
|
|
939
|
+
linkText="Text"
|
|
940
|
+
i18n-linkTitle="kendo.editor.linkTitle|The caption for the link title in the createLink dialog."
|
|
941
|
+
linkTitle="Title"
|
|
942
|
+
i18n-linkWebAddress="kendo.editor.linkWebAddress|The caption for the URL in the createLink dialog."
|
|
943
|
+
linkWebAddress="Web address"
|
|
944
|
+
i18n-outdent="kendo.editor.outdent|The title of the tool that outdents the content."
|
|
945
|
+
outdent="Outdent"
|
|
946
|
+
i18n-print="kendo.editor.print|The title of the print tool."
|
|
947
|
+
print="Print"
|
|
948
|
+
i18n-redo="kendo.editor.redo|The title of the tool that undos the last action."
|
|
949
|
+
redo="Redo"
|
|
950
|
+
i18n-selectAll="kendo.editor.selectAll|The title of the tool that selects all content."
|
|
951
|
+
selectAll="Select All"
|
|
952
|
+
i18n-strikethrough="kendo.editor.strikethrough|The title of the tool that strikes through text."
|
|
953
|
+
strikethrough="Strikethrough"
|
|
954
|
+
i18n-subscript="kendo.editor.subscript|The title of the tool that makes text subscript."
|
|
955
|
+
subscript="Subscript"
|
|
956
|
+
i18n-superscript="kendo.editor.superscript|The title of the tool that makes text superscript."
|
|
957
|
+
superscript="Superscript"
|
|
958
|
+
i18n-underline="kendo.editor.underline|The title of the tool that underlines text."
|
|
959
|
+
underline="Underline"
|
|
960
|
+
i18n-unlink="kendo.editor.unlink|The title of the tool that removes hyperlinks."
|
|
961
|
+
unlink="Remove Link"
|
|
962
|
+
i18n-undo="kendo.editor.undo|The title of the tool that undos the last action."
|
|
963
|
+
undo="Undo"
|
|
964
|
+
i18n-viewSource="kendo.editor.viewSource|The title of the tool that shows the editor value as HTML."
|
|
965
|
+
viewSource="View source"
|
|
966
|
+
i18n-insertTable="kendo.editor.insertTable|The title of the tool that inserts table."
|
|
967
|
+
insertTable="Insert Table"
|
|
968
|
+
i18n-insertTableHint="kendo.editor.insertTableHint|The caption for the hint in the insert table tool."
|
|
969
|
+
insertTableHint="Create a {rows} {x} {columns} table"
|
|
970
|
+
i18n-addColumnBefore="kendo.editor.addColumnBefore|The title of the tool that adds new column before currently selected column."
|
|
971
|
+
addColumnBefore="Add column before"
|
|
972
|
+
i18n-addColumnAfter="kendo.editor.addColumnAfter|The title of the tool that adds new column after currently selected column."
|
|
973
|
+
addColumnAfter="Add column after"
|
|
974
|
+
i18n-addRowBefore="kendo.editor.addRowBefore|The title of the tool that adds new row before currently selected row."
|
|
975
|
+
addRowBefore="Add row before"
|
|
976
|
+
i18n-addRowAfter="kendo.editor.addRowAfter|The title of the tool that adds new row after currently selected row."
|
|
977
|
+
addRowAfter="Add row after"
|
|
978
|
+
i18n-mergeCells="kendo.editor.mergeCells|The title of the tool that merges the currently selected cells."
|
|
979
|
+
mergeCells="Merge cells"
|
|
980
|
+
i18n-splitCell="kendo.editor.splitCell|The title of the tool that splits the currently selected cell."
|
|
981
|
+
splitCell="Split cell"
|
|
982
|
+
i18n-deleteColumn="kendo.editor.deleteColumn|The title of the tool that deletes a table column."
|
|
983
|
+
deleteColumn="Delete column"
|
|
984
|
+
i18n-deleteRow="kendo.editor.deleteRow|The title of the tool that deletes a table row."
|
|
985
|
+
deleteRow="Delete row"
|
|
986
|
+
i18n-deleteTable="kendo.editor.deleteTable|The title of the tool that deletes a table."
|
|
987
|
+
deleteTable="Delete table"
|
|
988
|
+
>
|
|
990
989
|
</ng-container>
|
|
991
990
|
<ng-content select="kendo-toolbar"></ng-content>
|
|
992
|
-
|
|
991
|
+
@if (!userToolBarElement) {
|
|
992
|
+
<kendo-toolbar
|
|
993
993
|
#defaultToolbar
|
|
994
|
-
*ngIf="!userToolBarElement"
|
|
995
994
|
class="k-editor-toolbar"
|
|
996
995
|
[overflow]="true"
|
|
997
996
|
[tabindex]="readonly ? -1 : 0"
|
|
998
|
-
|
|
997
|
+
>
|
|
999
998
|
<kendo-toolbar-buttongroup>
|
|
1000
|
-
|
|
1001
|
-
|
|
1002
|
-
|
|
999
|
+
<kendo-toolbar-button kendoEditorBoldButton></kendo-toolbar-button>
|
|
1000
|
+
<kendo-toolbar-button kendoEditorItalicButton></kendo-toolbar-button>
|
|
1001
|
+
<kendo-toolbar-button kendoEditorUnderlineButton></kendo-toolbar-button>
|
|
1003
1002
|
</kendo-toolbar-buttongroup>
|
|
1004
1003
|
<kendo-toolbar-dropdownlist kendoEditorFormat></kendo-toolbar-dropdownlist>
|
|
1005
1004
|
<kendo-toolbar-buttongroup>
|
|
1006
|
-
|
|
1007
|
-
|
|
1008
|
-
|
|
1009
|
-
|
|
1005
|
+
<kendo-toolbar-button kendoEditorAlignLeftButton></kendo-toolbar-button>
|
|
1006
|
+
<kendo-toolbar-button kendoEditorAlignCenterButton></kendo-toolbar-button>
|
|
1007
|
+
<kendo-toolbar-button kendoEditorAlignRightButton></kendo-toolbar-button>
|
|
1008
|
+
<kendo-toolbar-button kendoEditorAlignJustifyButton></kendo-toolbar-button>
|
|
1010
1009
|
</kendo-toolbar-buttongroup>
|
|
1011
1010
|
<kendo-toolbar-buttongroup>
|
|
1012
|
-
|
|
1013
|
-
|
|
1014
|
-
|
|
1015
|
-
|
|
1011
|
+
<kendo-toolbar-button kendoEditorInsertUnorderedListButton></kendo-toolbar-button>
|
|
1012
|
+
<kendo-toolbar-button kendoEditorInsertOrderedListButton></kendo-toolbar-button>
|
|
1013
|
+
<kendo-toolbar-button kendoEditorIndentButton></kendo-toolbar-button>
|
|
1014
|
+
<kendo-toolbar-button kendoEditorOutdentButton></kendo-toolbar-button>
|
|
1016
1015
|
</kendo-toolbar-buttongroup>
|
|
1017
1016
|
<kendo-toolbar-buttongroup>
|
|
1018
|
-
|
|
1019
|
-
|
|
1017
|
+
<kendo-toolbar-button kendoEditorCreateLinkButton></kendo-toolbar-button>
|
|
1018
|
+
<kendo-toolbar-button kendoEditorUnlinkButton></kendo-toolbar-button>
|
|
1020
1019
|
</kendo-toolbar-buttongroup>
|
|
1021
1020
|
<kendo-toolbar-button kendoEditorInsertImageButton></kendo-toolbar-button>
|
|
1022
|
-
|
|
1023
|
-
|
|
1024
|
-
|
|
1025
|
-
|
|
1026
|
-
|
|
1021
|
+
</kendo-toolbar>
|
|
1022
|
+
}
|
|
1023
|
+
|
|
1024
|
+
@if (!iframe) {
|
|
1025
|
+
<div #content [attr.dir]="direction" class="k-editor-content"></div>
|
|
1026
|
+
}
|
|
1027
|
+
|
|
1028
|
+
@if (iframe) {
|
|
1029
|
+
<div class="k-editor-content">
|
|
1027
1030
|
<iframe #content srcdoc="<!DOCTYPE html>" role="none" frameborder="0" class="k-iframe" [style.width.%]="100" [style.height.%]="100" [style.display]="'block'" (load)="iframeOnLoad()"></iframe>
|
|
1028
|
-
|
|
1029
|
-
|
|
1031
|
+
</div>
|
|
1032
|
+
}
|
|
1033
|
+
|
|
1030
1034
|
<ng-container #dialogsContainer></ng-container>
|
|
1031
|
-
|
|
1032
|
-
|
|
1033
|
-
|
|
1035
|
+
|
|
1036
|
+
@if (showLicenseWatermark) {
|
|
1037
|
+
<div kendoWatermarkOverlay [licenseMessage]="licenseMessage"></div>
|
|
1038
|
+
}
|
|
1039
|
+
`, isInline: true, dependencies: [{ kind: "directive", type: LocalizedMessagesDirective, selector: "[kendoEditorLocalizedMessages]" }, { kind: "component", type: ToolBarComponent, selector: "kendo-toolbar", inputs: ["overflow", "resizable", "popupSettings", "fillMode", "tabindex", "size", "tabIndex", "showIcon", "showText"], outputs: ["open", "close"], exportAs: ["kendoToolBar"] }, { kind: "component", type: ToolBarButtonGroupComponent, selector: "kendo-toolbar-buttongroup", inputs: ["disabled", "fillMode", "selection", "width", "look"], exportAs: ["kendoToolBarButtonGroup"] }, { kind: "component", type: ToolBarButtonComponent, selector: "kendo-toolbar-button", inputs: ["showText", "showIcon", "text", "style", "className", "title", "disabled", "toggleable", "look", "togglable", "selected", "fillMode", "rounded", "themeColor", "icon", "iconClass", "svgIcon", "imageUrl"], outputs: ["click", "pointerdown", "selectedChange"], exportAs: ["kendoToolBarButton"] }, { kind: "directive", type: EditorBoldButtonDirective, selector: "kendo-toolbar-button[kendoEditorBoldButton]" }, { kind: "directive", type: EditorItalicButtonDirective, selector: "kendo-toolbar-button[kendoEditorItalicButton]" }, { kind: "directive", type: EditorUnderlineButtonDirective, selector: "kendo-toolbar-button[kendoEditorUnderlineButton]" }, { kind: "component", type: EditorFormatComponent, selector: "kendo-toolbar-dropdownlist[kendoEditorFormat]", inputs: ["data"], outputs: ["valueChange"] }, { kind: "directive", type: EditorAlignLeftButtonDirective, selector: "kendo-toolbar-button[kendoEditorAlignLeftButton]" }, { kind: "directive", type: EditorAlignCenterButtonDirective, selector: "kendo-toolbar-button[kendoEditorAlignCenterButton]" }, { kind: "directive", type: EditorAlignRightButtonDirective, selector: "kendo-toolbar-button[kendoEditorAlignRightButton]" }, { kind: "directive", type: EditorAlignJustifyButtonDirective, selector: "kendo-toolbar-button[kendoEditorAlignJustifyButton]" }, { kind: "directive", type: EditorInsertUnorderedListButtonDirective, selector: "kendo-toolbar-button[kendoEditorInsertUnorderedListButton]" }, { kind: "directive", type: EditorInsertOrderedListButtonDirective, selector: "kendo-toolbar-button[kendoEditorInsertOrderedListButton]" }, { kind: "directive", type: EditorIndentButtonDirective, selector: "kendo-toolbar-button[kendoEditorIndentButton]" }, { kind: "directive", type: EditorOutdentButtonDirective, selector: "kendo-toolbar-button[kendoEditorOutdentButton]" }, { kind: "directive", type: EditorCreateLinkButtonDirective, selector: "kendo-toolbar-button[kendoEditorCreateLinkButton]" }, { kind: "directive", type: EditorUnlinkButtonDirective, selector: "kendo-toolbar-button[kendoEditorUnlinkButton]" }, { kind: "directive", type: EditorInsertImageButtonDirective, selector: "kendo-toolbar-button[kendoEditorInsertImageButton]" }, { kind: "component", type: WatermarkOverlayComponent, selector: "div[kendoWatermarkOverlay]", inputs: ["licenseMessage"] }] });
|
|
1034
1040
|
}
|
|
1035
1041
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: EditorComponent, decorators: [{
|
|
1036
1042
|
type: Component,
|
|
@@ -1060,166 +1066,173 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
|
|
|
1060
1066
|
],
|
|
1061
1067
|
template: `
|
|
1062
1068
|
<ng-container
|
|
1063
|
-
|
|
1064
|
-
|
|
1065
|
-
|
|
1066
|
-
|
|
1067
|
-
|
|
1068
|
-
|
|
1069
|
-
|
|
1070
|
-
|
|
1071
|
-
|
|
1072
|
-
|
|
1073
|
-
|
|
1074
|
-
|
|
1075
|
-
|
|
1076
|
-
|
|
1077
|
-
|
|
1078
|
-
|
|
1079
|
-
|
|
1080
|
-
|
|
1081
|
-
|
|
1082
|
-
|
|
1083
|
-
|
|
1084
|
-
|
|
1085
|
-
|
|
1086
|
-
|
|
1087
|
-
|
|
1088
|
-
|
|
1089
|
-
|
|
1090
|
-
|
|
1091
|
-
|
|
1092
|
-
|
|
1093
|
-
|
|
1094
|
-
|
|
1095
|
-
|
|
1096
|
-
|
|
1097
|
-
|
|
1098
|
-
|
|
1099
|
-
|
|
1100
|
-
|
|
1101
|
-
|
|
1102
|
-
|
|
1103
|
-
|
|
1104
|
-
|
|
1105
|
-
|
|
1106
|
-
|
|
1107
|
-
|
|
1108
|
-
|
|
1109
|
-
|
|
1110
|
-
|
|
1111
|
-
|
|
1112
|
-
|
|
1113
|
-
|
|
1114
|
-
|
|
1115
|
-
|
|
1116
|
-
|
|
1117
|
-
|
|
1118
|
-
|
|
1119
|
-
|
|
1120
|
-
|
|
1121
|
-
|
|
1122
|
-
|
|
1123
|
-
|
|
1124
|
-
|
|
1125
|
-
|
|
1126
|
-
|
|
1127
|
-
|
|
1128
|
-
|
|
1129
|
-
|
|
1130
|
-
|
|
1131
|
-
|
|
1132
|
-
|
|
1133
|
-
|
|
1134
|
-
|
|
1135
|
-
|
|
1136
|
-
|
|
1137
|
-
|
|
1138
|
-
|
|
1139
|
-
|
|
1140
|
-
|
|
1141
|
-
|
|
1142
|
-
|
|
1143
|
-
|
|
1144
|
-
|
|
1145
|
-
|
|
1146
|
-
|
|
1147
|
-
|
|
1148
|
-
|
|
1149
|
-
|
|
1150
|
-
|
|
1151
|
-
|
|
1152
|
-
|
|
1153
|
-
|
|
1154
|
-
|
|
1155
|
-
|
|
1156
|
-
|
|
1157
|
-
|
|
1158
|
-
|
|
1159
|
-
|
|
1160
|
-
|
|
1161
|
-
|
|
1162
|
-
|
|
1163
|
-
|
|
1164
|
-
|
|
1165
|
-
|
|
1166
|
-
|
|
1167
|
-
|
|
1168
|
-
|
|
1169
|
-
|
|
1170
|
-
|
|
1171
|
-
|
|
1172
|
-
|
|
1173
|
-
|
|
1174
|
-
|
|
1175
|
-
|
|
1176
|
-
|
|
1069
|
+
kendoEditorLocalizedMessages
|
|
1070
|
+
i18n-alignCenter="kendo.editor.alignCenter|The title of the tool that aligns text in the center."
|
|
1071
|
+
alignCenter="Center text"
|
|
1072
|
+
i18n-alignJustify="kendo.editor.alignJustify|The title of the tool that justifies text both left and right."
|
|
1073
|
+
alignJustify="Justify"
|
|
1074
|
+
i18n-alignLeft="kendo.editor.alignLeft|The title of the tool that aligns text on the left."
|
|
1075
|
+
alignLeft="Align text left"
|
|
1076
|
+
i18n-alignRight="kendo.editor.alignRight|The title of the tool that aligns text on the right."
|
|
1077
|
+
alignRight="Align text right"
|
|
1078
|
+
i18n-backColor="kendo.editor.backColor|The title of the tool that changes the text background color."
|
|
1079
|
+
backColor="Background color"
|
|
1080
|
+
i18n-blockquote="kendo.editor.blockquote|The title of the tool that wraps an element in a blockquote"
|
|
1081
|
+
blockquote="Quotation"
|
|
1082
|
+
i18n-bold="kendo.editor.bold|The title of the tool that makes text bold."
|
|
1083
|
+
bold="Bold"
|
|
1084
|
+
i18n-cleanFormatting="kendo.editor.cleanFormatting|The title of the Clean Formatting tool."
|
|
1085
|
+
cleanFormatting="Clean formatting"
|
|
1086
|
+
i18n-createLink="kendo.editor.createLink|The title of the tool that creates hyperlinks."
|
|
1087
|
+
createLink="Insert link"
|
|
1088
|
+
i18n-dialogApply="kendo.editor.dialogApply|The label of the **Apply** button in all editor dialogs."
|
|
1089
|
+
dialogApply="Apply"
|
|
1090
|
+
i18n-dialogCancel="kendo.editor.dialogCancel|The label of the **Cancel** button in all editor dialogs."
|
|
1091
|
+
dialogCancel="Cancel"
|
|
1092
|
+
i18n-dialogInsert="kendo.editor.dialogInsert|The label of the **Insert** button in all editor dialogs."
|
|
1093
|
+
dialogInsert="Insert"
|
|
1094
|
+
i18n-dialogUpdate="kendo.editor.dialogUpdate|The label of the **Update** button in all editor dialogs."
|
|
1095
|
+
dialogUpdate="Update"
|
|
1096
|
+
i18n-fileText="kendo.editor.fileText|The caption for the file text in the insertFile dialog."
|
|
1097
|
+
fileText="Text"
|
|
1098
|
+
i18n-fileTitle="kendo.editor.fileTitle|The caption for the file Title in the insertFile dialog."
|
|
1099
|
+
fileTitle="Title"
|
|
1100
|
+
i18n-fileWebAddress="kendo.editor.fileWebAddress|The caption for the file URL in the insertFile dialog."
|
|
1101
|
+
fileWebAddress="Web address"
|
|
1102
|
+
i18n-fontFamily="kendo.editor.fontFamily|The title of the tool that changes the text font."
|
|
1103
|
+
fontFamily="Select font family"
|
|
1104
|
+
i18n-fontSize="kendo.editor.fontSize|The title of the tool that changes the text size."
|
|
1105
|
+
fontSize="Select font size"
|
|
1106
|
+
i18n-foreColor="kendo.editor.foreColor|The title of the tool that changes the text color."
|
|
1107
|
+
foreColor="Color"
|
|
1108
|
+
i18n-format="kendo.editor.format|The title of the tool that lets users choose block formats."
|
|
1109
|
+
format="Format"
|
|
1110
|
+
i18n-imageAltText="kendo.editor.imageAltText|The caption for the image alternate text in the insertImage dialog."
|
|
1111
|
+
imageAltText="Alternate text"
|
|
1112
|
+
i18n-imageHeight="kendo.editor.imageHeight|The caption for the image height in the insertImage dialog."
|
|
1113
|
+
imageHeight="Height (px)"
|
|
1114
|
+
i18n-imageWebAddress="kendo.editor.imageWebAddress|The caption for the image URL in the insertImage dialog."
|
|
1115
|
+
imageWebAddress="Web address"
|
|
1116
|
+
i18n-imageWidth="kendo.editor.imageWidth|The caption for the image width in the insertImage dialog."
|
|
1117
|
+
imageWidth="Width (px)"
|
|
1118
|
+
i18n-indent="kendo.editor.indent|The title of the tool that indents the content."
|
|
1119
|
+
indent="Indent"
|
|
1120
|
+
i18n-insertFile="kendo.editor.insertFile|The title of the tool that inserts links to files."
|
|
1121
|
+
insertFile="Insert file"
|
|
1122
|
+
i18n-insertImage="kendo.editor.insertImage|The title of the tool that inserts images."
|
|
1123
|
+
insertImage="Insert image"
|
|
1124
|
+
i18n-insertOrderedList="kendo.editor.insertOrderedList|The title of the tool that inserts an ordered list."
|
|
1125
|
+
insertOrderedList="Insert ordered list"
|
|
1126
|
+
i18n-insertUnorderedList="kendo.editor.insertUnorderedList|The title of the tool that inserts an unordered list."
|
|
1127
|
+
insertUnorderedList="Insert unordered list"
|
|
1128
|
+
i18n-italic="kendo.editor.italic|The title of the tool that makes text italicized."
|
|
1129
|
+
italic="Italic"
|
|
1130
|
+
i18n-linkOpenInNewWindow="kendo.editor.linkOpenInNewWindow|The caption for the checkbox for opening the link in a new window in the createLink dialog."
|
|
1131
|
+
linkOpenInNewWindow="Open link in new window"
|
|
1132
|
+
i18n-linkText="kendo.editor.linkText|The caption for the link text in the createLink dialog."
|
|
1133
|
+
linkText="Text"
|
|
1134
|
+
i18n-linkTitle="kendo.editor.linkTitle|The caption for the link title in the createLink dialog."
|
|
1135
|
+
linkTitle="Title"
|
|
1136
|
+
i18n-linkWebAddress="kendo.editor.linkWebAddress|The caption for the URL in the createLink dialog."
|
|
1137
|
+
linkWebAddress="Web address"
|
|
1138
|
+
i18n-outdent="kendo.editor.outdent|The title of the tool that outdents the content."
|
|
1139
|
+
outdent="Outdent"
|
|
1140
|
+
i18n-print="kendo.editor.print|The title of the print tool."
|
|
1141
|
+
print="Print"
|
|
1142
|
+
i18n-redo="kendo.editor.redo|The title of the tool that undos the last action."
|
|
1143
|
+
redo="Redo"
|
|
1144
|
+
i18n-selectAll="kendo.editor.selectAll|The title of the tool that selects all content."
|
|
1145
|
+
selectAll="Select All"
|
|
1146
|
+
i18n-strikethrough="kendo.editor.strikethrough|The title of the tool that strikes through text."
|
|
1147
|
+
strikethrough="Strikethrough"
|
|
1148
|
+
i18n-subscript="kendo.editor.subscript|The title of the tool that makes text subscript."
|
|
1149
|
+
subscript="Subscript"
|
|
1150
|
+
i18n-superscript="kendo.editor.superscript|The title of the tool that makes text superscript."
|
|
1151
|
+
superscript="Superscript"
|
|
1152
|
+
i18n-underline="kendo.editor.underline|The title of the tool that underlines text."
|
|
1153
|
+
underline="Underline"
|
|
1154
|
+
i18n-unlink="kendo.editor.unlink|The title of the tool that removes hyperlinks."
|
|
1155
|
+
unlink="Remove Link"
|
|
1156
|
+
i18n-undo="kendo.editor.undo|The title of the tool that undos the last action."
|
|
1157
|
+
undo="Undo"
|
|
1158
|
+
i18n-viewSource="kendo.editor.viewSource|The title of the tool that shows the editor value as HTML."
|
|
1159
|
+
viewSource="View source"
|
|
1160
|
+
i18n-insertTable="kendo.editor.insertTable|The title of the tool that inserts table."
|
|
1161
|
+
insertTable="Insert Table"
|
|
1162
|
+
i18n-insertTableHint="kendo.editor.insertTableHint|The caption for the hint in the insert table tool."
|
|
1163
|
+
insertTableHint="Create a {rows} {x} {columns} table"
|
|
1164
|
+
i18n-addColumnBefore="kendo.editor.addColumnBefore|The title of the tool that adds new column before currently selected column."
|
|
1165
|
+
addColumnBefore="Add column before"
|
|
1166
|
+
i18n-addColumnAfter="kendo.editor.addColumnAfter|The title of the tool that adds new column after currently selected column."
|
|
1167
|
+
addColumnAfter="Add column after"
|
|
1168
|
+
i18n-addRowBefore="kendo.editor.addRowBefore|The title of the tool that adds new row before currently selected row."
|
|
1169
|
+
addRowBefore="Add row before"
|
|
1170
|
+
i18n-addRowAfter="kendo.editor.addRowAfter|The title of the tool that adds new row after currently selected row."
|
|
1171
|
+
addRowAfter="Add row after"
|
|
1172
|
+
i18n-mergeCells="kendo.editor.mergeCells|The title of the tool that merges the currently selected cells."
|
|
1173
|
+
mergeCells="Merge cells"
|
|
1174
|
+
i18n-splitCell="kendo.editor.splitCell|The title of the tool that splits the currently selected cell."
|
|
1175
|
+
splitCell="Split cell"
|
|
1176
|
+
i18n-deleteColumn="kendo.editor.deleteColumn|The title of the tool that deletes a table column."
|
|
1177
|
+
deleteColumn="Delete column"
|
|
1178
|
+
i18n-deleteRow="kendo.editor.deleteRow|The title of the tool that deletes a table row."
|
|
1179
|
+
deleteRow="Delete row"
|
|
1180
|
+
i18n-deleteTable="kendo.editor.deleteTable|The title of the tool that deletes a table."
|
|
1181
|
+
deleteTable="Delete table"
|
|
1182
|
+
>
|
|
1177
1183
|
</ng-container>
|
|
1178
1184
|
<ng-content select="kendo-toolbar"></ng-content>
|
|
1179
|
-
|
|
1185
|
+
@if (!userToolBarElement) {
|
|
1186
|
+
<kendo-toolbar
|
|
1180
1187
|
#defaultToolbar
|
|
1181
|
-
*ngIf="!userToolBarElement"
|
|
1182
1188
|
class="k-editor-toolbar"
|
|
1183
1189
|
[overflow]="true"
|
|
1184
1190
|
[tabindex]="readonly ? -1 : 0"
|
|
1185
|
-
|
|
1191
|
+
>
|
|
1186
1192
|
<kendo-toolbar-buttongroup>
|
|
1187
|
-
|
|
1188
|
-
|
|
1189
|
-
|
|
1193
|
+
<kendo-toolbar-button kendoEditorBoldButton></kendo-toolbar-button>
|
|
1194
|
+
<kendo-toolbar-button kendoEditorItalicButton></kendo-toolbar-button>
|
|
1195
|
+
<kendo-toolbar-button kendoEditorUnderlineButton></kendo-toolbar-button>
|
|
1190
1196
|
</kendo-toolbar-buttongroup>
|
|
1191
1197
|
<kendo-toolbar-dropdownlist kendoEditorFormat></kendo-toolbar-dropdownlist>
|
|
1192
1198
|
<kendo-toolbar-buttongroup>
|
|
1193
|
-
|
|
1194
|
-
|
|
1195
|
-
|
|
1196
|
-
|
|
1199
|
+
<kendo-toolbar-button kendoEditorAlignLeftButton></kendo-toolbar-button>
|
|
1200
|
+
<kendo-toolbar-button kendoEditorAlignCenterButton></kendo-toolbar-button>
|
|
1201
|
+
<kendo-toolbar-button kendoEditorAlignRightButton></kendo-toolbar-button>
|
|
1202
|
+
<kendo-toolbar-button kendoEditorAlignJustifyButton></kendo-toolbar-button>
|
|
1197
1203
|
</kendo-toolbar-buttongroup>
|
|
1198
1204
|
<kendo-toolbar-buttongroup>
|
|
1199
|
-
|
|
1200
|
-
|
|
1201
|
-
|
|
1202
|
-
|
|
1205
|
+
<kendo-toolbar-button kendoEditorInsertUnorderedListButton></kendo-toolbar-button>
|
|
1206
|
+
<kendo-toolbar-button kendoEditorInsertOrderedListButton></kendo-toolbar-button>
|
|
1207
|
+
<kendo-toolbar-button kendoEditorIndentButton></kendo-toolbar-button>
|
|
1208
|
+
<kendo-toolbar-button kendoEditorOutdentButton></kendo-toolbar-button>
|
|
1203
1209
|
</kendo-toolbar-buttongroup>
|
|
1204
1210
|
<kendo-toolbar-buttongroup>
|
|
1205
|
-
|
|
1206
|
-
|
|
1211
|
+
<kendo-toolbar-button kendoEditorCreateLinkButton></kendo-toolbar-button>
|
|
1212
|
+
<kendo-toolbar-button kendoEditorUnlinkButton></kendo-toolbar-button>
|
|
1207
1213
|
</kendo-toolbar-buttongroup>
|
|
1208
1214
|
<kendo-toolbar-button kendoEditorInsertImageButton></kendo-toolbar-button>
|
|
1209
|
-
|
|
1210
|
-
|
|
1211
|
-
|
|
1212
|
-
|
|
1213
|
-
|
|
1215
|
+
</kendo-toolbar>
|
|
1216
|
+
}
|
|
1217
|
+
|
|
1218
|
+
@if (!iframe) {
|
|
1219
|
+
<div #content [attr.dir]="direction" class="k-editor-content"></div>
|
|
1220
|
+
}
|
|
1221
|
+
|
|
1222
|
+
@if (iframe) {
|
|
1223
|
+
<div class="k-editor-content">
|
|
1214
1224
|
<iframe #content srcdoc="<!DOCTYPE html>" role="none" frameborder="0" class="k-iframe" [style.width.%]="100" [style.height.%]="100" [style.display]="'block'" (load)="iframeOnLoad()"></iframe>
|
|
1215
|
-
|
|
1216
|
-
|
|
1225
|
+
</div>
|
|
1226
|
+
}
|
|
1227
|
+
|
|
1217
1228
|
<ng-container #dialogsContainer></ng-container>
|
|
1218
|
-
|
|
1219
|
-
|
|
1220
|
-
|
|
1229
|
+
|
|
1230
|
+
@if (showLicenseWatermark) {
|
|
1231
|
+
<div kendoWatermarkOverlay [licenseMessage]="licenseMessage"></div>
|
|
1232
|
+
}
|
|
1233
|
+
`,
|
|
1221
1234
|
standalone: true,
|
|
1222
|
-
imports: [LocalizedMessagesDirective,
|
|
1235
|
+
imports: [LocalizedMessagesDirective, ToolBarComponent, ToolBarButtonGroupComponent, ToolBarButtonComponent, EditorBoldButtonDirective, EditorItalicButtonDirective, EditorUnderlineButtonDirective, EditorFormatComponent, EditorAlignLeftButtonDirective, EditorAlignCenterButtonDirective, EditorAlignRightButtonDirective, EditorAlignJustifyButtonDirective, EditorInsertUnorderedListButtonDirective, EditorInsertOrderedListButtonDirective, EditorIndentButtonDirective, EditorOutdentButtonDirective, EditorCreateLinkButtonDirective, EditorUnlinkButtonDirective, EditorInsertImageButtonDirective, WatermarkOverlayComponent]
|
|
1223
1236
|
}]
|
|
1224
1237
|
}], ctorParameters: () => [{ type: i1.DialogService }, { type: i2.LocalizationService }, { type: i0.ChangeDetectorRef }, { type: i0.NgZone }, { type: i0.ElementRef }, { type: i3.ProviderService }, { type: i4.EditorToolsService }, { type: i0.Renderer2 }], propDecorators: { value: [{
|
|
1225
1238
|
type: Input
|