@progress/kendo-angular-editor 24.2.2 → 25.0.0-develop.12
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/fesm2022/progress-kendo-angular-editor.mjs +216 -199
- package/index.d.ts +2181 -67
- package/package-metadata.mjs +2 -2
- package/package.json +21 -21
- package/schematics/ngAdd/index.js +4 -4
- package/common/active-marks.d.ts +0 -12
- package/common/apply-to-word-options.d.ts +0 -26
- package/common/commands.d.ts +0 -41
- package/common/css-settings.interface.d.ts +0 -30
- package/common/direction.d.ts +0 -8
- package/common/error-messages.d.ts +0 -8
- package/common/font-family-item.interface.d.ts +0 -25
- package/common/font-size-item.interface.d.ts +0 -25
- package/common/format-item.interface.d.ts +0 -25
- package/common/image-data.interface.d.ts +0 -13
- package/common/link-data.interface.d.ts +0 -13
- package/common/paste-cleanup-settings.d.ts +0 -64
- package/common/plugins-function.d.ts +0 -18
- package/common/predicate.d.ts +0 -9
- package/common/provider.service.d.ts +0 -14
- package/common/resizable-options.interface.d.ts +0 -35
- package/common/styles.d.ts +0 -16
- package/common/table-data.interface.d.ts +0 -11
- package/config/command-icons.d.ts +0 -13
- package/config/commands.d.ts +0 -9
- package/config/indent-rules.d.ts +0 -33
- package/config/schema.d.ts +0 -13
- package/config/semantic-nodes.d.ts +0 -12
- package/config/table-commands.d.ts +0 -10
- package/config/utils.d.ts +0 -73
- package/dialogs/colorpicker-dialog.component.d.ts +0 -36
- package/dialogs/file-link-dialog.component.d.ts +0 -33
- package/dialogs/font-family-dialog.component.d.ts +0 -31
- package/dialogs/font-size-dialog.component.d.ts +0 -31
- package/dialogs/format-dialog.component.d.ts +0 -31
- package/dialogs/image-dialog.component.d.ts +0 -40
- package/dialogs/insert-table-dialog.component.d.ts +0 -24
- package/dialogs/source-dialog.component.d.ts +0 -27
- package/directives.d.ts +0 -51
- package/editor-toolbar-state.d.ts +0 -20
- package/editor.component.d.ts +0 -277
- package/editor.module.d.ts +0 -73
- package/localization/custom-messages.component.d.ts +0 -27
- package/localization/editor-localization.service.d.ts +0 -14
- package/localization/localized-messages.directive.d.ts +0 -16
- package/localization/messages.d.ts +0 -242
- package/package-metadata.d.ts +0 -9
- package/preventable-events/paste-event.d.ts +0 -27
- package/preventable-events/preventable-event.d.ts +0 -21
- package/tools/alignment/editor-align-center-button.directive.d.ts +0 -28
- package/tools/alignment/editor-align-justify-button.directive.d.ts +0 -28
- package/tools/alignment/editor-align-left-button.directive.d.ts +0 -28
- package/tools/alignment/editor-align-right-button.directive.d.ts +0 -28
- package/tools/blockquote/editor-blockquote-button.directive.d.ts +0 -26
- package/tools/colorpicker/editor-back-color.directive.d.ts +0 -26
- package/tools/colorpicker/editor-colorpicker.component.d.ts +0 -129
- package/tools/colorpicker/editor-fore-color.directive.d.ts +0 -22
- package/tools/editor-clean-formatting-button.directive.d.ts +0 -27
- package/tools/fontfamily/editor-fontfamily-dropdownlist.component.d.ts +0 -27
- package/tools/fontfamily/editor-fontfamily.component.d.ts +0 -91
- package/tools/fontsize/editor-fontsize-dropdownlist.component.d.ts +0 -27
- package/tools/fontsize/editor-fontsize.component.d.ts +0 -91
- package/tools/format/editor-format-dropdownlist.component.d.ts +0 -27
- package/tools/format/editor-format.component.d.ts +0 -83
- package/tools/history/editor-redo-button.directive.d.ts +0 -28
- package/tools/history/editor-undo-button.directive.d.ts +0 -28
- package/tools/image/editor-insert-image-button.directive.d.ts +0 -27
- package/tools/indentation/editor-indent-button.directive.d.ts +0 -27
- package/tools/indentation/editor-outdent-button.directive.d.ts +0 -27
- package/tools/link/editor-create-link-button.directive.d.ts +0 -27
- package/tools/link/editor-insert-file-button.directive.d.ts +0 -26
- package/tools/link/editor-unlink-button.directive.d.ts +0 -27
- package/tools/list/editor-insert-ordered-list-button.directive.d.ts +0 -27
- package/tools/list/editor-insert-unordered-list-button.directive.d.ts +0 -28
- package/tools/print/editor-print-button.directive.d.ts +0 -31
- package/tools/select-all/select-all-button.directive.d.ts +0 -28
- package/tools/shared/dropdown-tool.directive.d.ts +0 -20
- package/tools/shared/editor-command-base.d.ts +0 -31
- package/tools/shared/editor-command-button.d.ts +0 -24
- package/tools/shared/editor-command-dialog.d.ts +0 -23
- package/tools/source/editor-view-source-button.directive.d.ts +0 -27
- package/tools/tables/editor-add-column-after-button.directive.d.ts +0 -28
- package/tools/tables/editor-add-column-before-button.directive.d.ts +0 -28
- package/tools/tables/editor-add-row-after-button.directive.d.ts +0 -28
- package/tools/tables/editor-add-row-before-button.directive.d.ts +0 -28
- package/tools/tables/editor-delete-column-button.directive.d.ts +0 -28
- package/tools/tables/editor-delete-row-button.directive.d.ts +0 -28
- package/tools/tables/editor-delete-table-button.directive.d.ts +0 -28
- package/tools/tables/editor-insert-table-button.component.d.ts +0 -87
- package/tools/tables/editor-merge-cells-button.directive.d.ts +0 -30
- package/tools/tables/editor-split-cell-button.directive.d.ts +0 -30
- package/tools/tables/popup-table-grid.component.d.ts +0 -31
- package/tools/tools.service.d.ts +0 -17
- package/tools/typographical-emphasis/editor-bold-button.directive.d.ts +0 -28
- package/tools/typographical-emphasis/editor-italic-button.directive.d.ts +0 -28
- package/tools/typographical-emphasis/editor-strikethrough-button.directive.d.ts +0 -28
- package/tools/typographical-emphasis/editor-subscript-button.directive.d.ts +0 -28
- package/tools/typographical-emphasis/editor-superscript-button.directive.d.ts +0 -28
- package/tools/typographical-emphasis/editor-underline-button.directive.d.ts +0 -28
- package/util.d.ts +0 -96
package/index.d.ts
CHANGED
|
@@ -2,70 +2,2184 @@
|
|
|
2
2
|
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
3
3
|
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
4
|
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
export {
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
5
|
+
import * as i0 from '@angular/core';
|
|
6
|
+
import { NgZone, AfterViewInit, EventEmitter, ElementRef, ViewContainerRef, ChangeDetectorRef, Renderer2, SimpleChanges, OnDestroy, TemplateRef } from '@angular/core';
|
|
7
|
+
import { ControlValueAccessor } from '@angular/forms';
|
|
8
|
+
import { Subject, BehaviorSubject, Subscription } from 'rxjs';
|
|
9
|
+
import * as i44 from '@progress/kendo-angular-toolbar';
|
|
10
|
+
import { ToolBarComponent, ToolBarButtonComponent, ToolBarToolComponent } from '@progress/kendo-angular-toolbar';
|
|
11
|
+
import { DialogService } from '@progress/kendo-angular-dialog';
|
|
12
|
+
import { Plugin, Schema, EditorView, EditorState } from '@progress/kendo-editor-common';
|
|
13
|
+
export { AllSelection, CellSelection, Decoration, DecorationSet, EditorState, EditorView, InputRule, Mark, MarkSpec, MarkType, Node, NodeSelection, NodeSpec, NodeType, Plugin, PluginKey, Schema, TextSelection, Transaction, baseKeymap, dropCursor, flattenNestedSpans, gapCursor, history, inputRules, keymap, tableNodes, textblockTypeInputRule, wrappingInputRule } from '@progress/kendo-editor-common';
|
|
14
|
+
import { LicenseMessage } from '@progress/kendo-licensing';
|
|
15
|
+
import { LocalizationService, MessageService, ComponentMessages } from '@progress/kendo-angular-l10n';
|
|
16
|
+
import { PaletteSettings, ColorPickerView, ActiveColorClickEvent } from '@progress/kendo-angular-inputs';
|
|
17
|
+
import { SVGIcon } from '@progress/kendo-svg-icons';
|
|
18
|
+
import { ItemDisabledFn, DropDownListComponent } from '@progress/kendo-angular-dropdowns';
|
|
19
|
+
import { PopupRef, PopupService } from '@progress/kendo-angular-popup';
|
|
20
|
+
|
|
21
|
+
/**
|
|
22
|
+
* @hidden
|
|
23
|
+
*/
|
|
24
|
+
type Direction = 'rtl' | 'ltr';
|
|
25
|
+
|
|
26
|
+
/**
|
|
27
|
+
* @hidden
|
|
28
|
+
*/
|
|
29
|
+
type EditorInternalCommand = 'print';
|
|
30
|
+
/**
|
|
31
|
+
* Lists the command names accepted by the `exec` method.
|
|
32
|
+
*/
|
|
33
|
+
type EditorCommand = 'bold' | 'italic' | 'underline' | 'strikethrough' | 'createLink' | 'unlink' | 'insertFile' | 'insertImage' | 'insertOrderedList' | 'insertUnorderedList' | 'insertText' | 'indent' | 'outdent' | 'alignLeft' | 'alignCenter' | 'alignRight' | 'alignJustify' | 'format' | 'fontFamily' | 'fontSize' | 'cleanFormat' | 'setHTML' | 'undo' | 'redo' | 'subscript' | 'superscript' | 'cleanFormatting' | 'foreColor' | 'backColor' | 'insertTable' | 'addColumnBefore' | 'addColumnAfter' | 'addRowBefore' | 'addRowAfter' | 'deleteRow' | 'deleteColumn' | 'mergeCells' | 'splitCell' | 'deleteTable' | 'selectAll' | 'blockquote';
|
|
34
|
+
/**
|
|
35
|
+
* Lists the dialog commands accepted by the `openDialog` method.
|
|
36
|
+
*
|
|
37
|
+
* Supported dialog commands:
|
|
38
|
+
* - `createLink`
|
|
39
|
+
* - `viewSource`
|
|
40
|
+
* - `insertFile`
|
|
41
|
+
* - `insertImage`
|
|
42
|
+
* - `tableWizard`
|
|
43
|
+
*
|
|
44
|
+
* @example
|
|
45
|
+
* ```typescript
|
|
46
|
+
* // Open a `createLink` dialog.
|
|
47
|
+
* editor.openDialog('createLink');
|
|
48
|
+
*
|
|
49
|
+
* // Open a `viewSource` dialog.
|
|
50
|
+
* editor.openDialog('viewSource');
|
|
51
|
+
* ```
|
|
52
|
+
*/
|
|
53
|
+
type DialogCommand = 'createLink' | 'insertFile' | 'insertImage' | 'viewSource';
|
|
54
|
+
|
|
55
|
+
/**
|
|
56
|
+
* Represents the configuration options for Paste Cleanup ([see example](https://www.telerik.com/kendo-angular-ui/components/editor/paste-cleanup)).
|
|
57
|
+
*
|
|
58
|
+
* @example
|
|
59
|
+
* ```typescript
|
|
60
|
+
* const settings: PasteCleanupSettings = {
|
|
61
|
+
* convertMsLists: true,
|
|
62
|
+
* removeHtmlComments: true,
|
|
63
|
+
* stripTags: ['span'],
|
|
64
|
+
* removeAttributes: ['lang'],
|
|
65
|
+
* removeMsClasses: true,
|
|
66
|
+
* removeMsStyles: true,
|
|
67
|
+
* removeInvalidHTML: true
|
|
68
|
+
* };
|
|
69
|
+
* ```
|
|
70
|
+
*/
|
|
71
|
+
interface PasteCleanupSettings {
|
|
72
|
+
/**
|
|
73
|
+
* Converts MS Word lists to HTML lists when set to `true`.
|
|
74
|
+
*/
|
|
75
|
+
convertMsLists?: boolean;
|
|
76
|
+
/**
|
|
77
|
+
* Removes HTML comments when set to `true`.
|
|
78
|
+
*
|
|
79
|
+
* For example, `<!-- comment --> <p> content </p>` becomes `<p> content </p>`.
|
|
80
|
+
*/
|
|
81
|
+
removeHtmlComments?: boolean;
|
|
82
|
+
/**
|
|
83
|
+
* Removes the specified tags from the HTML.
|
|
84
|
+
*
|
|
85
|
+
* For example, with `stripTags: ['span']`, `<p><span lang=EN-US>content</span></p>` becomes `<p>content</p>`.
|
|
86
|
+
*/
|
|
87
|
+
stripTags?: string[];
|
|
88
|
+
/**
|
|
89
|
+
* Removes the specified DOM attributes from the HTML.
|
|
90
|
+
* Set to `'all'` to remove every attribute.
|
|
91
|
+
* Set to an array to remove specific attributes.
|
|
92
|
+
*
|
|
93
|
+
* For example, with `removeAttributes: ['lang']`, `<p><span lang=EN-US>content</span></p>` becomes `<p><span>content</span></p>`.
|
|
94
|
+
*/
|
|
95
|
+
removeAttributes?: string[] | 'all';
|
|
96
|
+
/**
|
|
97
|
+
* Removes class attributes starting with 'Mso' when set to `true`.
|
|
98
|
+
*
|
|
99
|
+
* For example, `<p class="MsoNormal">pasted from MS Word</p>` becomes `<p>pasted from MS Word</p>`.
|
|
100
|
+
*/
|
|
101
|
+
removeMsClasses?: boolean;
|
|
102
|
+
/**
|
|
103
|
+
* Removes style attributes starting with 'Mso' when set to `true`.
|
|
104
|
+
*
|
|
105
|
+
* For example, `<p><span style="color:#7C7C7C; mso-themecolor:accent3; mso-themeshade:191;">content</span></p>` becomes `<p><span style="color: #7C7C7C; background: silver;">content</span></p>`.
|
|
106
|
+
*/
|
|
107
|
+
removeMsStyles?: boolean;
|
|
108
|
+
/**
|
|
109
|
+
* Removes invalid HTML when set to `true`.
|
|
110
|
+
*
|
|
111
|
+
* For example, `<p>content <o:p>, <w:sdtPr></p>` becomes `<p>content </p>`.
|
|
112
|
+
*/
|
|
113
|
+
removeInvalidHTML?: boolean;
|
|
114
|
+
}
|
|
115
|
+
|
|
116
|
+
/**
|
|
117
|
+
* Represents the callback used by the
|
|
118
|
+
* [`plugins`](https://www.telerik.com/kendo-angular-ui/components/editor/api/editorcomponent#plugins) property.
|
|
119
|
+
*
|
|
120
|
+
* @example
|
|
121
|
+
* ```typescript
|
|
122
|
+
* pluginsCallback(defaultPlugins: Plugin[]): Plugin[] {
|
|
123
|
+
* const myPlugin = new Plugin({/ custom plugin code /});
|
|
124
|
+
* return [...defaultPlugins, myPlugin];
|
|
125
|
+
* }
|
|
126
|
+
* ```
|
|
127
|
+
*/
|
|
128
|
+
type PluginsFn = (args: Plugin[]) => Plugin[];
|
|
129
|
+
|
|
130
|
+
/**
|
|
131
|
+
* Represents the options for applying a command to the "word" at the cursor position.
|
|
132
|
+
* Use the `before` and `after` regular expressions to define what counts as a word boundary ([see example](https://www.telerik.com/kendo-angular-ui/components/editor/tools#customizing-word-delimiters)).
|
|
133
|
+
*
|
|
134
|
+
* @example
|
|
135
|
+
* ```typescript
|
|
136
|
+
* const options: ApplyToWordOptions = {
|
|
137
|
+
* before: /\s/,
|
|
138
|
+
* after: /\s/
|
|
139
|
+
* };
|
|
140
|
+
* ```
|
|
141
|
+
*/
|
|
142
|
+
interface ApplyToWordOptions {
|
|
143
|
+
/**
|
|
144
|
+
* Defines the regular expression for the start boundary of the word before the cursor.
|
|
145
|
+
*/
|
|
146
|
+
before: RegExp;
|
|
147
|
+
/**
|
|
148
|
+
* Defines the regular expression for the end boundary of the word after the cursor.
|
|
149
|
+
*/
|
|
150
|
+
after: RegExp;
|
|
151
|
+
}
|
|
152
|
+
|
|
153
|
+
/**
|
|
154
|
+
* @hidden
|
|
155
|
+
*/
|
|
156
|
+
declare class ProviderService {
|
|
157
|
+
editor: EditorComponent;
|
|
158
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ProviderService, never>;
|
|
159
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<ProviderService>;
|
|
160
|
+
}
|
|
161
|
+
|
|
162
|
+
/**
|
|
163
|
+
* Represents the size restrictions for the resizable Editor ([see example](https://www.telerik.com/kendo-angular-ui/components/editor/resizing#resizing-the-editor)).
|
|
164
|
+
*
|
|
165
|
+
* @example
|
|
166
|
+
* ```typescript
|
|
167
|
+
* const options: EditorResizableOptions = {
|
|
168
|
+
* minWidth: 200,
|
|
169
|
+
* minHeight: 100,
|
|
170
|
+
* maxWidth: 800,
|
|
171
|
+
* maxHeight: 600
|
|
172
|
+
* };
|
|
173
|
+
* ```
|
|
174
|
+
*/
|
|
175
|
+
interface EditorResizableOptions {
|
|
176
|
+
/**
|
|
177
|
+
* Sets the minimum width of the resizable Editor in pixels.
|
|
178
|
+
*/
|
|
179
|
+
minWidth?: number;
|
|
180
|
+
/**
|
|
181
|
+
* Sets the minimum height of the resizable Editor in pixels.
|
|
182
|
+
*/
|
|
183
|
+
minHeight?: number;
|
|
184
|
+
/**
|
|
185
|
+
* Sets the maximum width of the resizable Editor in pixels.
|
|
186
|
+
*/
|
|
187
|
+
maxWidth?: number;
|
|
188
|
+
/**
|
|
189
|
+
* Sets the maximum height of the resizable Editor in pixels.
|
|
190
|
+
*/
|
|
191
|
+
maxHeight?: number;
|
|
192
|
+
}
|
|
193
|
+
|
|
194
|
+
/**
|
|
195
|
+
* @hidden
|
|
196
|
+
*/
|
|
197
|
+
declare class EditorToolsService {
|
|
198
|
+
zone: NgZone;
|
|
199
|
+
needsCheck: Subject<any>;
|
|
200
|
+
constructor(zone: NgZone);
|
|
201
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<EditorToolsService, never>;
|
|
202
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<EditorToolsService>;
|
|
203
|
+
}
|
|
204
|
+
|
|
205
|
+
/**
|
|
206
|
+
* @hidden
|
|
207
|
+
*/
|
|
208
|
+
declare abstract class PreventableEvent {
|
|
209
|
+
private prevented;
|
|
210
|
+
/**
|
|
211
|
+
* Prevents the default action for a specified event.
|
|
212
|
+
* In this way, the source component suppresses the built-in behavior that follows the event.
|
|
213
|
+
*/
|
|
214
|
+
preventDefault(): void;
|
|
215
|
+
/**
|
|
216
|
+
* If the event is prevented by any of its subscribers, returns `true`.
|
|
217
|
+
*
|
|
218
|
+
* @returns `true` if the default action was prevented. Otherwise, returns `false`.
|
|
219
|
+
*/
|
|
220
|
+
isDefaultPrevented(): boolean;
|
|
221
|
+
}
|
|
222
|
+
|
|
223
|
+
/**
|
|
224
|
+
* Fires when the Editor [`paste`](https://www.telerik.com/kendo-angular-ui/components/editor/api/editorcomponent#paste) event occurs.
|
|
225
|
+
*/
|
|
226
|
+
declare class EditorPasteEvent extends PreventableEvent {
|
|
227
|
+
/**
|
|
228
|
+
* Contains the HTML content cleaned according to the [`PasteCleanupSettings`](https://www.telerik.com/kendo-angular-ui/components/editor/paste-cleanup).
|
|
229
|
+
*/
|
|
230
|
+
cleanedHtml: string;
|
|
231
|
+
/**
|
|
232
|
+
* Contains the raw pasted content.
|
|
233
|
+
*/
|
|
234
|
+
originalHtml: string;
|
|
235
|
+
/**
|
|
236
|
+
* Contains the original DOM event.
|
|
237
|
+
*/
|
|
238
|
+
originalEvent: ClipboardEvent;
|
|
239
|
+
/**
|
|
240
|
+
* Constructs the event arguments for the `paste` event.
|
|
241
|
+
* @hidden
|
|
242
|
+
*/
|
|
243
|
+
constructor(cleanedHtml: string, originalHtml: string, originalEvent: ClipboardEvent);
|
|
244
|
+
}
|
|
245
|
+
|
|
246
|
+
/**
|
|
247
|
+
* Represents the settings for applying custom CSS styles to the Editor in iframe mode ([see example](https://www.telerik.com/kendo-angular-ui/components/editor/styling#encapsulated-mode)).
|
|
248
|
+
*
|
|
249
|
+
* @example
|
|
250
|
+
* ```typescript
|
|
251
|
+
* const cssSettings: EditorCssSettings = {
|
|
252
|
+
* content: '.k-editor { color: red; }',
|
|
253
|
+
* path: '/styles/editor.css',
|
|
254
|
+
* keepBuiltInCss: false
|
|
255
|
+
* };
|
|
256
|
+
* ```
|
|
257
|
+
*/
|
|
258
|
+
interface EditorCssSettings {
|
|
259
|
+
/**
|
|
260
|
+
* Sets the CSS rules to apply.
|
|
261
|
+
*/
|
|
262
|
+
content?: string;
|
|
263
|
+
/**
|
|
264
|
+
* Sets the path to an external style sheet.
|
|
265
|
+
*/
|
|
266
|
+
path?: string;
|
|
267
|
+
/**
|
|
268
|
+
* Determines if custom styles override or extend built-in styles.
|
|
269
|
+
*/
|
|
270
|
+
keepBuiltInCss?: boolean;
|
|
271
|
+
}
|
|
272
|
+
|
|
273
|
+
/**
|
|
274
|
+
* Represents the [Kendo UI Editor component for Angular](https://www.telerik.com/kendo-angular-ui/components/editor).
|
|
275
|
+
*
|
|
276
|
+
* Use the Editor to create and edit rich text content in your Angular applications.
|
|
277
|
+
*
|
|
278
|
+
* @example
|
|
279
|
+
* ```html
|
|
280
|
+
* <kendo-editor [(value)]="editorValue"></kendo-editor>
|
|
281
|
+
* ```
|
|
282
|
+
* @remarks
|
|
283
|
+
* Supported children components are: {@link CustomMessagesComponent}, {@link ToolBarComponent}.
|
|
284
|
+
*/
|
|
285
|
+
declare class EditorComponent implements AfterViewInit, ControlValueAccessor {
|
|
286
|
+
private dialogService;
|
|
287
|
+
private localization;
|
|
288
|
+
private cdr;
|
|
289
|
+
ngZone: NgZone;
|
|
290
|
+
private element;
|
|
291
|
+
private providerService;
|
|
292
|
+
private toolsService;
|
|
293
|
+
private renderer;
|
|
294
|
+
/**
|
|
295
|
+
* Sets the value of the Editor ([see example](https://www.telerik.com/kendo-angular-ui/components/editor)).
|
|
296
|
+
* Use this property to update the Editor content programmatically.
|
|
297
|
+
*/
|
|
298
|
+
set value(value: string);
|
|
299
|
+
get value(): string;
|
|
300
|
+
/**
|
|
301
|
+
* Sets the disabled state of the component. To disable the Editor in reactive forms, see [Forms Support](https://www.telerik.com/kendo-angular-ui/components/editor/forms#managing-the-editor-disabled-state-in-reactive-forms).
|
|
302
|
+
*/
|
|
303
|
+
set disabled(value: boolean);
|
|
304
|
+
get disabled(): boolean;
|
|
305
|
+
/**
|
|
306
|
+
* Sets the read-only state of the component.
|
|
307
|
+
*
|
|
308
|
+
* When `true`, users cannot edit the content.
|
|
309
|
+
* @default false
|
|
310
|
+
*/
|
|
311
|
+
set readonly(value: boolean);
|
|
312
|
+
get readonly(): boolean;
|
|
313
|
+
/**
|
|
314
|
+
* If set to `false`, the Editor runs in non-encapsulated style mode.
|
|
315
|
+
* The Editor content inherits styles from the page.
|
|
316
|
+
* @default true
|
|
317
|
+
*/
|
|
318
|
+
iframe: boolean;
|
|
319
|
+
/**
|
|
320
|
+
* Applies custom CSS styles to the Editor in iframe mode.
|
|
321
|
+
* Use this property to provide additional CSS for the Editor content.
|
|
322
|
+
*/
|
|
323
|
+
set iframeCss(settings: EditorCssSettings);
|
|
324
|
+
get iframeCss(): EditorCssSettings;
|
|
325
|
+
/**
|
|
326
|
+
* When set to `true` or an `ApplyToWordOptions` object, emphasis or inline style commands apply to the whole word at the cursor.
|
|
327
|
+
* @default false
|
|
328
|
+
*/
|
|
329
|
+
applyToWord: boolean | ApplyToWordOptions;
|
|
330
|
+
/**
|
|
331
|
+
* Provides a custom schema for the Editor ([see example](https://www.telerik.com/kendo-angular-ui/components/editor/prosemirror-schema)).
|
|
332
|
+
*/
|
|
333
|
+
set schema(value: Schema);
|
|
334
|
+
get schema(): Schema;
|
|
335
|
+
/**
|
|
336
|
+
* Defines a function to customize the plugins used by the Editor.
|
|
337
|
+
* The function receives the default plugins and returns the plugins to use ([see example](https://www.telerik.com/kendo-angular-ui/components/editor/prosemirror-plugins)).
|
|
338
|
+
*/
|
|
339
|
+
set plugins(fn: PluginsFn);
|
|
340
|
+
get plugins(): PluginsFn;
|
|
341
|
+
/**
|
|
342
|
+
* Sets the hint text displayed when the Editor is empty.
|
|
343
|
+
* Use this property to provide guidance to users.
|
|
344
|
+
*/
|
|
345
|
+
set placeholder(value: string);
|
|
346
|
+
get placeholder(): string;
|
|
347
|
+
/**
|
|
348
|
+
* Controls whitespace handling in the Editor content.
|
|
349
|
+
* Set to `true` to preserve whitespace and normalize newlines to spaces.
|
|
350
|
+
* Set to `'full'` to preserve all whitespace.
|
|
351
|
+
* @default false
|
|
352
|
+
*/
|
|
353
|
+
preserveWhitespace: boolean | 'full';
|
|
354
|
+
/**
|
|
355
|
+
* Configures how pasted content is cleaned before it is added to the Editor ([see example](https://www.telerik.com/kendo-angular-ui/components/editor/paste-cleanup)).
|
|
356
|
+
* Use this property to remove unwanted HTML, styles, or attributes from pasted content.
|
|
357
|
+
*/
|
|
358
|
+
pasteCleanupSettings: PasteCleanupSettings;
|
|
359
|
+
/**
|
|
360
|
+
* Determines whether the Editor can be resized ([see example](https://www.telerik.com/kendo-angular-ui/components/editor/resizing#resizing-the-editor)).
|
|
361
|
+
* Set to `true` or provide an object with resizing options.
|
|
362
|
+
* @default false
|
|
363
|
+
*/
|
|
364
|
+
resizable: boolean | EditorResizableOptions;
|
|
365
|
+
/**
|
|
366
|
+
* Fires when the Editor value changes due to user interaction.
|
|
367
|
+
* This event does not fire when the value changes programmatically through `ngModel` or form bindings
|
|
368
|
+
* ([see example](https://www.telerik.com/kendo-angular-ui/components/editor/events)).
|
|
369
|
+
*/
|
|
370
|
+
valueChange: EventEmitter<string>;
|
|
371
|
+
/**
|
|
372
|
+
* Fires when the Editor content area receives focus ([see example](https://www.telerik.com/kendo-angular-ui/components/editor/events)).
|
|
373
|
+
*/
|
|
374
|
+
onFocus: EventEmitter<undefined>;
|
|
375
|
+
/**
|
|
376
|
+
* Fires when the user paste content into the Editor ([see example](https://www.telerik.com/kendo-angular-ui/components/editor/events)).
|
|
377
|
+
* This event is preventable. If you cancel it, the Editor content does not change.
|
|
378
|
+
*/
|
|
379
|
+
paste: EventEmitter<EditorPasteEvent>;
|
|
380
|
+
/**
|
|
381
|
+
* Fires when the Editor content area is blurred ([see example](https://www.telerik.com/kendo-angular-ui/components/editor/events)).
|
|
382
|
+
*/
|
|
383
|
+
onBlur: EventEmitter<undefined>;
|
|
384
|
+
hostClass: boolean;
|
|
385
|
+
get resizableClass(): boolean;
|
|
386
|
+
get isDisabled(): boolean;
|
|
387
|
+
get isReadonly(): boolean;
|
|
388
|
+
get dir(): Direction;
|
|
389
|
+
get ariaDisabled(): boolean;
|
|
390
|
+
get minWidth(): string;
|
|
391
|
+
get maxWidth(): string;
|
|
392
|
+
get minHeight(): string;
|
|
393
|
+
get maxHeight(): string;
|
|
394
|
+
/**
|
|
395
|
+
* @hidden
|
|
396
|
+
*/
|
|
397
|
+
stateChange: BehaviorSubject<any>;
|
|
398
|
+
/**
|
|
399
|
+
* @hidden
|
|
400
|
+
*/
|
|
401
|
+
showLicenseWatermark: boolean;
|
|
402
|
+
/**
|
|
403
|
+
* @hidden
|
|
404
|
+
*/
|
|
405
|
+
licenseMessage?: LicenseMessage;
|
|
406
|
+
get toolbar(): ToolBarComponent;
|
|
407
|
+
/**
|
|
408
|
+
* @hidden
|
|
409
|
+
*/
|
|
410
|
+
messageFor(key: string): string;
|
|
411
|
+
get toolbarElement(): ElementRef;
|
|
412
|
+
/**
|
|
413
|
+
* Returns the ProseMirror [EditorView](https://prosemirror.net/docs/ref/#view.EditorView) object.
|
|
414
|
+
* Use this property to access the underlying `EditorView` instance.
|
|
415
|
+
*/
|
|
416
|
+
get view(): EditorView;
|
|
417
|
+
/**
|
|
418
|
+
* Returns the text currently selected in the Editor ([see example](https://www.telerik.com/kendo-angular-ui/components/editor/selection#retrieve-the-selected-text)).
|
|
419
|
+
*/
|
|
420
|
+
get selectionText(): string;
|
|
421
|
+
/**
|
|
422
|
+
* @hidden
|
|
423
|
+
*/
|
|
424
|
+
valueModified: Subject<any>;
|
|
425
|
+
userToolBarComponent: ToolBarComponent;
|
|
426
|
+
userToolBarElement: ElementRef;
|
|
427
|
+
dialogContainer: ViewContainerRef;
|
|
428
|
+
container: ViewContainerRef;
|
|
429
|
+
direction: Direction;
|
|
430
|
+
viewMountElement: HTMLElement;
|
|
431
|
+
/**
|
|
432
|
+
* @hidden
|
|
433
|
+
*/
|
|
434
|
+
focusChangedProgrammatically: boolean;
|
|
435
|
+
/**
|
|
436
|
+
* @hidden
|
|
437
|
+
*/
|
|
438
|
+
shouldEmitFocus: boolean;
|
|
439
|
+
/**
|
|
440
|
+
* @hidden
|
|
441
|
+
*/
|
|
442
|
+
focusableId: string;
|
|
443
|
+
private defaultToolbar;
|
|
444
|
+
private defaultToolbarComponent;
|
|
445
|
+
private subs;
|
|
446
|
+
private _view;
|
|
447
|
+
private _value;
|
|
448
|
+
private _disabled;
|
|
449
|
+
private _readonly;
|
|
450
|
+
private _schema;
|
|
451
|
+
private _plugins;
|
|
452
|
+
private _placeholder;
|
|
453
|
+
private _styleObserver;
|
|
454
|
+
private trOnChange;
|
|
455
|
+
private htmlOnChange;
|
|
456
|
+
private inForm;
|
|
457
|
+
private _pasteEvent;
|
|
458
|
+
private _iframeCss;
|
|
459
|
+
private afterViewInit;
|
|
460
|
+
private contentAreaLoaded;
|
|
461
|
+
constructor(dialogService: DialogService, localization: LocalizationService, cdr: ChangeDetectorRef, ngZone: NgZone, element: ElementRef, providerService: ProviderService, toolsService: EditorToolsService, renderer: Renderer2);
|
|
462
|
+
ngOnInit(): void;
|
|
463
|
+
ngAfterViewInit(): void;
|
|
464
|
+
ngOnChanges(changes: SimpleChanges): void;
|
|
465
|
+
/**
|
|
466
|
+
* @hidden
|
|
467
|
+
*/
|
|
468
|
+
setDisabledState(isDisabled: boolean): void;
|
|
469
|
+
/**
|
|
470
|
+
* @hidden
|
|
471
|
+
*/
|
|
472
|
+
iframeOnLoad(): void;
|
|
473
|
+
/**
|
|
474
|
+
* Executes a command on the currently selected text
|
|
475
|
+
* ([more information and example](https://www.telerik.com/kendo-angular-ui/components/editor/tools#associating-toolbar-tools-with-editor-commands)).
|
|
476
|
+
*
|
|
477
|
+
* @param {EditorCommand} commandName - The command that will be executed.
|
|
478
|
+
* @param {any} attr - Optional parameters for the command.
|
|
479
|
+
*/
|
|
480
|
+
exec(commandName: EditorCommand, attr?: any): void;
|
|
481
|
+
/**
|
|
482
|
+
* Opens a dialog.
|
|
483
|
+
* @param {DialogCommand} dialogName - The name of the dialog that will open.
|
|
484
|
+
*/
|
|
485
|
+
openDialog(dialogName: DialogCommand): void;
|
|
486
|
+
/**
|
|
487
|
+
* Manually focus the Editor.
|
|
488
|
+
*/
|
|
489
|
+
focus(): void;
|
|
490
|
+
/**
|
|
491
|
+
* Manually blur the Editor.
|
|
492
|
+
*/
|
|
493
|
+
blur(): void;
|
|
494
|
+
/**
|
|
495
|
+
* @hidden
|
|
496
|
+
*/
|
|
497
|
+
getSource(): string;
|
|
498
|
+
ngOnDestroy(): void;
|
|
499
|
+
/**
|
|
500
|
+
* @hidden
|
|
501
|
+
*/
|
|
502
|
+
writeValue(value: any): void;
|
|
503
|
+
/**
|
|
504
|
+
* @hidden
|
|
505
|
+
*/
|
|
506
|
+
registerOnChange(fn: Function): void;
|
|
507
|
+
/**
|
|
508
|
+
* @hidden
|
|
509
|
+
*/
|
|
510
|
+
registerOnTouched(fn: Function): void;
|
|
511
|
+
/**
|
|
512
|
+
* @hidden
|
|
513
|
+
* Used by the TextBoxContainer to determine if the component is empty.
|
|
514
|
+
*/
|
|
515
|
+
isEmpty(): boolean;
|
|
516
|
+
private initialize;
|
|
517
|
+
private dispatchTransaction;
|
|
518
|
+
private transformPastedContent;
|
|
519
|
+
private transformPastedHTML;
|
|
520
|
+
private transformPastedText;
|
|
521
|
+
private changeValue;
|
|
522
|
+
private onChangeCallback;
|
|
523
|
+
private normalizeSize;
|
|
524
|
+
private normalizeProperties;
|
|
525
|
+
private onTouchedCallback;
|
|
526
|
+
private onPaste;
|
|
527
|
+
private dispatchPasteEvent;
|
|
528
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<EditorComponent, never>;
|
|
529
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<EditorComponent, "kendo-editor", never, { "value": { "alias": "value"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "iframe": { "alias": "iframe"; "required": false; }; "iframeCss": { "alias": "iframeCss"; "required": false; }; "applyToWord": { "alias": "applyToWord"; "required": false; }; "schema": { "alias": "schema"; "required": false; }; "plugins": { "alias": "plugins"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "preserveWhitespace": { "alias": "preserveWhitespace"; "required": false; }; "pasteCleanupSettings": { "alias": "pasteCleanupSettings"; "required": false; }; "resizable": { "alias": "resizable"; "required": false; }; }, { "valueChange": "valueChange"; "onFocus": "focus"; "paste": "paste"; "onBlur": "blur"; }, ["userToolBarComponent", "userToolBarElement"], ["kendo-toolbar"], true, never>;
|
|
530
|
+
}
|
|
531
|
+
|
|
532
|
+
/**
|
|
533
|
+
* @hidden
|
|
534
|
+
*/
|
|
535
|
+
declare abstract class EditorCommandBaseDirective {
|
|
536
|
+
protected command: DialogCommand | EditorCommand | EditorInternalCommand;
|
|
537
|
+
protected button: ToolBarButtonComponent;
|
|
538
|
+
protected localization: LocalizationService;
|
|
539
|
+
protected toolsService: EditorToolsService;
|
|
540
|
+
protected subs: Subscription;
|
|
541
|
+
protected editor: EditorComponent;
|
|
542
|
+
constructor(command: DialogCommand | EditorCommand | EditorInternalCommand, button: ToolBarButtonComponent, localization: LocalizationService, providerService: ProviderService, toolsService: EditorToolsService);
|
|
543
|
+
ngOnInit(): void;
|
|
544
|
+
ngOnDestroy(): void;
|
|
545
|
+
protected clickHandler(): void;
|
|
546
|
+
protected pointerdownHandler(_event: PointerEvent): void;
|
|
547
|
+
protected onStateChange(_toolBarState: any): void;
|
|
548
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<EditorCommandBaseDirective, never>;
|
|
549
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<EditorCommandBaseDirective, "[kendoEditorCommandBase]", never, {}, {}, never, never, true, never>;
|
|
550
|
+
}
|
|
551
|
+
|
|
552
|
+
/**
|
|
553
|
+
* @hidden
|
|
554
|
+
*/
|
|
555
|
+
declare abstract class EditorCommandButton extends EditorCommandBaseDirective {
|
|
556
|
+
protected command: EditorCommand | EditorInternalCommand;
|
|
557
|
+
protected button: ToolBarButtonComponent;
|
|
558
|
+
protected localization: LocalizationService;
|
|
559
|
+
protected providerService: ProviderService;
|
|
560
|
+
protected toolsService: EditorToolsService;
|
|
561
|
+
constructor(command: EditorCommand | EditorInternalCommand, button: ToolBarButtonComponent, localization: LocalizationService, providerService: ProviderService, toolsService: EditorToolsService);
|
|
562
|
+
protected clickHandler(): void;
|
|
563
|
+
protected pointerdownHandler(e?: PointerEvent): void;
|
|
564
|
+
protected onStateChange(toolBarState?: any): void;
|
|
565
|
+
}
|
|
566
|
+
|
|
567
|
+
/**
|
|
568
|
+
* @hidden
|
|
569
|
+
*/
|
|
570
|
+
declare class EditorLocalizationService extends LocalizationService {
|
|
571
|
+
constructor(prefix: string, messageService: MessageService, _rtl: boolean);
|
|
572
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<EditorLocalizationService, [null, { optional: true; }, { optional: true; }]>;
|
|
573
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<EditorLocalizationService>;
|
|
574
|
+
}
|
|
575
|
+
|
|
576
|
+
/**
|
|
577
|
+
* Use this directive to turn a ToolBarButtonComponent into an Editor **AlignLeft** tool
|
|
578
|
+
* ([see example](https://www.telerik.com/kendo-angular-ui/components/editor/tools#built-in-tools)).
|
|
579
|
+
* The directive sets the SVG icon and `click` event handlers for the button.
|
|
580
|
+
* It also updates the `selected` state of the button based on the cursor position in the editing area.
|
|
581
|
+
*
|
|
582
|
+
* @example
|
|
583
|
+
* ```html
|
|
584
|
+
* <kendo-toolbar-button kendoEditorAlignLeftButton></kendo-toolbar-button>
|
|
585
|
+
* ```
|
|
586
|
+
* @remarks
|
|
587
|
+
* Applied to: {@link ToolBarButtonComponent}
|
|
588
|
+
*/
|
|
589
|
+
declare class EditorAlignLeftButtonDirective extends EditorCommandButton {
|
|
590
|
+
constructor(button: ToolBarButtonComponent, localization: EditorLocalizationService, providerService: ProviderService, toolsService: EditorToolsService);
|
|
591
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<EditorAlignLeftButtonDirective, never>;
|
|
592
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<EditorAlignLeftButtonDirective, "kendo-toolbar-button[kendoEditorAlignLeftButton]", never, {}, {}, never, never, true, never>;
|
|
593
|
+
}
|
|
594
|
+
|
|
595
|
+
/**
|
|
596
|
+
* Use this directive to turn a ToolBarButtonComponent into an Editor **AlignCenter** tool
|
|
597
|
+
* ([see example](https://www.telerik.com/kendo-angular-ui/components/editor/tools#built-in-tools)).
|
|
598
|
+
* The directive sets the SVG icon and `click` event handlers for the button.
|
|
599
|
+
* It also updates the `selected` state of the button based on the cursor position in the editing area.
|
|
600
|
+
*
|
|
601
|
+
* @example
|
|
602
|
+
* ```html
|
|
603
|
+
* <kendo-toolbar-button kendoEditorAlignCenterButton></kendo-toolbar-button>
|
|
604
|
+
* ```
|
|
605
|
+
* @remarks
|
|
606
|
+
* Applied to: {@link ToolBarButtonComponent}
|
|
607
|
+
*/
|
|
608
|
+
declare class EditorAlignCenterButtonDirective extends EditorCommandButton {
|
|
609
|
+
constructor(button: ToolBarButtonComponent, localization: EditorLocalizationService, providerService: ProviderService, toolsService: EditorToolsService);
|
|
610
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<EditorAlignCenterButtonDirective, never>;
|
|
611
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<EditorAlignCenterButtonDirective, "kendo-toolbar-button[kendoEditorAlignCenterButton]", never, {}, {}, never, never, true, never>;
|
|
612
|
+
}
|
|
613
|
+
|
|
614
|
+
/**
|
|
615
|
+
* Use this directive to turn a ToolBarButtonComponent into an Editor **AlignRight** tool
|
|
616
|
+
* ([see example](https://www.telerik.com/kendo-angular-ui/components/editor/tools#built-in-tools)).
|
|
617
|
+
* The directive sets the SVG icon and `click` event handlers for the button.
|
|
618
|
+
* It also updates the `selected` state of the button based on the cursor position in the editing area.
|
|
619
|
+
*
|
|
620
|
+
* @example
|
|
621
|
+
* ```html
|
|
622
|
+
* <kendo-toolbar-button kendoEditorAlignRightButton></kendo-toolbar-button>
|
|
623
|
+
* ```
|
|
624
|
+
* @remarks
|
|
625
|
+
* Applied to: {@link ToolBarButtonComponent}
|
|
626
|
+
*/
|
|
627
|
+
declare class EditorAlignRightButtonDirective extends EditorCommandButton {
|
|
628
|
+
constructor(button: ToolBarButtonComponent, localization: EditorLocalizationService, providerService: ProviderService, toolsService: EditorToolsService);
|
|
629
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<EditorAlignRightButtonDirective, never>;
|
|
630
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<EditorAlignRightButtonDirective, "kendo-toolbar-button[kendoEditorAlignRightButton]", never, {}, {}, never, never, true, never>;
|
|
631
|
+
}
|
|
632
|
+
|
|
633
|
+
/**
|
|
634
|
+
* Use this directive to turn a ToolBarButtonComponent into an Editor **AlignJustify** tool
|
|
635
|
+
* ([see example](https://www.telerik.com/kendo-angular-ui/components/editor/tools#built-in-tools)).
|
|
636
|
+
* The directive sets the SVG icon and `click` event handlers for the button.
|
|
637
|
+
* It also updates the `selected` state of the button based on the cursor position in the editing area.
|
|
638
|
+
*
|
|
639
|
+
* @example
|
|
640
|
+
* ```html
|
|
641
|
+
* <kendo-toolbar-button kendoEditorAlignJustifyButton></kendo-toolbar-button>
|
|
642
|
+
* ```
|
|
643
|
+
* @remarks
|
|
644
|
+
* Applied to: {@link ToolBarButtonComponent}
|
|
645
|
+
*/
|
|
646
|
+
declare class EditorAlignJustifyButtonDirective extends EditorCommandButton {
|
|
647
|
+
constructor(button: ToolBarButtonComponent, localization: EditorLocalizationService, providerService: ProviderService, toolsService: EditorToolsService);
|
|
648
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<EditorAlignJustifyButtonDirective, never>;
|
|
649
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<EditorAlignJustifyButtonDirective, "kendo-toolbar-button[kendoEditorAlignJustifyButton]", never, {}, {}, never, never, true, never>;
|
|
650
|
+
}
|
|
651
|
+
|
|
652
|
+
/**
|
|
653
|
+
* @hidden
|
|
654
|
+
*/
|
|
655
|
+
declare abstract class EditorCommandDialog extends EditorCommandBaseDirective {
|
|
656
|
+
protected dialog: DialogCommand;
|
|
657
|
+
protected button: ToolBarButtonComponent;
|
|
658
|
+
protected localization: LocalizationService;
|
|
659
|
+
protected providerService: ProviderService;
|
|
660
|
+
protected toolsService: EditorToolsService;
|
|
661
|
+
constructor(dialog: DialogCommand, button: ToolBarButtonComponent, localization: LocalizationService, providerService: ProviderService, toolsService: EditorToolsService);
|
|
662
|
+
protected clickHandler(): void;
|
|
663
|
+
protected onStateChange(toolBarState?: any): void;
|
|
664
|
+
}
|
|
665
|
+
|
|
666
|
+
/**
|
|
667
|
+
* Configures a ToolBarButtonComponent as an Editor **Insert File** tool ([see example](https://www.telerik.com/kendo-angular-ui/components/editor/tools#built-in-tools)).
|
|
668
|
+
* The directive sets the SVG icon and `click` event handlers for the button.
|
|
669
|
+
*
|
|
670
|
+
* @example
|
|
671
|
+
* ```html
|
|
672
|
+
* <kendo-toolbar-button kendoEditorInsertFileButton></kendo-toolbar-button>
|
|
673
|
+
* ```
|
|
674
|
+
* @remarks
|
|
675
|
+
* Applied to: {@link ToolBarButtonComponent}
|
|
676
|
+
*/
|
|
677
|
+
declare class EditorInsertFileButtonDirective extends EditorCommandDialog {
|
|
678
|
+
constructor(button: ToolBarButtonComponent, localization: EditorLocalizationService, providerService: ProviderService, toolsService: EditorToolsService);
|
|
679
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<EditorInsertFileButtonDirective, never>;
|
|
680
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<EditorInsertFileButtonDirective, "kendo-toolbar-button[kendoEditorInsertFileButton]", never, {}, {}, never, never, true, never>;
|
|
681
|
+
}
|
|
682
|
+
|
|
683
|
+
/**
|
|
684
|
+
* Configures a ToolBarButtonComponent as an Editor **Redo** tool
|
|
685
|
+
* ([see example](https://www.telerik.com/kendo-angular-ui/components/editor/tools#built-in-tools)).
|
|
686
|
+
* Sets the SVG icon and `click` event handlers of the button.
|
|
687
|
+
* Updates the `disabled` state of the button based on the cursor position in the editing area.
|
|
688
|
+
*
|
|
689
|
+
* @example
|
|
690
|
+
* ```html
|
|
691
|
+
* <kendo-toolbar-button kendoEditorRedoButton></kendo-toolbar-button>
|
|
692
|
+
* ```
|
|
693
|
+
* @remarks
|
|
694
|
+
* Applied to: {@link ToolBarButtonComponent}
|
|
695
|
+
*/
|
|
696
|
+
declare class EditorRedoButtonDirective extends EditorCommandButton {
|
|
697
|
+
constructor(button: ToolBarButtonComponent, localization: EditorLocalizationService, providerService: ProviderService, toolsService: EditorToolsService);
|
|
698
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<EditorRedoButtonDirective, never>;
|
|
699
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<EditorRedoButtonDirective, "kendo-toolbar-button[kendoEditorRedoButton]", never, {}, {}, never, never, true, never>;
|
|
700
|
+
}
|
|
701
|
+
|
|
702
|
+
/**
|
|
703
|
+
* Configures a ToolBarButtonComponent as an Editor **Undo** tool
|
|
704
|
+
* ([see example](https://www.telerik.com/kendo-angular-ui/components/editor/tools#built-in-tools)).
|
|
705
|
+
* Sets the SVG icon and `click` event handlers of the button.
|
|
706
|
+
* Updates the `disabled` state of the button based on the cursor position in the editing area.
|
|
707
|
+
*
|
|
708
|
+
* @example
|
|
709
|
+
* ```html
|
|
710
|
+
* <kendo-toolbar-button kendoEditorUndoButton></kendo-toolbar-button>
|
|
711
|
+
* ```
|
|
712
|
+
* @remarks
|
|
713
|
+
* Applied to: {@link ToolBarButtonComponent}
|
|
714
|
+
*/
|
|
715
|
+
declare class EditorUndoButtonDirective extends EditorCommandButton {
|
|
716
|
+
constructor(button: ToolBarButtonComponent, localization: EditorLocalizationService, providerService: ProviderService, toolsService: EditorToolsService);
|
|
717
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<EditorUndoButtonDirective, never>;
|
|
718
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<EditorUndoButtonDirective, "kendo-toolbar-button[kendoEditorUndoButton]", never, {}, {}, never, never, true, never>;
|
|
719
|
+
}
|
|
720
|
+
|
|
721
|
+
/**
|
|
722
|
+
* Configures a `ToolBarButtonComponent` as an Editor **InsertImage** tool
|
|
723
|
+
* ([see example](https://www.telerik.com/kendo-angular-ui/components/editor/tools#built-in-tools)).
|
|
724
|
+
* Sets the SVG icon and `click` event handlers of the button.
|
|
725
|
+
*
|
|
726
|
+
* @example
|
|
727
|
+
* ```html
|
|
728
|
+
* <kendo-toolbar-button kendoEditorInsertImageButton></kendo-toolbar-button>
|
|
729
|
+
* ```
|
|
730
|
+
* @remarks
|
|
731
|
+
* Applied to: {@link ToolBarButtonComponent}
|
|
732
|
+
*/
|
|
733
|
+
declare class EditorInsertImageButtonDirective extends EditorCommandDialog {
|
|
734
|
+
constructor(button: ToolBarButtonComponent, localization: EditorLocalizationService, providerService: ProviderService, toolsService: EditorToolsService);
|
|
735
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<EditorInsertImageButtonDirective, never>;
|
|
736
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<EditorInsertImageButtonDirective, "kendo-toolbar-button[kendoEditorInsertImageButton]", never, {}, {}, never, never, true, never>;
|
|
737
|
+
}
|
|
738
|
+
|
|
739
|
+
/**
|
|
740
|
+
* Configures a ToolBarButtonComponent as an Editor **Indent** tool ([see example](https://www.telerik.com/kendo-angular-ui/components/editor/tools#built-in-tools)).
|
|
741
|
+
* The directive sets the SVG icon and `click` event handlers for the button.
|
|
742
|
+
* The directive also updates the `disabled` state of the button based on the cursor position in the editing area.
|
|
743
|
+
*
|
|
744
|
+
* @example
|
|
745
|
+
* ```html
|
|
746
|
+
* <kendo-toolbar-button kendoEditorIndentButton></kendo-toolbar-button>
|
|
747
|
+
* ```
|
|
748
|
+
* @remarks
|
|
749
|
+
* Applied to: {@link ToolBarButtonComponent}
|
|
750
|
+
*/
|
|
751
|
+
declare class EditorIndentButtonDirective extends EditorCommandButton {
|
|
752
|
+
constructor(button: ToolBarButtonComponent, localization: EditorLocalizationService, providerService: ProviderService, toolsService: EditorToolsService);
|
|
753
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<EditorIndentButtonDirective, never>;
|
|
754
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<EditorIndentButtonDirective, "kendo-toolbar-button[kendoEditorIndentButton]", never, {}, {}, never, never, true, never>;
|
|
755
|
+
}
|
|
756
|
+
|
|
757
|
+
/**
|
|
758
|
+
* Configures a ToolBarButtonComponent as an Editor **Outdent** tool ([see example](https://www.telerik.com/kendo-angular-ui/components/editor/tools#built-in-tools)).
|
|
759
|
+
* The directive sets the SVG icon and `click` event handlers for the button.
|
|
760
|
+
* The directive also updates the `disabled` state of the button based on the cursor position in the editing area.
|
|
761
|
+
*
|
|
762
|
+
* @example
|
|
763
|
+
* ```html
|
|
764
|
+
* <kendo-toolbar-button kendoEditorOutdentButton></kendo-toolbar-button>
|
|
765
|
+
* ```
|
|
766
|
+
* @remarks
|
|
767
|
+
* Applied to: {@link ToolBarButtonComponent}
|
|
768
|
+
*/
|
|
769
|
+
declare class EditorOutdentButtonDirective extends EditorCommandButton {
|
|
770
|
+
constructor(button: ToolBarButtonComponent, localization: EditorLocalizationService, providerService: ProviderService, toolsService: EditorToolsService);
|
|
771
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<EditorOutdentButtonDirective, never>;
|
|
772
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<EditorOutdentButtonDirective, "kendo-toolbar-button[kendoEditorOutdentButton]", never, {}, {}, never, never, true, never>;
|
|
773
|
+
}
|
|
774
|
+
|
|
775
|
+
/**
|
|
776
|
+
* Configures a ToolBarButtonComponent as an Editor **CreateLink** tool ([see example](https://www.telerik.com/kendo-angular-ui/components/editor/tools#built-in-tools)).
|
|
777
|
+
* The directive sets the SVG icon and `click` event handlers for the button.
|
|
778
|
+
* The directive also updates the `disabled` state of the button based on the cursor position in the editing area.
|
|
779
|
+
*
|
|
780
|
+
* @example
|
|
781
|
+
* ```html
|
|
782
|
+
* <kendo-toolbar-button kendoEditorCreateLinkButton></kendo-toolbar-button>
|
|
783
|
+
* ```
|
|
784
|
+
* @remarks
|
|
785
|
+
* Applied to: {@link ToolBarButtonComponent}
|
|
786
|
+
*/
|
|
787
|
+
declare class EditorCreateLinkButtonDirective extends EditorCommandDialog {
|
|
788
|
+
constructor(button: ToolBarButtonComponent, localization: EditorLocalizationService, providerService: ProviderService, toolsService: EditorToolsService);
|
|
789
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<EditorCreateLinkButtonDirective, never>;
|
|
790
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<EditorCreateLinkButtonDirective, "kendo-toolbar-button[kendoEditorCreateLinkButton]", never, {}, {}, never, never, true, never>;
|
|
791
|
+
}
|
|
792
|
+
|
|
793
|
+
/**
|
|
794
|
+
* Configures a ToolBarButtonComponent as an Editor **Unlink** tool ([see example](https://www.telerik.com/kendo-angular-ui/components/editor/tools#built-in-tools)).
|
|
795
|
+
* The directive sets the SVG icon and `click` event handlers for the button.
|
|
796
|
+
* The directive also updates the `disabled` state of the button based on the cursor position in the editing area.
|
|
797
|
+
*
|
|
798
|
+
* @example
|
|
799
|
+
* ```html
|
|
800
|
+
* <kendo-toolbar-button kendoEditorUnlinkButton></kendo-toolbar-button>
|
|
801
|
+
* ```
|
|
802
|
+
* @remarks
|
|
803
|
+
* Applied to: {@link ToolBarButtonComponent}
|
|
804
|
+
*/
|
|
805
|
+
declare class EditorUnlinkButtonDirective extends EditorCommandButton {
|
|
806
|
+
constructor(button: ToolBarButtonComponent, localization: EditorLocalizationService, providerService: ProviderService, toolsService: EditorToolsService);
|
|
807
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<EditorUnlinkButtonDirective, never>;
|
|
808
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<EditorUnlinkButtonDirective, "kendo-toolbar-button[kendoEditorUnlinkButton]", never, {}, {}, never, never, true, never>;
|
|
809
|
+
}
|
|
810
|
+
|
|
811
|
+
/**
|
|
812
|
+
* Configures a ToolBarButtonComponent as an Editor **InsertOrderedList** tool ([see example](https://www.telerik.com/kendo-angular-ui/components/editor/tools#built-in-tools)).
|
|
813
|
+
* The directive sets the SVG icon and `click` event handlers for the button.
|
|
814
|
+
* The directive also updates the `selected` state of the button based on the cursor position in the editing area.
|
|
815
|
+
*
|
|
816
|
+
* @example
|
|
817
|
+
* ```html
|
|
818
|
+
* <kendo-toolbar-button kendoEditorInsertOrderedListButton></kendo-toolbar-button>
|
|
819
|
+
* ```
|
|
820
|
+
* @remarks
|
|
821
|
+
* Applied to: {@link ToolBarButtonComponent}
|
|
822
|
+
*/
|
|
823
|
+
declare class EditorInsertOrderedListButtonDirective extends EditorCommandButton {
|
|
824
|
+
constructor(button: ToolBarButtonComponent, localization: EditorLocalizationService, providerService: ProviderService, toolsService: EditorToolsService);
|
|
825
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<EditorInsertOrderedListButtonDirective, never>;
|
|
826
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<EditorInsertOrderedListButtonDirective, "kendo-toolbar-button[kendoEditorInsertOrderedListButton]", never, {}, {}, never, never, true, never>;
|
|
827
|
+
}
|
|
828
|
+
|
|
829
|
+
/**
|
|
830
|
+
* Configures a ToolBarButtonComponent as an Editor **InsertUnorderedList** tool
|
|
831
|
+
* ([see example](https://www.telerik.com/kendo-angular-ui/components/editor/tools#built-in-tools)).
|
|
832
|
+
* This directive sets the SVG icon and `click` event handlers for the button.
|
|
833
|
+
* It also updates the `selected` state of the button based on the cursor position in the editing area.
|
|
834
|
+
*
|
|
835
|
+
* @example
|
|
836
|
+
* ```html
|
|
837
|
+
* <kendo-toolbar-button kendoEditorInsertUnorderedListButton></kendo-toolbar-button>
|
|
838
|
+
* ```
|
|
839
|
+
* @remarks
|
|
840
|
+
* Applied to: {@link ToolBarButtonComponent}
|
|
841
|
+
*/
|
|
842
|
+
declare class EditorInsertUnorderedListButtonDirective extends EditorCommandButton {
|
|
843
|
+
constructor(button: ToolBarButtonComponent, localization: EditorLocalizationService, providerService: ProviderService, toolsService: EditorToolsService);
|
|
844
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<EditorInsertUnorderedListButtonDirective, never>;
|
|
845
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<EditorInsertUnorderedListButtonDirective, "kendo-toolbar-button[kendoEditorInsertUnorderedListButton]", never, {}, {}, never, never, true, never>;
|
|
846
|
+
}
|
|
847
|
+
|
|
848
|
+
/**
|
|
849
|
+
* Configures a ToolBarButtonComponent as an Editor **ViewSource** tool
|
|
850
|
+
* ([see example](https://www.telerik.com/kendo-angular-ui/components/editor/tools#built-in-tools)).
|
|
851
|
+
* The directive sets the SVG icon and `click` event handlers for the button.
|
|
852
|
+
*
|
|
853
|
+
* @example
|
|
854
|
+
* ```html
|
|
855
|
+
* <kendo-toolbar-button kendoEditorViewSourceButton></kendo-toolbar-button>
|
|
856
|
+
* ```
|
|
857
|
+
* @remarks
|
|
858
|
+
* Applied to: {@link ToolBarButtonComponent}
|
|
859
|
+
*/
|
|
860
|
+
declare class EditorViewSourceButtonDirective extends EditorCommandDialog {
|
|
861
|
+
constructor(button: ToolBarButtonComponent, localization: EditorLocalizationService, providerService: ProviderService, toolsService: EditorToolsService);
|
|
862
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<EditorViewSourceButtonDirective, never>;
|
|
863
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<EditorViewSourceButtonDirective, "kendo-toolbar-button[kendoEditorViewSourceButton]", never, {}, {}, never, never, true, never>;
|
|
864
|
+
}
|
|
865
|
+
|
|
866
|
+
/**
|
|
867
|
+
* Configures a ToolBarButtonComponent as an Editor **Bold** tool
|
|
868
|
+
* ([see example](https://www.telerik.com/kendo-angular-ui/components/editor/tools#built-in-tools)).
|
|
869
|
+
* This directive sets the SVG icon and `click` event handlers for the button.
|
|
870
|
+
* The directive also updates the `selected` state of the button based on the cursor position in the editing area.
|
|
871
|
+
*
|
|
872
|
+
* @example
|
|
873
|
+
* ```html
|
|
874
|
+
* <kendo-toolbar-button kendoEditorBoldButton></kendo-toolbar-button>
|
|
875
|
+
* ```
|
|
876
|
+
* @remarks
|
|
877
|
+
* Applied to: {@link ToolBarButtonComponent}
|
|
878
|
+
*/
|
|
879
|
+
declare class EditorBoldButtonDirective extends EditorCommandButton {
|
|
880
|
+
constructor(button: ToolBarButtonComponent, localization: EditorLocalizationService, providerService: ProviderService, toolsService: EditorToolsService);
|
|
881
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<EditorBoldButtonDirective, never>;
|
|
882
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<EditorBoldButtonDirective, "kendo-toolbar-button[kendoEditorBoldButton]", never, {}, {}, never, never, true, never>;
|
|
883
|
+
}
|
|
884
|
+
|
|
885
|
+
/**
|
|
886
|
+
* Configures a ToolBarButtonComponent as an Editor **Italic** tool
|
|
887
|
+
* ([see example](https://www.telerik.com/kendo-angular-ui/components/editor/tools#built-in-tools)).
|
|
888
|
+
* This directive sets the SVG icon and `click` event handlers for the button.
|
|
889
|
+
* The directive also updates the `selected` state of the button based on the cursor position in the editing area.
|
|
890
|
+
*
|
|
891
|
+
* @example
|
|
892
|
+
* ```html
|
|
893
|
+
* <kendo-toolbar-button kendoEditorItalicButton></kendo-toolbar-button>
|
|
894
|
+
* ```
|
|
895
|
+
* @remarks
|
|
896
|
+
* Applied to: {@link ToolBarButtonComponent}
|
|
897
|
+
*/
|
|
898
|
+
declare class EditorItalicButtonDirective extends EditorCommandButton {
|
|
899
|
+
constructor(button: ToolBarButtonComponent, localization: EditorLocalizationService, providerService: ProviderService, toolsService: EditorToolsService);
|
|
900
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<EditorItalicButtonDirective, never>;
|
|
901
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<EditorItalicButtonDirective, "kendo-toolbar-button[kendoEditorItalicButton]", never, {}, {}, never, never, true, never>;
|
|
902
|
+
}
|
|
903
|
+
|
|
904
|
+
/**
|
|
905
|
+
* Configures a ToolBarButtonComponent as an Editor **Underline** tool
|
|
906
|
+
* ([see example](https://www.telerik.com/kendo-angular-ui/components/editor/tools#built-in-tools)).
|
|
907
|
+
* This directive sets the SVG icon and `click` event handlers for the button.
|
|
908
|
+
* The directive also updates the `selected` state of the button based on the cursor position in the editing area.
|
|
909
|
+
*
|
|
910
|
+
* @example
|
|
911
|
+
* ```html
|
|
912
|
+
* <kendo-toolbar-button kendoEditorUnderlineButton></kendo-toolbar-button>
|
|
913
|
+
* ```
|
|
914
|
+
* @remarks
|
|
915
|
+
* Applied to: {@link ToolBarButtonComponent}
|
|
916
|
+
*/
|
|
917
|
+
declare class EditorUnderlineButtonDirective extends EditorCommandButton {
|
|
918
|
+
constructor(button: ToolBarButtonComponent, localization: EditorLocalizationService, providerService: ProviderService, toolsService: EditorToolsService);
|
|
919
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<EditorUnderlineButtonDirective, never>;
|
|
920
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<EditorUnderlineButtonDirective, "kendo-toolbar-button[kendoEditorUnderlineButton]", never, {}, {}, never, never, true, never>;
|
|
921
|
+
}
|
|
922
|
+
|
|
923
|
+
/**
|
|
924
|
+
* Configures a ToolBarButtonComponent as an Editor **Strikethrough** tool
|
|
925
|
+
* ([see example](https://www.telerik.com/kendo-angular-ui/components/editor/tools#built-in-tools)).
|
|
926
|
+
* This directive sets the SVG icon and `click` event handlers for the button.
|
|
927
|
+
* The directive also updates the `selected` state of the button based on the cursor position in the editing area.
|
|
928
|
+
*
|
|
929
|
+
* @example
|
|
930
|
+
* ```html
|
|
931
|
+
* <kendo-toolbar-button kendoEditorStrikethroughButton></kendo-toolbar-button>
|
|
932
|
+
* ```
|
|
933
|
+
* @remarks
|
|
934
|
+
* Applied to: {@link ToolBarButtonComponent}
|
|
935
|
+
*/
|
|
936
|
+
declare class EditorStrikethroughButtonDirective extends EditorCommandButton {
|
|
937
|
+
constructor(button: ToolBarButtonComponent, localization: EditorLocalizationService, providerService: ProviderService, toolsService: EditorToolsService);
|
|
938
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<EditorStrikethroughButtonDirective, never>;
|
|
939
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<EditorStrikethroughButtonDirective, "kendo-toolbar-button[kendoEditorStrikethroughButton]", never, {}, {}, never, never, true, never>;
|
|
940
|
+
}
|
|
941
|
+
|
|
942
|
+
/**
|
|
943
|
+
* Configures a ToolBarButtonComponent as an Editor **Subscript** tool
|
|
944
|
+
* ([see example](https://www.telerik.com/kendo-angular-ui/components/editor/tools#built-in-tools)).
|
|
945
|
+
* This directive sets the SVG icon and `click` event handlers for the button.
|
|
946
|
+
* The directive also updates the `selected` state of the button based on the cursor position in the editing area.
|
|
947
|
+
*
|
|
948
|
+
* @example
|
|
949
|
+
* ```html
|
|
950
|
+
* <kendo-toolbar-button kendoEditorSubscriptButton></kendo-toolbar-button>
|
|
951
|
+
* ```
|
|
952
|
+
* @remarks
|
|
953
|
+
* Applied to: {@link ToolBarButtonComponent}
|
|
954
|
+
*/
|
|
955
|
+
declare class EditorSubscriptButtonDirective extends EditorCommandButton {
|
|
956
|
+
constructor(button: ToolBarButtonComponent, localization: EditorLocalizationService, providerService: ProviderService, toolsService: EditorToolsService);
|
|
957
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<EditorSubscriptButtonDirective, never>;
|
|
958
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<EditorSubscriptButtonDirective, "kendo-toolbar-button[kendoEditorSubscriptButton]", never, {}, {}, never, never, true, never>;
|
|
959
|
+
}
|
|
960
|
+
|
|
961
|
+
/**
|
|
962
|
+
* Configures a ToolBarButtonComponent as an Editor **Superscript** tool
|
|
963
|
+
* ([see example](https://www.telerik.com/kendo-angular-ui/components/editor/tools#built-in-tools)).
|
|
964
|
+
* This directive sets the SVG icon and `click` event handlers for the button.
|
|
965
|
+
* The directive also updates the `selected` state of the button based on the cursor position in the editing area.
|
|
966
|
+
*
|
|
967
|
+
* @example
|
|
968
|
+
* ```html
|
|
969
|
+
* <kendo-toolbar-button kendoEditorSuperscriptButton></kendo-toolbar-button>
|
|
970
|
+
* ```
|
|
971
|
+
* @remarks
|
|
972
|
+
* Applied to: {@link ToolBarButtonComponent}
|
|
973
|
+
*/
|
|
974
|
+
declare class EditorSuperscriptButtonDirective extends EditorCommandButton {
|
|
975
|
+
constructor(button: ToolBarButtonComponent, localization: EditorLocalizationService, providerService: ProviderService, toolsService: EditorToolsService);
|
|
976
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<EditorSuperscriptButtonDirective, never>;
|
|
977
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<EditorSuperscriptButtonDirective, "kendo-toolbar-button[kendoEditorSuperscriptButton]", never, {}, {}, never, never, true, never>;
|
|
978
|
+
}
|
|
979
|
+
|
|
980
|
+
/**
|
|
981
|
+
* Configures a ColorPickerComponent as a ToolBar tool.
|
|
982
|
+
* Use this component to associate a `kendo-toolbar-colorpicker` with an Editor command that changes the foreground or background color of the text.
|
|
983
|
+
* Use the `kendoEditorForeColor` or `kendoEditorBackColor` directive ([more information](https://www.telerik.com/kendo-angular-ui/components/editor/tools#colorpickers)).
|
|
984
|
+
*
|
|
985
|
+
* @example
|
|
986
|
+
* ```html
|
|
987
|
+
* <kendo-toolbar-colorpicker kendoEditorForeColor></kendo-toolbar-colorpicker>
|
|
988
|
+
* ```
|
|
989
|
+
*/
|
|
990
|
+
declare class EditorColorPickerComponent extends ToolBarToolComponent {
|
|
991
|
+
private localization;
|
|
992
|
+
private dialogService;
|
|
993
|
+
private ngZone;
|
|
994
|
+
private renderer;
|
|
995
|
+
/**
|
|
996
|
+
* Specifies the tab index of the component.
|
|
997
|
+
*
|
|
998
|
+
* @default -1
|
|
999
|
+
*/
|
|
1000
|
+
tabindex: number;
|
|
1001
|
+
/**
|
|
1002
|
+
* Specifies the initial value of the color picker.
|
|
1003
|
+
*/
|
|
1004
|
+
value: string;
|
|
1005
|
+
/**
|
|
1006
|
+
* Specifies the Kendo UI font icon that the component uses.
|
|
1007
|
+
*/
|
|
1008
|
+
icon: string;
|
|
1009
|
+
/**
|
|
1010
|
+
* Defines an SVGIcon to render within the ColorPicker button.
|
|
1011
|
+
* The input can take either an existing Kendo SVG icon or a custom one.
|
|
1012
|
+
*/
|
|
1013
|
+
svgIcon: SVGIcon;
|
|
1014
|
+
/**
|
|
1015
|
+
* Overrides the default color palette settings.
|
|
1016
|
+
*/
|
|
1017
|
+
paletteSettings: PaletteSettings;
|
|
1018
|
+
/**
|
|
1019
|
+
* Specifies the color-related command that the component executes.
|
|
1020
|
+
*/
|
|
1021
|
+
editorCommand: 'foreColor' | 'backColor';
|
|
1022
|
+
/**
|
|
1023
|
+
* Specifies if the component is disabled.
|
|
1024
|
+
*
|
|
1025
|
+
* @default false
|
|
1026
|
+
*/
|
|
1027
|
+
disabled: boolean;
|
|
1028
|
+
/**
|
|
1029
|
+
* Specifies whether the ColorPicker renders a gradient, palette, or both in its popup.
|
|
1030
|
+
*
|
|
1031
|
+
* @default ['palette']
|
|
1032
|
+
*/
|
|
1033
|
+
views: ColorPickerView[];
|
|
1034
|
+
/**
|
|
1035
|
+
* @hidden
|
|
1036
|
+
*
|
|
1037
|
+
* For backward compatibility with configurations using the deprecated "view" input.
|
|
1038
|
+
*/
|
|
1039
|
+
set view(view: ColorPickerView);
|
|
1040
|
+
get view(): ColorPickerView;
|
|
1041
|
+
/**
|
|
1042
|
+
* @hidden
|
|
1043
|
+
*/
|
|
1044
|
+
get title(): string;
|
|
1045
|
+
element: ElementRef;
|
|
1046
|
+
private colorPicker;
|
|
1047
|
+
private colorPickerButton;
|
|
1048
|
+
private subs;
|
|
1049
|
+
private editor;
|
|
1050
|
+
private activeView;
|
|
1051
|
+
constructor(localization: EditorLocalizationService, dialogService: DialogService, ngZone: NgZone, providerService: ProviderService, renderer: Renderer2);
|
|
1052
|
+
ngOnInit(): void;
|
|
1053
|
+
ngOnDestroy(): void;
|
|
1054
|
+
/**
|
|
1055
|
+
* @hidden
|
|
1056
|
+
*/
|
|
1057
|
+
handleValueChange(color: string): void;
|
|
1058
|
+
/**
|
|
1059
|
+
* @hidden
|
|
1060
|
+
*/
|
|
1061
|
+
handleActiveColorClick(event: ActiveColorClickEvent): void;
|
|
1062
|
+
/**
|
|
1063
|
+
* @hidden
|
|
1064
|
+
*/
|
|
1065
|
+
onClose(): void;
|
|
1066
|
+
/**
|
|
1067
|
+
* @hidden
|
|
1068
|
+
*/
|
|
1069
|
+
handleClearButtonClick(): void;
|
|
1070
|
+
/**
|
|
1071
|
+
* @hidden
|
|
1072
|
+
*/
|
|
1073
|
+
onActiveViewChange(view: string | ColorPickerView): void;
|
|
1074
|
+
/**
|
|
1075
|
+
* @hidden
|
|
1076
|
+
*/
|
|
1077
|
+
get outerWidth(): number;
|
|
1078
|
+
/**
|
|
1079
|
+
* @hidden
|
|
1080
|
+
*/
|
|
1081
|
+
openDialog(): void;
|
|
1082
|
+
/**
|
|
1083
|
+
* @hidden
|
|
1084
|
+
*/
|
|
1085
|
+
canFocus(): boolean;
|
|
1086
|
+
/**
|
|
1087
|
+
* @hidden
|
|
1088
|
+
*/
|
|
1089
|
+
focus(): void;
|
|
1090
|
+
/**
|
|
1091
|
+
* @hidden
|
|
1092
|
+
*/
|
|
1093
|
+
handleKey(): boolean;
|
|
1094
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<EditorColorPickerComponent, never>;
|
|
1095
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<EditorColorPickerComponent, "kendo-toolbar-colorpicker", never, { "value": { "alias": "value"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "svgIcon": { "alias": "svgIcon"; "required": false; }; "paletteSettings": { "alias": "paletteSettings"; "required": false; }; "editorCommand": { "alias": "editorCommand"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "views": { "alias": "views"; "required": false; }; "view": { "alias": "view"; "required": false; }; }, {}, never, never, true, never>;
|
|
1096
|
+
}
|
|
1097
|
+
|
|
1098
|
+
/**
|
|
1099
|
+
* Configures an EditorColorPickerComponent for manipulating the foreground color of the text ([see example](https://www.telerik.com/kendo-angular-ui/components/editor/tools#built-in-tools)).
|
|
1100
|
+
*
|
|
1101
|
+
* @example
|
|
1102
|
+
* ```html
|
|
1103
|
+
* <kendo-toolbar-colorpicker kendoEditorForeColor></kendo-toolbar-colorpicker>
|
|
1104
|
+
* ```
|
|
1105
|
+
* @remarks
|
|
1106
|
+
* Applied to: {@link EditorColorPickerComponent}
|
|
1107
|
+
*/
|
|
1108
|
+
declare class EditorForeColorDirective {
|
|
1109
|
+
private colorPicker;
|
|
1110
|
+
constructor(colorPicker: EditorColorPickerComponent);
|
|
1111
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<EditorForeColorDirective, never>;
|
|
1112
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<EditorForeColorDirective, "[kendoEditorForeColor]", never, {}, {}, never, never, true, never>;
|
|
1113
|
+
}
|
|
1114
|
+
|
|
1115
|
+
/**
|
|
1116
|
+
* Configures an EditorColorPickerComponent for manipulating the background color of the text ([see example](https://www.telerik.com/kendo-angular-ui/components/editor/tools#built-in-tools)).
|
|
1117
|
+
*
|
|
1118
|
+
* @example
|
|
1119
|
+
* ```html
|
|
1120
|
+
* <kendo-editor>
|
|
1121
|
+
* <kendo-toolbar>
|
|
1122
|
+
* <kendo-toolbar-colorpicker kendoEditorBackColor view="gradient"></kendo-toolbar-colorpicker>
|
|
1123
|
+
* </kendo-toolbar>
|
|
1124
|
+
* </kendo-editor>
|
|
1125
|
+
* ```
|
|
1126
|
+
* @remarks
|
|
1127
|
+
* Applied to: {@link EditorColorPickerComponent}
|
|
1128
|
+
*/
|
|
1129
|
+
declare class EditorBackColorDirective {
|
|
1130
|
+
private colorPicker;
|
|
1131
|
+
constructor(colorPicker: EditorColorPickerComponent);
|
|
1132
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<EditorBackColorDirective, never>;
|
|
1133
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<EditorBackColorDirective, "[kendoEditorBackColor]", never, {}, {}, never, never, true, never>;
|
|
1134
|
+
}
|
|
1135
|
+
|
|
1136
|
+
/**
|
|
1137
|
+
* A directive that configures a ToolBarButtonComponent as an Editor **Clean Formatting** tool.
|
|
1138
|
+
* The directive sets the SVG icon and `click` event handlers for the button.
|
|
1139
|
+
* ([see example](https://www.telerik.com/kendo-angular-ui/components/editor/tools#built-in-tools))
|
|
1140
|
+
*
|
|
1141
|
+
* @example
|
|
1142
|
+
* ```html
|
|
1143
|
+
* <kendo-toolbar-button kendoEditorCleanFormattingButton></kendo-toolbar-button>
|
|
1144
|
+
* ```
|
|
1145
|
+
* @remarks
|
|
1146
|
+
* Applied to: {@link ToolBarButtonComponent}
|
|
1147
|
+
*/
|
|
1148
|
+
declare class EditorCleanFormattingButtonDirective extends EditorCommandButton {
|
|
1149
|
+
constructor(button: ToolBarButtonComponent, localization: EditorLocalizationService, providerService: ProviderService, toolsService: EditorToolsService);
|
|
1150
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<EditorCleanFormattingButtonDirective, never>;
|
|
1151
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<EditorCleanFormattingButtonDirective, "kendo-toolbar-button[kendoEditorCleanFormattingButton]", never, {}, {}, never, never, true, never>;
|
|
1152
|
+
}
|
|
1153
|
+
|
|
1154
|
+
/**
|
|
1155
|
+
* Configures a ToolBarButtonComponent as an Editor **AddColumnBefore** tool
|
|
1156
|
+
* ([see example](https://www.telerik.com/kendo-angular-ui/components/editor/tools#built-in-tools)).
|
|
1157
|
+
* The directive sets the SVG icon and `click` event handlers for the button.
|
|
1158
|
+
* The directive also updates the `disabled` state of the button based on the cursor position in the editing area.
|
|
1159
|
+
*
|
|
1160
|
+
* @example
|
|
1161
|
+
* ```html
|
|
1162
|
+
* <kendo-toolbar-button kendoEditorAddColumnBeforeButton></kendo-toolbar-button>
|
|
1163
|
+
* ```
|
|
1164
|
+
* @remarks
|
|
1165
|
+
* Applied to: {@link ToolBarButtonComponent}
|
|
1166
|
+
*/
|
|
1167
|
+
declare class EditorAddColumnBeforeButtonDirective extends EditorCommandButton {
|
|
1168
|
+
constructor(button: ToolBarButtonComponent, localization: EditorLocalizationService, providerService: ProviderService, toolsService: EditorToolsService);
|
|
1169
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<EditorAddColumnBeforeButtonDirective, never>;
|
|
1170
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<EditorAddColumnBeforeButtonDirective, "kendo-toolbar-button[kendoEditorAddColumnBeforeButton]", never, {}, {}, never, never, true, never>;
|
|
1171
|
+
}
|
|
1172
|
+
|
|
1173
|
+
/**
|
|
1174
|
+
* Configures a ToolBarButtonComponent as an Editor **AddColumnAfter** tool
|
|
1175
|
+
* ([see example](https://www.telerik.com/kendo-angular-ui/components/editor/tools#built-in-tools)).
|
|
1176
|
+
* The directive sets the SVG icon and `click` event handlers for the button.
|
|
1177
|
+
* The directive also updates the `disabled` state of the button based on the cursor position in the editing area.
|
|
1178
|
+
*
|
|
1179
|
+
* @example
|
|
1180
|
+
* ```html
|
|
1181
|
+
* <kendo-toolbar-button kendoEditorAddColumnAfterButton></kendo-toolbar-button>
|
|
1182
|
+
* ```
|
|
1183
|
+
* @remarks
|
|
1184
|
+
* Applied to: {@link ToolBarButtonComponent}
|
|
1185
|
+
*/
|
|
1186
|
+
declare class EditorAddColumnAfterButtonDirective extends EditorCommandButton {
|
|
1187
|
+
constructor(button: ToolBarButtonComponent, localization: EditorLocalizationService, providerService: ProviderService, toolsService: EditorToolsService);
|
|
1188
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<EditorAddColumnAfterButtonDirective, never>;
|
|
1189
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<EditorAddColumnAfterButtonDirective, "kendo-toolbar-button[kendoEditorAddColumnAfterButton]", never, {}, {}, never, never, true, never>;
|
|
1190
|
+
}
|
|
1191
|
+
|
|
1192
|
+
/**
|
|
1193
|
+
* Configures a ToolBarButtonComponent as an Editor **AddRowBefore** tool
|
|
1194
|
+
* ([see example](https://www.telerik.com/kendo-angular-ui/components/editor/tools#built-in-tools)).
|
|
1195
|
+
* The directive sets the SVG icon and `click` event handlers for the button.
|
|
1196
|
+
* The directive also updates the `disabled` state of the button based on the cursor position in the editing area.
|
|
1197
|
+
*
|
|
1198
|
+
* @example
|
|
1199
|
+
* ```html
|
|
1200
|
+
* <kendo-toolbar-button kendoEditorAddRowBeforeButton></kendo-toolbar-button>
|
|
1201
|
+
* ```
|
|
1202
|
+
* @remarks
|
|
1203
|
+
* Applied to: {@link ToolBarButtonComponent}
|
|
1204
|
+
*/
|
|
1205
|
+
declare class EditorAddRowBeforeButtonDirective extends EditorCommandButton {
|
|
1206
|
+
constructor(button: ToolBarButtonComponent, localization: EditorLocalizationService, providerService: ProviderService, toolsService: EditorToolsService);
|
|
1207
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<EditorAddRowBeforeButtonDirective, never>;
|
|
1208
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<EditorAddRowBeforeButtonDirective, "kendo-toolbar-button[kendoEditorAddRowBeforeButton]", never, {}, {}, never, never, true, never>;
|
|
1209
|
+
}
|
|
1210
|
+
|
|
1211
|
+
/**
|
|
1212
|
+
* Configures a ToolBarButtonComponent as an Editor **AddRowAfter** tool
|
|
1213
|
+
* ([see example](https://www.telerik.com/kendo-angular-ui/components/editor/tools#built-in-tools)).
|
|
1214
|
+
* The directive sets the SVG icon and `click` event handlers for the button.
|
|
1215
|
+
* The directive also updates the `disabled` state of the button based on the cursor position in the editing area.
|
|
1216
|
+
*
|
|
1217
|
+
* @example
|
|
1218
|
+
* ```html
|
|
1219
|
+
* <kendo-toolbar-button kendoEditorAddRowAfterButton></kendo-toolbar-button>
|
|
1220
|
+
* ```
|
|
1221
|
+
* @remarks
|
|
1222
|
+
* Applied to: {@link ToolBarButtonComponent}
|
|
1223
|
+
*/
|
|
1224
|
+
declare class EditorAddRowAfterButtonDirective extends EditorCommandButton {
|
|
1225
|
+
constructor(button: ToolBarButtonComponent, localization: EditorLocalizationService, providerService: ProviderService, toolsService: EditorToolsService);
|
|
1226
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<EditorAddRowAfterButtonDirective, never>;
|
|
1227
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<EditorAddRowAfterButtonDirective, "kendo-toolbar-button[kendoEditorAddRowAfterButton]", never, {}, {}, never, never, true, never>;
|
|
1228
|
+
}
|
|
1229
|
+
|
|
1230
|
+
/**
|
|
1231
|
+
* Configures a ToolBarButtonComponent as an Editor **DeleteColumn** tool
|
|
1232
|
+
* ([see example](https://www.telerik.com/kendo-angular-ui/components/editor/tools#built-in-tools)).
|
|
1233
|
+
* The directive sets the SVG icon and `click` event handlers for the button.
|
|
1234
|
+
* The directive also updates the `disabled` state of the button based on the cursor position in the editing area.
|
|
1235
|
+
*
|
|
1236
|
+
* @example
|
|
1237
|
+
* ```html
|
|
1238
|
+
* <kendo-toolbar-button kendoEditorDeleteColumnButton></kendo-toolbar-button>
|
|
1239
|
+
* ```
|
|
1240
|
+
* @remarks
|
|
1241
|
+
* Applied to: {@link ToolBarButtonComponent}
|
|
1242
|
+
*/
|
|
1243
|
+
declare class EditorDeleteColumnButtonDirective extends EditorCommandButton {
|
|
1244
|
+
constructor(button: ToolBarButtonComponent, localization: EditorLocalizationService, providerService: ProviderService, toolsService: EditorToolsService);
|
|
1245
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<EditorDeleteColumnButtonDirective, never>;
|
|
1246
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<EditorDeleteColumnButtonDirective, "kendo-toolbar-button[kendoEditorDeleteColumnButton]", never, {}, {}, never, never, true, never>;
|
|
1247
|
+
}
|
|
1248
|
+
|
|
1249
|
+
/**
|
|
1250
|
+
* Configures a ToolBarButtonComponent as an Editor **DeleteRow** tool
|
|
1251
|
+
* ([see example](https://www.telerik.com/kendo-angular-ui/components/editor/tools#built-in-tools)).
|
|
1252
|
+
* The directive sets the SVG icon and `click` event handlers for the button.
|
|
1253
|
+
* The directive also updates the `disabled` state of the button based on the cursor position in the editing area.
|
|
1254
|
+
*
|
|
1255
|
+
* @example
|
|
1256
|
+
* ```html
|
|
1257
|
+
* <kendo-toolbar-button kendoEditorDeleteRowButton></kendo-toolbar-button>
|
|
1258
|
+
* ```
|
|
1259
|
+
* @remarks
|
|
1260
|
+
* Applied to: {@link ToolBarButtonComponent}
|
|
1261
|
+
*/
|
|
1262
|
+
declare class EditorDeleteRowButtonDirective extends EditorCommandButton {
|
|
1263
|
+
constructor(button: ToolBarButtonComponent, localization: EditorLocalizationService, providerService: ProviderService, toolsService: EditorToolsService);
|
|
1264
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<EditorDeleteRowButtonDirective, never>;
|
|
1265
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<EditorDeleteRowButtonDirective, "kendo-toolbar-button[kendoEditorDeleteRowButton]", never, {}, {}, never, never, true, never>;
|
|
1266
|
+
}
|
|
1267
|
+
|
|
1268
|
+
/**
|
|
1269
|
+
* Configures a ToolBarButtonComponent as an Editor **DeleteTable** tool
|
|
1270
|
+
* ([see example](https://www.telerik.com/kendo-angular-ui/components/editor/tools#built-in-tools)).
|
|
1271
|
+
* The directive sets the SVG icon and `click` event handlers for the button.
|
|
1272
|
+
* The directive also updates the `disabled` state of the button based on the cursor position in the editing area.
|
|
1273
|
+
*
|
|
1274
|
+
* @example
|
|
1275
|
+
* ```html
|
|
1276
|
+
* <kendo-toolbar-button kendoEditorDeleteTableButton></kendo-toolbar-button>
|
|
1277
|
+
* ```
|
|
1278
|
+
* @remarks
|
|
1279
|
+
* Applied to: {@link ToolBarButtonComponent}
|
|
1280
|
+
*/
|
|
1281
|
+
declare class EditorDeleteTableButtonDirective extends EditorCommandButton {
|
|
1282
|
+
constructor(button: ToolBarButtonComponent, localization: EditorLocalizationService, providerService: ProviderService, toolsService: EditorToolsService);
|
|
1283
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<EditorDeleteTableButtonDirective, never>;
|
|
1284
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<EditorDeleteTableButtonDirective, "kendo-toolbar-button[kendoEditorDeleteTableButton]", never, {}, {}, never, never, true, never>;
|
|
1285
|
+
}
|
|
1286
|
+
|
|
1287
|
+
/**
|
|
1288
|
+
* @hidden
|
|
1289
|
+
*/
|
|
1290
|
+
declare class MessagesDirective extends ComponentMessages {
|
|
1291
|
+
/**
|
|
1292
|
+
* The title of the tool that aligns text in the center.
|
|
1293
|
+
*/
|
|
1294
|
+
alignCenter: string;
|
|
1295
|
+
/**
|
|
1296
|
+
* The title of the tool that justifies text both left and right.
|
|
1297
|
+
*/
|
|
1298
|
+
alignJustify: string;
|
|
1299
|
+
/**
|
|
1300
|
+
* The title of the tool that aligns text on the left.
|
|
1301
|
+
*/
|
|
1302
|
+
alignLeft: string;
|
|
1303
|
+
/**
|
|
1304
|
+
* The title of the tool that aligns text on the right.
|
|
1305
|
+
*/
|
|
1306
|
+
alignRight: string;
|
|
1307
|
+
/**
|
|
1308
|
+
* The title of the tool that changes the text background color.
|
|
1309
|
+
*/
|
|
1310
|
+
backColor: string;
|
|
1311
|
+
/**
|
|
1312
|
+
* The title of the tool that wraps an element in a blockquote.
|
|
1313
|
+
*/
|
|
1314
|
+
blockquote: string;
|
|
1315
|
+
/**
|
|
1316
|
+
* The title of the tool that makes text bold.
|
|
1317
|
+
*/
|
|
1318
|
+
bold: string;
|
|
1319
|
+
/**
|
|
1320
|
+
* The title of the Clean Formatting tool.
|
|
1321
|
+
*/
|
|
1322
|
+
cleanFormatting: string;
|
|
1323
|
+
/**
|
|
1324
|
+
* The title of the tool that creates hyperlinks.
|
|
1325
|
+
*/
|
|
1326
|
+
createLink: string;
|
|
1327
|
+
/**
|
|
1328
|
+
* The title of the tool that changes the text font.
|
|
1329
|
+
*/
|
|
1330
|
+
fontFamily: string;
|
|
1331
|
+
/**
|
|
1332
|
+
* The title of the tool that changes the text size.
|
|
1333
|
+
*/
|
|
1334
|
+
fontSize: string;
|
|
1335
|
+
/**
|
|
1336
|
+
* The title of the tool that changes the text color.
|
|
1337
|
+
*/
|
|
1338
|
+
foreColor: string;
|
|
1339
|
+
/**
|
|
1340
|
+
* The title of the tool that lets users choose block formats.
|
|
1341
|
+
*/
|
|
1342
|
+
format: string;
|
|
1343
|
+
/**
|
|
1344
|
+
* The title of the tool that indents the content.
|
|
1345
|
+
*/
|
|
1346
|
+
indent: string;
|
|
1347
|
+
/**
|
|
1348
|
+
* The title of the tool that inserts links to files.
|
|
1349
|
+
*/
|
|
1350
|
+
insertFile: string;
|
|
1351
|
+
/**
|
|
1352
|
+
* The title of the tool that inserts images.
|
|
1353
|
+
*/
|
|
1354
|
+
insertImage: string;
|
|
1355
|
+
/**
|
|
1356
|
+
* The title of the tool that inserts an ordered list.
|
|
1357
|
+
*/
|
|
1358
|
+
insertOrderedList: string;
|
|
1359
|
+
/**
|
|
1360
|
+
* The title of the tool that inserts an unordered list.
|
|
1361
|
+
*/
|
|
1362
|
+
insertUnorderedList: string;
|
|
1363
|
+
/**
|
|
1364
|
+
* The title of the tool that makes text italicized.
|
|
1365
|
+
*/
|
|
1366
|
+
italic: string;
|
|
1367
|
+
/**
|
|
1368
|
+
* The title of the tool that outdents the content.
|
|
1369
|
+
*/
|
|
1370
|
+
outdent: string;
|
|
1371
|
+
/**
|
|
1372
|
+
* The title of the print tool.
|
|
1373
|
+
*/
|
|
1374
|
+
print: string;
|
|
1375
|
+
/**
|
|
1376
|
+
* The title of the tool that redos the last action.
|
|
1377
|
+
*/
|
|
1378
|
+
redo: string;
|
|
1379
|
+
/**
|
|
1380
|
+
* The title of the tool that selects all content.
|
|
1381
|
+
*/
|
|
1382
|
+
selectAll: string;
|
|
1383
|
+
/**
|
|
1384
|
+
* The title of the tool that strikes through text.
|
|
1385
|
+
*/
|
|
1386
|
+
strikethrough: string;
|
|
1387
|
+
/**
|
|
1388
|
+
* The title of the tool that makes text subscript.
|
|
1389
|
+
*/
|
|
1390
|
+
subscript: string;
|
|
1391
|
+
/**
|
|
1392
|
+
* The title of the tool that makes text superscript.
|
|
1393
|
+
*/
|
|
1394
|
+
superscript: string;
|
|
1395
|
+
/**
|
|
1396
|
+
* The title of the tool that underlines text.
|
|
1397
|
+
*/
|
|
1398
|
+
underline: string;
|
|
1399
|
+
/**
|
|
1400
|
+
* The title of the tool that undos the last action.
|
|
1401
|
+
*/
|
|
1402
|
+
undo: string;
|
|
1403
|
+
/**
|
|
1404
|
+
* The title of the tool that removes hyperlinks.
|
|
1405
|
+
*/
|
|
1406
|
+
unlink: string;
|
|
1407
|
+
/**
|
|
1408
|
+
* The title of the tool that shows the editor value as HTML.
|
|
1409
|
+
*/
|
|
1410
|
+
viewSource: string;
|
|
1411
|
+
/**
|
|
1412
|
+
* The title of the tool that inserts table.
|
|
1413
|
+
*/
|
|
1414
|
+
insertTable: string;
|
|
1415
|
+
/**
|
|
1416
|
+
* The caption for the hint in the insert table tool.
|
|
1417
|
+
*
|
|
1418
|
+
* The message consists of several parts - the amount of rows, the amount of columns, an `x` separator, and a localizable string.
|
|
1419
|
+
* To allow for reordering its parts, the `insertTableHint` input accepts a string with placeholders for the selected rows, selected columns
|
|
1420
|
+
* and the separator. The `{rows}` and `{columns}` placeholders will be replaced internally with the respective actual values. The `{x}` placeholder
|
|
1421
|
+
* shows a separator only when rows and columns are selected.
|
|
1422
|
+
*/
|
|
1423
|
+
insertTableHint: string;
|
|
1424
|
+
/**
|
|
1425
|
+
* The title of the tool that adds new column before currently selected column.
|
|
1426
|
+
*/
|
|
1427
|
+
addColumnBefore: string;
|
|
1428
|
+
/**
|
|
1429
|
+
* The title of the tool that adds new column after currently selected column.
|
|
1430
|
+
*/
|
|
1431
|
+
addColumnAfter: string;
|
|
1432
|
+
/**
|
|
1433
|
+
* The title of the tool that adds new row before currently selected row.
|
|
1434
|
+
*/
|
|
1435
|
+
addRowBefore: string;
|
|
1436
|
+
/**
|
|
1437
|
+
* The title of the tool that adds new row after currently selected row.
|
|
1438
|
+
*/
|
|
1439
|
+
addRowAfter: string;
|
|
1440
|
+
/**
|
|
1441
|
+
* The title of the tool that deletes a table column.
|
|
1442
|
+
*/
|
|
1443
|
+
deleteColumn: string;
|
|
1444
|
+
/**
|
|
1445
|
+
* The title of the tool that deletes a table row.
|
|
1446
|
+
*/
|
|
1447
|
+
deleteRow: string;
|
|
1448
|
+
/**
|
|
1449
|
+
* The title of the tool that deletes a table.
|
|
1450
|
+
*/
|
|
1451
|
+
deleteTable: string;
|
|
1452
|
+
/**
|
|
1453
|
+
* The title of the tool that merges the currently selected cells.
|
|
1454
|
+
*/
|
|
1455
|
+
mergeCells: string;
|
|
1456
|
+
/**
|
|
1457
|
+
* The title of the tool that splits the currently selected cell.
|
|
1458
|
+
*/
|
|
1459
|
+
splitCell: string;
|
|
1460
|
+
/**
|
|
1461
|
+
* The label of the **Apply** button in all Editor dialogs.
|
|
1462
|
+
*/
|
|
1463
|
+
dialogApply: string;
|
|
1464
|
+
/**
|
|
1465
|
+
* The label of the **Cancel** button in all editor dialogs.
|
|
1466
|
+
*/
|
|
1467
|
+
dialogCancel: string;
|
|
1468
|
+
/**
|
|
1469
|
+
* The label of the **Insert** button in all editor dialogs.
|
|
1470
|
+
*/
|
|
1471
|
+
dialogInsert: string;
|
|
1472
|
+
/**
|
|
1473
|
+
* The label of the **Update** button in all editor dialogs.
|
|
1474
|
+
*/
|
|
1475
|
+
dialogUpdate: string;
|
|
1476
|
+
/**
|
|
1477
|
+
* The caption for the file text in the insertFile dialog.
|
|
1478
|
+
*/
|
|
1479
|
+
fileText: string;
|
|
1480
|
+
/**
|
|
1481
|
+
* The caption for the file Title in the insertFile dialog.
|
|
1482
|
+
*/
|
|
1483
|
+
fileTitle: string;
|
|
1484
|
+
/**
|
|
1485
|
+
* The caption for the file URL in the insertFile dialog.
|
|
1486
|
+
*/
|
|
1487
|
+
fileWebAddress: string;
|
|
1488
|
+
/**
|
|
1489
|
+
* The caption for the image alternate text in the insertImage dialog.
|
|
1490
|
+
*/
|
|
1491
|
+
imageAltText: string;
|
|
1492
|
+
/**
|
|
1493
|
+
* The caption for the image height in the insertImage dialog.
|
|
1494
|
+
*/
|
|
1495
|
+
imageHeight: string;
|
|
1496
|
+
/**
|
|
1497
|
+
* The caption for the image URL in the insertImage dialog.
|
|
1498
|
+
*/
|
|
1499
|
+
imageWebAddress: string;
|
|
1500
|
+
/**
|
|
1501
|
+
* The caption for the image width in the insertImage dialog.
|
|
1502
|
+
*/
|
|
1503
|
+
imageWidth: string;
|
|
1504
|
+
/**
|
|
1505
|
+
* The caption for the checkbox for opening the link in a new window in the createLink dialog.
|
|
1506
|
+
*/
|
|
1507
|
+
linkOpenInNewWindow: string;
|
|
1508
|
+
/**
|
|
1509
|
+
* The caption for the link text in the createLink dialog.
|
|
1510
|
+
*/
|
|
1511
|
+
linkText: string;
|
|
1512
|
+
/**
|
|
1513
|
+
* The caption for the link title in the createLink dialog.
|
|
1514
|
+
*/
|
|
1515
|
+
linkTitle: string;
|
|
1516
|
+
/**
|
|
1517
|
+
* The caption for the URL in the createLink dialog.
|
|
1518
|
+
*/
|
|
1519
|
+
linkWebAddress: string;
|
|
1520
|
+
/**
|
|
1521
|
+
* The accessible label for the editor content area.
|
|
1522
|
+
*/
|
|
1523
|
+
contentAreaAriaLabel: string;
|
|
1524
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<MessagesDirective, never>;
|
|
1525
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<MessagesDirective, "[kendoEditorMessages]", never, { "alignCenter": { "alias": "alignCenter"; "required": false; }; "alignJustify": { "alias": "alignJustify"; "required": false; }; "alignLeft": { "alias": "alignLeft"; "required": false; }; "alignRight": { "alias": "alignRight"; "required": false; }; "backColor": { "alias": "backColor"; "required": false; }; "blockquote": { "alias": "blockquote"; "required": false; }; "bold": { "alias": "bold"; "required": false; }; "cleanFormatting": { "alias": "cleanFormatting"; "required": false; }; "createLink": { "alias": "createLink"; "required": false; }; "fontFamily": { "alias": "fontFamily"; "required": false; }; "fontSize": { "alias": "fontSize"; "required": false; }; "foreColor": { "alias": "foreColor"; "required": false; }; "format": { "alias": "format"; "required": false; }; "indent": { "alias": "indent"; "required": false; }; "insertFile": { "alias": "insertFile"; "required": false; }; "insertImage": { "alias": "insertImage"; "required": false; }; "insertOrderedList": { "alias": "insertOrderedList"; "required": false; }; "insertUnorderedList": { "alias": "insertUnorderedList"; "required": false; }; "italic": { "alias": "italic"; "required": false; }; "outdent": { "alias": "outdent"; "required": false; }; "print": { "alias": "print"; "required": false; }; "redo": { "alias": "redo"; "required": false; }; "selectAll": { "alias": "selectAll"; "required": false; }; "strikethrough": { "alias": "strikethrough"; "required": false; }; "subscript": { "alias": "subscript"; "required": false; }; "superscript": { "alias": "superscript"; "required": false; }; "underline": { "alias": "underline"; "required": false; }; "undo": { "alias": "undo"; "required": false; }; "unlink": { "alias": "unlink"; "required": false; }; "viewSource": { "alias": "viewSource"; "required": false; }; "insertTable": { "alias": "insertTable"; "required": false; }; "insertTableHint": { "alias": "insertTableHint"; "required": false; }; "addColumnBefore": { "alias": "addColumnBefore"; "required": false; }; "addColumnAfter": { "alias": "addColumnAfter"; "required": false; }; "addRowBefore": { "alias": "addRowBefore"; "required": false; }; "addRowAfter": { "alias": "addRowAfter"; "required": false; }; "deleteColumn": { "alias": "deleteColumn"; "required": false; }; "deleteRow": { "alias": "deleteRow"; "required": false; }; "deleteTable": { "alias": "deleteTable"; "required": false; }; "mergeCells": { "alias": "mergeCells"; "required": false; }; "splitCell": { "alias": "splitCell"; "required": false; }; "dialogApply": { "alias": "dialogApply"; "required": false; }; "dialogCancel": { "alias": "dialogCancel"; "required": false; }; "dialogInsert": { "alias": "dialogInsert"; "required": false; }; "dialogUpdate": { "alias": "dialogUpdate"; "required": false; }; "fileText": { "alias": "fileText"; "required": false; }; "fileTitle": { "alias": "fileTitle"; "required": false; }; "fileWebAddress": { "alias": "fileWebAddress"; "required": false; }; "imageAltText": { "alias": "imageAltText"; "required": false; }; "imageHeight": { "alias": "imageHeight"; "required": false; }; "imageWebAddress": { "alias": "imageWebAddress"; "required": false; }; "imageWidth": { "alias": "imageWidth"; "required": false; }; "linkOpenInNewWindow": { "alias": "linkOpenInNewWindow"; "required": false; }; "linkText": { "alias": "linkText"; "required": false; }; "linkTitle": { "alias": "linkTitle"; "required": false; }; "linkWebAddress": { "alias": "linkWebAddress"; "required": false; }; "contentAreaAriaLabel": { "alias": "contentAreaAriaLabel"; "required": false; }; }, {}, never, never, true, never>;
|
|
1526
|
+
}
|
|
1527
|
+
|
|
1528
|
+
/**
|
|
1529
|
+
* Use this component to override the default component messages
|
|
1530
|
+
* ([see example](https://www.telerik.com/kendo-angular-ui/components/editor/globalization#custom-messages)).
|
|
1531
|
+
* @example
|
|
1532
|
+
* ```html
|
|
1533
|
+
* <kendo-editor>
|
|
1534
|
+
* <kendo-editor-messages
|
|
1535
|
+
* bold="Custom Bold"
|
|
1536
|
+
* italic="Custom Italic">
|
|
1537
|
+
* </kendo-editor-messages>
|
|
1538
|
+
* </kendo-editor>
|
|
1539
|
+
* ```
|
|
1540
|
+
*/
|
|
1541
|
+
declare class CustomMessagesComponent extends MessagesDirective {
|
|
1542
|
+
protected service: LocalizationService;
|
|
1543
|
+
constructor(service: LocalizationService);
|
|
1544
|
+
protected get override(): boolean;
|
|
1545
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<CustomMessagesComponent, never>;
|
|
1546
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<CustomMessagesComponent, "kendo-editor-messages", never, {}, {}, never, never, true, never>;
|
|
1547
|
+
}
|
|
1548
|
+
|
|
1549
|
+
/**
|
|
1550
|
+
* Configures a ToolBarButtonComponent as an Editor **Print** tool
|
|
1551
|
+
* ([see example](https://www.telerik.com/kendo-angular-ui/components/editor/tools#built-in-tools)).
|
|
1552
|
+
* This directive sets the SVG icon and `click` event handlers for the button.
|
|
1553
|
+
*
|
|
1554
|
+
* The Editor Print tool works only in the default [`iframe`](https://www.telerik.com/kendo-angular-ui/components/editor/api/editorcomponent#iframe) mode.
|
|
1555
|
+
*
|
|
1556
|
+
* @example
|
|
1557
|
+
* ```html
|
|
1558
|
+
* <kendo-toolbar-button kendoEditorPrintButton></kendo-toolbar-button>
|
|
1559
|
+
* ```
|
|
1560
|
+
* @remarks
|
|
1561
|
+
* Applied to: {@link ToolBarButtonComponent}
|
|
1562
|
+
*/
|
|
1563
|
+
declare class EditorPrintDirective extends EditorCommandButton {
|
|
1564
|
+
constructor(button: ToolBarButtonComponent, localization: EditorLocalizationService, providerService: ProviderService, toolsService: EditorToolsService);
|
|
1565
|
+
ngAfterViewInit(): void;
|
|
1566
|
+
protected clickHandler(): void;
|
|
1567
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<EditorPrintDirective, never>;
|
|
1568
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<EditorPrintDirective, "kendo-toolbar-button[kendoEditorPrintButton]", never, {}, {}, never, never, true, never>;
|
|
1569
|
+
}
|
|
1570
|
+
|
|
1571
|
+
/**
|
|
1572
|
+
* Configures a ToolBarButtonComponent as an Editor **SelectAll** tool
|
|
1573
|
+
* ([see example](https://www.telerik.com/kendo-angular-ui/components/editor/tools#built-in-tools)).
|
|
1574
|
+
* This directive sets the SVG icon and `click` event handlers for the button.
|
|
1575
|
+
*
|
|
1576
|
+
* @example
|
|
1577
|
+
* ```html
|
|
1578
|
+
* <kendo-toolbar-button kendoEditorSelectAllButton></kendo-toolbar-button>
|
|
1579
|
+
* ```
|
|
1580
|
+
* @remarks
|
|
1581
|
+
* Applied to: {@link ToolBarButtonComponent}
|
|
1582
|
+
*/
|
|
1583
|
+
declare class EditorSelectAllButtonDirective extends EditorCommandButton {
|
|
1584
|
+
constructor(button: ToolBarButtonComponent, localization: EditorLocalizationService, providerService: ProviderService, toolsService: EditorToolsService);
|
|
1585
|
+
protected clickHandler(): void;
|
|
1586
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<EditorSelectAllButtonDirective, never>;
|
|
1587
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<EditorSelectAllButtonDirective, "kendo-toolbar-button[kendoEditorSelectAllButton]", never, {}, {}, never, never, true, never>;
|
|
1588
|
+
}
|
|
1589
|
+
|
|
1590
|
+
/**
|
|
1591
|
+
* Configures a ToolBarButtonComponent as an Editor **Blockquote** tool ([see example](https://www.telerik.com/kendo-angular-ui/components/editor/tools#built-in-tools)).
|
|
1592
|
+
* The directive predefines the SVG icon and `click` event handlers of the button.
|
|
1593
|
+
*
|
|
1594
|
+
* @example
|
|
1595
|
+
* ```html
|
|
1596
|
+
* <kendo-toolbar-button kendoEditorBlockquoteButton></kendo-toolbar-button>
|
|
1597
|
+
* ```
|
|
1598
|
+
* @remarks
|
|
1599
|
+
* Applied to: {@link ToolBarButtonComponent}
|
|
1600
|
+
*/
|
|
1601
|
+
declare class EditorBlockquoteDirective extends EditorCommandButton {
|
|
1602
|
+
constructor(button: ToolBarButtonComponent, localization: EditorLocalizationService, providerService: ProviderService, toolsService: EditorToolsService);
|
|
1603
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<EditorBlockquoteDirective, never>;
|
|
1604
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<EditorBlockquoteDirective, "kendo-toolbar-button[kendoEditorBlockquoteButton]", never, {}, {}, never, never, true, never>;
|
|
1605
|
+
}
|
|
1606
|
+
|
|
1607
|
+
/**
|
|
1608
|
+
* Represents a single item in the font size DropDownList.
|
|
1609
|
+
*
|
|
1610
|
+
* @example
|
|
1611
|
+
* ```typescript
|
|
1612
|
+
* const fontSizeItem: FontSizeItem = {
|
|
1613
|
+
* size: 14,
|
|
1614
|
+
* text: '14px'
|
|
1615
|
+
* };
|
|
1616
|
+
* ```
|
|
1617
|
+
*/
|
|
1618
|
+
interface FontSizeItem {
|
|
1619
|
+
/**
|
|
1620
|
+
* Sets the value of the [`font-size`](https://developer.mozilla.org/en-US/docs/Web/CSS/font-size) CSS property.
|
|
1621
|
+
*/
|
|
1622
|
+
size: number | string;
|
|
1623
|
+
/**
|
|
1624
|
+
* Sets the display text for the font size in the DropDownList.
|
|
1625
|
+
*/
|
|
1626
|
+
text: string;
|
|
1627
|
+
}
|
|
1628
|
+
|
|
1629
|
+
/**
|
|
1630
|
+
* @hidden
|
|
1631
|
+
*/
|
|
1632
|
+
declare class FontSizeDropDownListComponent {
|
|
1633
|
+
data: FontSizeItem[];
|
|
1634
|
+
value: string;
|
|
1635
|
+
defaultItem: FontSizeItem;
|
|
1636
|
+
itemDisabled: ItemDisabledFn;
|
|
1637
|
+
title: string;
|
|
1638
|
+
disabled: boolean;
|
|
1639
|
+
tabindex: number;
|
|
1640
|
+
valueChange: EventEmitter<string>;
|
|
1641
|
+
element: ElementRef;
|
|
1642
|
+
dropDownList: DropDownListComponent;
|
|
1643
|
+
onValueChange(size: string): void;
|
|
1644
|
+
focus(): void;
|
|
1645
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<FontSizeDropDownListComponent, never>;
|
|
1646
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<FontSizeDropDownListComponent, "kendo-editor-fontsize-dropdownlist", never, { "data": { "alias": "data"; "required": false; }; "value": { "alias": "value"; "required": false; }; "defaultItem": { "alias": "defaultItem"; "required": false; }; "itemDisabled": { "alias": "itemDisabled"; "required": false; }; "title": { "alias": "title"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; }, { "valueChange": "valueChange"; }, never, never, true, never>;
|
|
1647
|
+
}
|
|
1648
|
+
|
|
1649
|
+
/**
|
|
1650
|
+
* Configures a DropDownListComponent as an Editor tool ([see example](https://www.telerik.com/kendo-angular-ui/components/editor/tools#built-in-tools)).
|
|
1651
|
+
* Use this component to associate a `kendo-dropdownlist` with an Editor command that changes the font size of a content block.
|
|
1652
|
+
* The component automatically sets the options and values of the drop-down list.
|
|
1653
|
+
* ([see example](https://www.telerik.com/kendo-angular-ui/components/editor/tools#dropdownlists))
|
|
1654
|
+
*
|
|
1655
|
+
* @example
|
|
1656
|
+
* ```html
|
|
1657
|
+
* <kendo-editor>
|
|
1658
|
+
* <kendo-toolbar>
|
|
1659
|
+
* <kendo-toolbar-dropdownlist kendoEditorFontSize></kendo-toolbar-dropdownlist>
|
|
1660
|
+
* </kendo-toolbar>
|
|
1661
|
+
* </kendo-editor>
|
|
1662
|
+
* ```
|
|
1663
|
+
*/
|
|
1664
|
+
declare class EditorFontSizeComponent extends ToolBarToolComponent {
|
|
1665
|
+
private dialogService;
|
|
1666
|
+
private localization;
|
|
1667
|
+
private toolsService;
|
|
1668
|
+
private renderer;
|
|
1669
|
+
value: string;
|
|
1670
|
+
disabled: boolean;
|
|
1671
|
+
tabindex: number;
|
|
1672
|
+
/**
|
|
1673
|
+
* Overrides the default font size list.
|
|
1674
|
+
* Treat numeric values as pixels.
|
|
1675
|
+
*/
|
|
1676
|
+
set data(sizes: FontSizeItem[]);
|
|
1677
|
+
get data(): FontSizeItem[];
|
|
1678
|
+
/**
|
|
1679
|
+
* Fires when the user updates the value of the drop-down list.
|
|
1680
|
+
*/
|
|
1681
|
+
valueChange: EventEmitter<FontSizeItem>;
|
|
1682
|
+
element: ElementRef;
|
|
1683
|
+
fontSizeDropDownList: FontSizeDropDownListComponent;
|
|
1684
|
+
fontSizeButton: ElementRef;
|
|
1685
|
+
/**
|
|
1686
|
+
* @hidden
|
|
1687
|
+
*/
|
|
1688
|
+
defaultItem: FontSizeItem;
|
|
1689
|
+
fontSizeSVGIcon: SVGIcon;
|
|
1690
|
+
/**
|
|
1691
|
+
* @hidden
|
|
1692
|
+
*/
|
|
1693
|
+
itemDisabled: ItemDisabledFn;
|
|
1694
|
+
private subs;
|
|
1695
|
+
private editor;
|
|
1696
|
+
private _data;
|
|
1697
|
+
constructor(dialogService: DialogService, localization: EditorLocalizationService, providerService: ProviderService, toolsService: EditorToolsService, renderer: Renderer2);
|
|
1698
|
+
ngOnInit(): void;
|
|
1699
|
+
/**
|
|
1700
|
+
* @hidden
|
|
1701
|
+
*/
|
|
1702
|
+
onValueChange(ev: string): void;
|
|
1703
|
+
ngOnDestroy(): void;
|
|
1704
|
+
get outerWidth(): number;
|
|
1705
|
+
get title(): string;
|
|
1706
|
+
/**
|
|
1707
|
+
* @hidden
|
|
1708
|
+
*/
|
|
1709
|
+
openDialog(): void;
|
|
1710
|
+
/**
|
|
1711
|
+
* @hidden
|
|
1712
|
+
*/
|
|
1713
|
+
canFocus(): boolean;
|
|
1714
|
+
/**
|
|
1715
|
+
* @hidden
|
|
1716
|
+
*/
|
|
1717
|
+
focus(): void;
|
|
1718
|
+
/**
|
|
1719
|
+
* @hidden
|
|
1720
|
+
*/
|
|
1721
|
+
handleKey(): boolean;
|
|
1722
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<EditorFontSizeComponent, never>;
|
|
1723
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<EditorFontSizeComponent, "kendo-toolbar-dropdownlist[kendoEditorFontSize]", never, { "data": { "alias": "data"; "required": false; }; }, { "valueChange": "valueChange"; }, never, never, true, never>;
|
|
1724
|
+
}
|
|
1725
|
+
|
|
1726
|
+
/**
|
|
1727
|
+
* Represents a single font in the font family DropDownList.
|
|
1728
|
+
*
|
|
1729
|
+
* @example
|
|
1730
|
+
* ```typescript
|
|
1731
|
+
* const fontItem: FontFamilyItem = {
|
|
1732
|
+
* fontName: 'Arial, Helvetica, sans-serif',
|
|
1733
|
+
* text: 'Arial'
|
|
1734
|
+
* };
|
|
1735
|
+
* ```
|
|
1736
|
+
*/
|
|
1737
|
+
interface FontFamilyItem {
|
|
1738
|
+
/**
|
|
1739
|
+
* Sets the value of the [`font-family`](https://developer.mozilla.org/en-US/docs/Web/CSS/font-family) CSS property.
|
|
1740
|
+
*/
|
|
1741
|
+
fontName: string;
|
|
1742
|
+
/**
|
|
1743
|
+
* Sets the display text for the font in the DropDownList.
|
|
1744
|
+
*/
|
|
1745
|
+
text: string;
|
|
1746
|
+
}
|
|
1747
|
+
|
|
1748
|
+
/**
|
|
1749
|
+
* @hidden
|
|
1750
|
+
*/
|
|
1751
|
+
declare class FontFamilyDropDownListComponent {
|
|
1752
|
+
data: FontFamilyItem[];
|
|
1753
|
+
value: string;
|
|
1754
|
+
defaultItem: FontFamilyItem;
|
|
1755
|
+
itemDisabled: ItemDisabledFn;
|
|
1756
|
+
title: string;
|
|
1757
|
+
disabled: boolean;
|
|
1758
|
+
tabindex: number;
|
|
1759
|
+
valueChange: EventEmitter<string>;
|
|
1760
|
+
element: ElementRef;
|
|
1761
|
+
dropDownList: DropDownListComponent;
|
|
1762
|
+
onValueChange(tag: string): void;
|
|
1763
|
+
focus(): void;
|
|
1764
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<FontFamilyDropDownListComponent, never>;
|
|
1765
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<FontFamilyDropDownListComponent, "kendo-editor-fontfamily-dropdownlist", never, { "data": { "alias": "data"; "required": false; }; "value": { "alias": "value"; "required": false; }; "defaultItem": { "alias": "defaultItem"; "required": false; }; "itemDisabled": { "alias": "itemDisabled"; "required": false; }; "title": { "alias": "title"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; }, { "valueChange": "valueChange"; }, never, never, true, never>;
|
|
1766
|
+
}
|
|
1767
|
+
|
|
1768
|
+
/**
|
|
1769
|
+
* Configures a DropDownListComponent as an Editor tool ([see example](https://www.telerik.com/kendo-angular-ui/components/editor/tools#built-in-tools)).
|
|
1770
|
+
* Use this component to associate a kendo-toolbar-dropdownlist with an Editor command that changes the font family of a content block.
|
|
1771
|
+
* The component automatically sets the options and values of the drop-down list ([see example](https://www.telerik.com/kendo-angular-ui/components/editor/tools#dropdownlists)).
|
|
1772
|
+
*
|
|
1773
|
+
* @example
|
|
1774
|
+
* ```html
|
|
1775
|
+
* <kendo-editor>
|
|
1776
|
+
* <kendo-toolbar>
|
|
1777
|
+
* <kendo-toolbar-dropdownlist kendoEditorFontFamily></kendo-toolbar-dropdownlist>
|
|
1778
|
+
* </kendo-toolbar>
|
|
1779
|
+
* </kendo-editor>
|
|
1780
|
+
* ```
|
|
1781
|
+
*/
|
|
1782
|
+
declare class EditorFontFamilyComponent extends ToolBarToolComponent {
|
|
1783
|
+
private dialogService;
|
|
1784
|
+
private localization;
|
|
1785
|
+
private toolsService;
|
|
1786
|
+
private renderer;
|
|
1787
|
+
value: string;
|
|
1788
|
+
disabled: boolean;
|
|
1789
|
+
tabindex: number;
|
|
1790
|
+
/**
|
|
1791
|
+
* Overrides the default font list.
|
|
1792
|
+
*/
|
|
1793
|
+
set data(fonts: FontFamilyItem[]);
|
|
1794
|
+
get data(): FontFamilyItem[];
|
|
1795
|
+
/**
|
|
1796
|
+
* Fires when the user updates the value of the drop-down list.
|
|
1797
|
+
*/
|
|
1798
|
+
valueChange: EventEmitter<FontFamilyItem>;
|
|
1799
|
+
element: ElementRef;
|
|
1800
|
+
fontFamilyDropDownList: FontFamilyDropDownListComponent;
|
|
1801
|
+
fontFamilyButton: ElementRef;
|
|
1802
|
+
/**
|
|
1803
|
+
* @hidden
|
|
1804
|
+
*/
|
|
1805
|
+
defaultItem: FontFamilyItem;
|
|
1806
|
+
/**
|
|
1807
|
+
* @hidden
|
|
1808
|
+
*/
|
|
1809
|
+
itemDisabled: (itemArgs: {
|
|
1810
|
+
dataItem: any;
|
|
1811
|
+
index: number;
|
|
1812
|
+
}) => boolean;
|
|
1813
|
+
fontFamilySVGIcon: SVGIcon;
|
|
1814
|
+
private subs;
|
|
1815
|
+
private editor;
|
|
1816
|
+
private _data;
|
|
1817
|
+
constructor(dialogService: DialogService, localization: EditorLocalizationService, providerService: ProviderService, toolsService: EditorToolsService, renderer: Renderer2);
|
|
1818
|
+
ngOnInit(): void;
|
|
1819
|
+
/**
|
|
1820
|
+
* @hidden
|
|
1821
|
+
*/
|
|
1822
|
+
onValueChange(ev: string): void;
|
|
1823
|
+
ngOnDestroy(): void;
|
|
1824
|
+
get outerWidth(): number;
|
|
1825
|
+
get title(): string;
|
|
1826
|
+
/**
|
|
1827
|
+
* @hidden
|
|
1828
|
+
*/
|
|
1829
|
+
openDialog(): void;
|
|
1830
|
+
/**
|
|
1831
|
+
* @hidden
|
|
1832
|
+
*/
|
|
1833
|
+
canFocus(): boolean;
|
|
1834
|
+
/**
|
|
1835
|
+
* @hidden
|
|
1836
|
+
*/
|
|
1837
|
+
focus(): void;
|
|
1838
|
+
/**
|
|
1839
|
+
* @hidden
|
|
1840
|
+
*/
|
|
1841
|
+
handleKey(): boolean;
|
|
1842
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<EditorFontFamilyComponent, never>;
|
|
1843
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<EditorFontFamilyComponent, "kendo-toolbar-dropdownlist[kendoEditorFontFamily]", never, { "data": { "alias": "data"; "required": false; }; }, { "valueChange": "valueChange"; }, never, never, true, never>;
|
|
1844
|
+
}
|
|
1845
|
+
|
|
1846
|
+
/**
|
|
1847
|
+
* Represents a single item in the formatting DropDownList.
|
|
1848
|
+
*
|
|
1849
|
+
* @example
|
|
1850
|
+
* ```typescript
|
|
1851
|
+
* const formatItem: FormatItem = {
|
|
1852
|
+
* tag: 'h1',
|
|
1853
|
+
* text: 'Heading 1'
|
|
1854
|
+
* };
|
|
1855
|
+
* ```
|
|
1856
|
+
*/
|
|
1857
|
+
interface FormatItem {
|
|
1858
|
+
/**
|
|
1859
|
+
* Sets the tag to apply.
|
|
1860
|
+
*/
|
|
1861
|
+
tag: 'p' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
|
|
1862
|
+
/**
|
|
1863
|
+
* Sets the display text for the tag in the DropDownList.
|
|
1864
|
+
*/
|
|
1865
|
+
text: string;
|
|
1866
|
+
}
|
|
1867
|
+
|
|
1868
|
+
/**
|
|
1869
|
+
* @hidden
|
|
1870
|
+
*/
|
|
1871
|
+
declare class FormatDropDownListComponent {
|
|
1872
|
+
data: FormatItem[];
|
|
1873
|
+
value: string;
|
|
1874
|
+
defaultItem: FormatItem;
|
|
1875
|
+
itemDisabled: ItemDisabledFn;
|
|
1876
|
+
title: string;
|
|
1877
|
+
disabled: boolean;
|
|
1878
|
+
tabindex: number;
|
|
1879
|
+
valueChange: EventEmitter<string>;
|
|
1880
|
+
element: ElementRef;
|
|
1881
|
+
dropDownList: DropDownListComponent;
|
|
1882
|
+
onValueChange(tag: string): void;
|
|
1883
|
+
focus(): void;
|
|
1884
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<FormatDropDownListComponent, never>;
|
|
1885
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<FormatDropDownListComponent, "kendo-editor-format-dropdownlist", never, { "data": { "alias": "data"; "required": false; }; "value": { "alias": "value"; "required": false; }; "defaultItem": { "alias": "defaultItem"; "required": false; }; "itemDisabled": { "alias": "itemDisabled"; "required": false; }; "title": { "alias": "title"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; }, { "valueChange": "valueChange"; }, never, never, true, never>;
|
|
1886
|
+
}
|
|
1887
|
+
|
|
1888
|
+
/**
|
|
1889
|
+
* Configures a DropDownListComponent as an Editor tool
|
|
1890
|
+
* ([see example](https://www.telerik.com/kendo-angular-ui/components/editor/tools#built-in-tools)).
|
|
1891
|
+
* Associates a `kendo-dropdownlist` with an Editor command that changes the format of a content block.
|
|
1892
|
+
* Automatically sets the options and values of the DropDownList ([see example](https://www.telerik.com/kendo-angular-ui/components/editor/tools#dropdownlists)).
|
|
1893
|
+
*
|
|
1894
|
+
* @example
|
|
1895
|
+
* ```html
|
|
1896
|
+
* <kendo-editor>
|
|
1897
|
+
* <kendo-toolbar>
|
|
1898
|
+
* <kendo-toolbar-dropdownlist kendoEditorFormat></kendo-toolbar-dropdownlist>
|
|
1899
|
+
* </kendo-toolbar>
|
|
1900
|
+
* </kendo-editor>
|
|
1901
|
+
* ```
|
|
1902
|
+
*/
|
|
1903
|
+
declare class EditorFormatComponent extends ToolBarToolComponent {
|
|
1904
|
+
private dialogService;
|
|
1905
|
+
private localization;
|
|
1906
|
+
private toolsService;
|
|
1907
|
+
private renderer;
|
|
1908
|
+
value: string;
|
|
1909
|
+
defaultItem: FormatItem;
|
|
1910
|
+
itemDisabled: ItemDisabledFn;
|
|
1911
|
+
disabled: boolean;
|
|
1912
|
+
tabindex: number;
|
|
1913
|
+
/**
|
|
1914
|
+
* Sets the format items list. Use this property to override the default list.
|
|
1915
|
+
*/
|
|
1916
|
+
set data(formatItems: FormatItem[]);
|
|
1917
|
+
get data(): FormatItem[];
|
|
1918
|
+
/**
|
|
1919
|
+
* Emits when the value of the DropDownList changes.
|
|
1920
|
+
*/
|
|
1921
|
+
valueChange: EventEmitter<FormatItem>;
|
|
1922
|
+
formatDropDownList: FormatDropDownListComponent;
|
|
1923
|
+
formatButton: ElementRef;
|
|
1924
|
+
private subs;
|
|
1925
|
+
private _data;
|
|
1926
|
+
applyFormatSVGIcon: SVGIcon;
|
|
1927
|
+
private editor;
|
|
1928
|
+
constructor(dialogService: DialogService, localization: EditorLocalizationService, providerService: ProviderService, toolsService: EditorToolsService, renderer: Renderer2);
|
|
1929
|
+
ngOnInit(): void;
|
|
1930
|
+
/**
|
|
1931
|
+
* @hidden
|
|
1932
|
+
*/
|
|
1933
|
+
onValueChange(ev: string): void;
|
|
1934
|
+
ngOnDestroy(): void;
|
|
1935
|
+
get outerWidth(): number;
|
|
1936
|
+
get title(): string;
|
|
1937
|
+
/**
|
|
1938
|
+
* @hidden
|
|
1939
|
+
*/
|
|
1940
|
+
openDialog(): void;
|
|
1941
|
+
/**
|
|
1942
|
+
* @hidden
|
|
1943
|
+
*/
|
|
1944
|
+
canFocus(): boolean;
|
|
1945
|
+
/**
|
|
1946
|
+
* @hidden
|
|
1947
|
+
*/
|
|
1948
|
+
focus(): void;
|
|
1949
|
+
/**
|
|
1950
|
+
* @hidden
|
|
1951
|
+
*/
|
|
1952
|
+
handleKey(): boolean;
|
|
1953
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<EditorFormatComponent, never>;
|
|
1954
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<EditorFormatComponent, "kendo-toolbar-dropdownlist[kendoEditorFormat]", never, { "data": { "alias": "data"; "required": false; }; }, { "valueChange": "valueChange"; }, never, never, true, never>;
|
|
1955
|
+
}
|
|
1956
|
+
|
|
1957
|
+
/**
|
|
1958
|
+
* @hidden
|
|
1959
|
+
*/
|
|
1960
|
+
interface TableData {
|
|
1961
|
+
rows: number;
|
|
1962
|
+
cols: number;
|
|
1963
|
+
}
|
|
1964
|
+
|
|
1965
|
+
/**
|
|
1966
|
+
* Represents toolbar component which allows creating and insertig a table in the Editor's content.
|
|
1967
|
+
*
|
|
1968
|
+
* Use this toolbar component to let users create and insert a table in the Editor's content.
|
|
1969
|
+
*
|
|
1970
|
+
* @example
|
|
1971
|
+
* ```html
|
|
1972
|
+
* <kendo-editor>
|
|
1973
|
+
* <kendo-toolbar>
|
|
1974
|
+
* <kendo-editor-insert-table-button></kendo-editor-insert-table-button>
|
|
1975
|
+
* </kendo-toolbar>
|
|
1976
|
+
* </kendo-editor>
|
|
1977
|
+
* ```
|
|
1978
|
+
*/
|
|
1979
|
+
declare class EditorInsertTableButtonComponent extends ToolBarToolComponent implements OnDestroy {
|
|
1980
|
+
private localization;
|
|
1981
|
+
private popupService;
|
|
1982
|
+
private dialogService;
|
|
1983
|
+
private renderer;
|
|
1984
|
+
element: ElementRef;
|
|
1985
|
+
overflowElement: ElementRef;
|
|
1986
|
+
popupGridTemplate: TemplateRef<any>;
|
|
1987
|
+
/**
|
|
1988
|
+
* @hidden
|
|
1989
|
+
*/
|
|
1990
|
+
popupRef: PopupRef;
|
|
1991
|
+
/**
|
|
1992
|
+
* @hidden
|
|
1993
|
+
*/
|
|
1994
|
+
disabled: boolean;
|
|
1995
|
+
addTableSVGIcon: SVGIcon;
|
|
1996
|
+
private open;
|
|
1997
|
+
private buttonBlurred;
|
|
1998
|
+
private cellClicked;
|
|
1999
|
+
private subs;
|
|
2000
|
+
private editor;
|
|
2001
|
+
constructor(localization: EditorLocalizationService, popupService: PopupService, dialogService: DialogService, providerService: ProviderService, renderer: Renderer2);
|
|
2002
|
+
ngOnDestroy(): void;
|
|
2003
|
+
get outerWidth(): number;
|
|
2004
|
+
get title(): string;
|
|
2005
|
+
/**
|
|
2006
|
+
* @hidden
|
|
2007
|
+
*/
|
|
2008
|
+
toggle(open?: boolean): void;
|
|
2009
|
+
/**
|
|
2010
|
+
* @hidden
|
|
2011
|
+
*/
|
|
2012
|
+
openDialog(): void;
|
|
2013
|
+
/**
|
|
2014
|
+
* @hidden
|
|
2015
|
+
*/
|
|
2016
|
+
onBlur(): void;
|
|
2017
|
+
/**
|
|
2018
|
+
* @hidden
|
|
2019
|
+
*/
|
|
2020
|
+
onCellClick(args: TableData): void;
|
|
2021
|
+
/**
|
|
2022
|
+
* @hidden
|
|
2023
|
+
*/
|
|
2024
|
+
canFocus(): boolean;
|
|
2025
|
+
/**
|
|
2026
|
+
* @hidden
|
|
2027
|
+
*/
|
|
2028
|
+
focus(): void;
|
|
2029
|
+
/**
|
|
2030
|
+
* @hidden
|
|
2031
|
+
*/
|
|
2032
|
+
handleKey(ev: any): boolean;
|
|
2033
|
+
private createPopup;
|
|
2034
|
+
private destroyPopup;
|
|
2035
|
+
private getButton;
|
|
2036
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<EditorInsertTableButtonComponent, never>;
|
|
2037
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<EditorInsertTableButtonComponent, "kendo-editor-insert-table-button", never, {}, {}, never, never, true, never>;
|
|
2038
|
+
}
|
|
2039
|
+
|
|
2040
|
+
/**
|
|
2041
|
+
* @hidden
|
|
2042
|
+
*
|
|
2043
|
+
* Configures an existing ToolBarButtonComponent as an Editor **MergeCells** tool
|
|
2044
|
+
* ([see example](https://www.telerik.com/kendo-angular-ui/components/editor/tools#built-in-tools)).
|
|
2045
|
+
* The directive predefines the `icon` and `click` event handlers of the button.
|
|
2046
|
+
* It also updates the `disabled` state of the button based on the cursor position in the editing area.
|
|
2047
|
+
*
|
|
2048
|
+
* @example
|
|
2049
|
+
* ```html
|
|
2050
|
+
* <kendo-toolbar-button kendoEditorMergeCellsButton></kendo-toolbar-button>
|
|
2051
|
+
* ```
|
|
2052
|
+
* @remarks
|
|
2053
|
+
* Applied to: {@link ToolBarButtonComponent}
|
|
2054
|
+
*/
|
|
2055
|
+
declare class EditorMergeCellsButtonDirective extends EditorCommandButton {
|
|
2056
|
+
constructor(button: ToolBarButtonComponent, localization: EditorLocalizationService, providerService: ProviderService, toolsService: EditorToolsService);
|
|
2057
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<EditorMergeCellsButtonDirective, never>;
|
|
2058
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<EditorMergeCellsButtonDirective, "kendo-toolbar-button[kendoEditorMergeCellsButton]", never, {}, {}, never, never, true, never>;
|
|
2059
|
+
}
|
|
2060
|
+
|
|
2061
|
+
/**
|
|
2062
|
+
* @hidden
|
|
2063
|
+
*
|
|
2064
|
+
* Configures an existing ToolBarButtonComponent as an Editor SplitCell tool
|
|
2065
|
+
* ([see example](https://www.telerik.com/kendo-angular-ui/components/editor/tools#built-in-tools)).
|
|
2066
|
+
* The directive predefines the `icon` and `click` event handlers of the button.
|
|
2067
|
+
* It also updates the `disabled` state of the button based on the cursor position in the editing area.
|
|
2068
|
+
*
|
|
2069
|
+
* @example
|
|
2070
|
+
* ```html
|
|
2071
|
+
* <kendo-toolbar-button kendoEditorSplitCellButton></kendo-toolbar-button>
|
|
2072
|
+
* ```
|
|
2073
|
+
* @remarks
|
|
2074
|
+
* Applied to: {@link ToolBarButtonComponent}
|
|
2075
|
+
*/
|
|
2076
|
+
declare class EditorSplitCellButtonDirective extends EditorCommandButton {
|
|
2077
|
+
constructor(button: ToolBarButtonComponent, localization: EditorLocalizationService, providerService: ProviderService, toolsService: EditorToolsService);
|
|
2078
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<EditorSplitCellButtonDirective, never>;
|
|
2079
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<EditorSplitCellButtonDirective, "kendo-toolbar-button[kendoEditorSplitCellButton]", never, {}, {}, never, never, true, never>;
|
|
2080
|
+
}
|
|
2081
|
+
|
|
2082
|
+
/**
|
|
2083
|
+
* Represents the [`NgModule`](link:site.data.urls.angular['ngmoduleapi']) for the Editor component.
|
|
2084
|
+
* Use this module to import the Editor and its related directives and services into your NgModule-based Angular application.
|
|
2085
|
+
*
|
|
2086
|
+
* @example
|
|
2087
|
+
* ```ts
|
|
2088
|
+
* import { NgModule } from '@angular/core';
|
|
2089
|
+
* import { EditorModule } from '@progress/kendo-angular-editor';
|
|
2090
|
+
* import { BrowserModule } from "@angular/platform-browser";
|
|
2091
|
+
* import { AppComponent } from './app.component';
|
|
2092
|
+
*
|
|
2093
|
+
* @NgModule({
|
|
2094
|
+
* declarations: [AppComponent],
|
|
2095
|
+
* imports: [BrowserModule, EditorModule],
|
|
2096
|
+
* bootstrap: [AppComponent]
|
|
2097
|
+
* })
|
|
2098
|
+
* export class AppModule {}
|
|
2099
|
+
* ```
|
|
2100
|
+
*/
|
|
2101
|
+
declare class EditorModule {
|
|
2102
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<EditorModule, never>;
|
|
2103
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<EditorModule, never, [typeof EditorComponent, typeof EditorAlignLeftButtonDirective, typeof EditorAlignCenterButtonDirective, typeof EditorAlignRightButtonDirective, typeof EditorAlignJustifyButtonDirective, typeof EditorInsertFileButtonDirective, typeof EditorRedoButtonDirective, typeof EditorUndoButtonDirective, typeof EditorInsertImageButtonDirective, typeof EditorIndentButtonDirective, typeof EditorOutdentButtonDirective, typeof EditorCreateLinkButtonDirective, typeof EditorUnlinkButtonDirective, typeof EditorInsertOrderedListButtonDirective, typeof EditorInsertUnorderedListButtonDirective, typeof EditorViewSourceButtonDirective, typeof EditorBoldButtonDirective, typeof EditorItalicButtonDirective, typeof EditorUnderlineButtonDirective, typeof EditorStrikethroughButtonDirective, typeof EditorSubscriptButtonDirective, typeof EditorSuperscriptButtonDirective, typeof EditorForeColorDirective, typeof EditorBackColorDirective, typeof EditorCleanFormattingButtonDirective, typeof EditorAddColumnBeforeButtonDirective, typeof EditorAddColumnAfterButtonDirective, typeof EditorAddRowBeforeButtonDirective, typeof EditorAddRowAfterButtonDirective, typeof EditorDeleteColumnButtonDirective, typeof EditorDeleteRowButtonDirective, typeof EditorDeleteTableButtonDirective, typeof CustomMessagesComponent, typeof EditorPrintDirective, typeof EditorSelectAllButtonDirective, typeof EditorBlockquoteDirective, typeof EditorFontSizeComponent, typeof EditorFontFamilyComponent, typeof EditorFormatComponent, typeof EditorColorPickerComponent, typeof EditorInsertTableButtonComponent, typeof EditorMergeCellsButtonDirective, typeof EditorSplitCellButtonDirective, typeof i44.ToolBarComponent, typeof i44.ToolbarCustomMessagesComponent, typeof i44.ToolBarButtonComponent, typeof i44.ToolBarButtonGroupComponent, typeof i44.ToolBarDropDownButtonComponent, typeof i44.ToolBarSeparatorComponent, typeof i44.ToolBarSpacerComponent, typeof i44.ToolBarSplitButtonComponent, typeof i44.ToolBarToolComponent], [typeof EditorComponent, typeof EditorAlignLeftButtonDirective, typeof EditorAlignCenterButtonDirective, typeof EditorAlignRightButtonDirective, typeof EditorAlignJustifyButtonDirective, typeof EditorInsertFileButtonDirective, typeof EditorRedoButtonDirective, typeof EditorUndoButtonDirective, typeof EditorInsertImageButtonDirective, typeof EditorIndentButtonDirective, typeof EditorOutdentButtonDirective, typeof EditorCreateLinkButtonDirective, typeof EditorUnlinkButtonDirective, typeof EditorInsertOrderedListButtonDirective, typeof EditorInsertUnorderedListButtonDirective, typeof EditorViewSourceButtonDirective, typeof EditorBoldButtonDirective, typeof EditorItalicButtonDirective, typeof EditorUnderlineButtonDirective, typeof EditorStrikethroughButtonDirective, typeof EditorSubscriptButtonDirective, typeof EditorSuperscriptButtonDirective, typeof EditorForeColorDirective, typeof EditorBackColorDirective, typeof EditorCleanFormattingButtonDirective, typeof EditorAddColumnBeforeButtonDirective, typeof EditorAddColumnAfterButtonDirective, typeof EditorAddRowBeforeButtonDirective, typeof EditorAddRowAfterButtonDirective, typeof EditorDeleteColumnButtonDirective, typeof EditorDeleteRowButtonDirective, typeof EditorDeleteTableButtonDirective, typeof CustomMessagesComponent, typeof EditorPrintDirective, typeof EditorSelectAllButtonDirective, typeof EditorBlockquoteDirective, typeof EditorFontSizeComponent, typeof EditorFontFamilyComponent, typeof EditorFormatComponent, typeof EditorColorPickerComponent, typeof EditorInsertTableButtonComponent, typeof EditorMergeCellsButtonDirective, typeof EditorSplitCellButtonDirective, typeof i44.ToolBarComponent, typeof i44.ToolbarCustomMessagesComponent, typeof i44.ToolBarButtonComponent, typeof i44.ToolBarButtonGroupComponent, typeof i44.ToolBarDropDownButtonComponent, typeof i44.ToolBarSeparatorComponent, typeof i44.ToolBarSpacerComponent, typeof i44.ToolBarSplitButtonComponent, typeof i44.ToolBarToolComponent]>;
|
|
2104
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<EditorModule>;
|
|
2105
|
+
}
|
|
2106
|
+
|
|
2107
|
+
/**
|
|
2108
|
+
* @hidden
|
|
2109
|
+
*/
|
|
2110
|
+
declare const schema: Schema<string, string>;
|
|
2111
|
+
|
|
2112
|
+
/**
|
|
2113
|
+
* Extracts the text from the current editor state's selection ([see example](https://www.telerik.com/kendo-angular-ui/components/editor/plugins#popup-tools)).
|
|
2114
|
+
*
|
|
2115
|
+
* @example
|
|
2116
|
+
* ```ts
|
|
2117
|
+
* import { getSelectionText } from '@progress/kendo-angular-editor';
|
|
2118
|
+
*
|
|
2119
|
+
* export class AppComponent {
|
|
2120
|
+
* @ViewChild('editor') public editor;
|
|
2121
|
+
* public onClick() {
|
|
2122
|
+
* const selection = getSelectionText(this.editor.view.state);
|
|
2123
|
+
* }
|
|
2124
|
+
* }
|
|
2125
|
+
* ```
|
|
2126
|
+
* @param state The current `EditorState`.
|
|
2127
|
+
* @returns The selected text.
|
|
2128
|
+
*/
|
|
2129
|
+
declare const getSelectionText: (state: EditorState) => string;
|
|
2130
|
+
|
|
2131
|
+
/**
|
|
2132
|
+
* @hidden
|
|
2133
|
+
*/
|
|
2134
|
+
declare class PopupTableGridComponent {
|
|
2135
|
+
private localization;
|
|
2136
|
+
cellClick: EventEmitter<TableData>;
|
|
2137
|
+
tableWizardClick: EventEmitter<any>;
|
|
2138
|
+
tableWizardIcon: SVGIcon;
|
|
2139
|
+
private state;
|
|
2140
|
+
private rows;
|
|
2141
|
+
private cols;
|
|
2142
|
+
constructor(localization: EditorLocalizationService);
|
|
2143
|
+
get message(): string;
|
|
2144
|
+
get cells(): any[];
|
|
2145
|
+
selected(index: number): boolean;
|
|
2146
|
+
setState(index: number): void;
|
|
2147
|
+
resetState(): void;
|
|
2148
|
+
insertTable(): void;
|
|
2149
|
+
openTableWizard(): void;
|
|
2150
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<PopupTableGridComponent, never>;
|
|
2151
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<PopupTableGridComponent, "kendo-popup-table-grid", never, {}, { "cellClick": "cellClick"; "tableWizardClick": "tableWizardClick"; }, never, never, true, never>;
|
|
2152
|
+
}
|
|
2153
|
+
|
|
2154
|
+
/**
|
|
2155
|
+
* @hidden
|
|
2156
|
+
*/
|
|
2157
|
+
declare class LocalizedMessagesDirective extends MessagesDirective {
|
|
2158
|
+
protected service: LocalizationService;
|
|
2159
|
+
constructor(service: LocalizationService);
|
|
2160
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<LocalizedMessagesDirective, never>;
|
|
2161
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<LocalizedMessagesDirective, "[kendoEditorLocalizedMessages]", never, {}, {}, never, never, true, never>;
|
|
2162
|
+
}
|
|
2163
|
+
|
|
2164
|
+
/**
|
|
2165
|
+
* @hidden
|
|
2166
|
+
*/
|
|
2167
|
+
declare class DropDownToolDirective {
|
|
2168
|
+
private hostEl;
|
|
2169
|
+
private zone;
|
|
2170
|
+
private get hostElement();
|
|
2171
|
+
constructor(hostEl: ElementRef, zone: NgZone);
|
|
2172
|
+
ngAfterViewInit(): void;
|
|
2173
|
+
ngOnDestroy(): void;
|
|
2174
|
+
private preventDefault;
|
|
2175
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DropDownToolDirective, never>;
|
|
2176
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<DropDownToolDirective, "[kendoEditorDropDownTool]", never, {}, {}, never, never, true, never>;
|
|
2177
|
+
}
|
|
2178
|
+
|
|
2179
|
+
/**
|
|
2180
|
+
* Utility array that contains all `Editor` related components and directives.
|
|
2181
|
+
*/
|
|
2182
|
+
declare const KENDO_EDITOR: readonly [typeof EditorComponent, typeof EditorAlignLeftButtonDirective, typeof EditorAlignCenterButtonDirective, typeof EditorAlignRightButtonDirective, typeof EditorAlignJustifyButtonDirective, typeof EditorInsertFileButtonDirective, typeof EditorRedoButtonDirective, typeof EditorUndoButtonDirective, typeof EditorInsertImageButtonDirective, typeof EditorIndentButtonDirective, typeof EditorOutdentButtonDirective, typeof EditorCreateLinkButtonDirective, typeof EditorUnlinkButtonDirective, typeof EditorInsertOrderedListButtonDirective, typeof EditorInsertUnorderedListButtonDirective, typeof EditorViewSourceButtonDirective, typeof EditorBoldButtonDirective, typeof EditorItalicButtonDirective, typeof EditorUnderlineButtonDirective, typeof EditorStrikethroughButtonDirective, typeof EditorSubscriptButtonDirective, typeof EditorSuperscriptButtonDirective, typeof EditorForeColorDirective, typeof EditorBackColorDirective, typeof EditorCleanFormattingButtonDirective, typeof EditorAddColumnBeforeButtonDirective, typeof EditorAddColumnAfterButtonDirective, typeof EditorAddRowBeforeButtonDirective, typeof EditorAddRowAfterButtonDirective, typeof EditorDeleteColumnButtonDirective, typeof EditorDeleteRowButtonDirective, typeof EditorDeleteTableButtonDirective, typeof CustomMessagesComponent, typeof EditorPrintDirective, typeof EditorSelectAllButtonDirective, typeof EditorBlockquoteDirective, typeof EditorFontSizeComponent, typeof EditorFontFamilyComponent, typeof EditorFormatComponent, typeof EditorColorPickerComponent, typeof EditorInsertTableButtonComponent, typeof EditorMergeCellsButtonDirective, typeof EditorSplitCellButtonDirective];
|
|
2183
|
+
|
|
2184
|
+
export { CustomMessagesComponent, DropDownToolDirective, EditorAddColumnAfterButtonDirective, EditorAddColumnBeforeButtonDirective, EditorAddRowAfterButtonDirective, EditorAddRowBeforeButtonDirective, EditorAlignCenterButtonDirective, EditorAlignJustifyButtonDirective, EditorAlignLeftButtonDirective, EditorAlignRightButtonDirective, EditorBackColorDirective, EditorBlockquoteDirective, EditorBoldButtonDirective, EditorCleanFormattingButtonDirective, EditorColorPickerComponent, EditorComponent, EditorCreateLinkButtonDirective, EditorDeleteColumnButtonDirective, EditorDeleteRowButtonDirective, EditorDeleteTableButtonDirective, EditorFontFamilyComponent, EditorFontSizeComponent, EditorForeColorDirective, EditorFormatComponent, EditorIndentButtonDirective, EditorInsertFileButtonDirective, EditorInsertImageButtonDirective, EditorInsertOrderedListButtonDirective, EditorInsertTableButtonComponent, EditorInsertUnorderedListButtonDirective, EditorItalicButtonDirective, EditorLocalizationService, EditorMergeCellsButtonDirective, EditorModule, EditorOutdentButtonDirective, EditorPasteEvent, EditorPrintDirective, EditorRedoButtonDirective, EditorSelectAllButtonDirective, EditorSplitCellButtonDirective, EditorStrikethroughButtonDirective, EditorSubscriptButtonDirective, EditorSuperscriptButtonDirective, EditorUnderlineButtonDirective, EditorUndoButtonDirective, EditorUnlinkButtonDirective, EditorViewSourceButtonDirective, FontFamilyDropDownListComponent, FontSizeDropDownListComponent, FormatDropDownListComponent, KENDO_EDITOR, LocalizedMessagesDirective, PopupTableGridComponent, PreventableEvent, getSelectionText, schema };
|
|
2185
|
+
export type { ApplyToWordOptions, DialogCommand, EditorCommand, EditorCssSettings, EditorResizableOptions, FontFamilyItem, FontSizeItem, FormatItem, PasteCleanupSettings, PluginsFn };
|