@ckeditor/ckeditor5-engine 40.0.0 → 40.1.0
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/LICENSE.md +3 -3
- package/package.json +2 -2
- package/src/controller/datacontroller.d.ts +334 -334
- package/src/controller/datacontroller.js +481 -481
- package/src/controller/editingcontroller.d.ts +98 -98
- package/src/controller/editingcontroller.js +191 -191
- package/src/conversion/conversion.d.ts +478 -478
- package/src/conversion/conversion.js +601 -601
- package/src/conversion/conversionhelpers.d.ts +26 -26
- package/src/conversion/conversionhelpers.js +32 -32
- package/src/conversion/downcastdispatcher.d.ts +562 -562
- package/src/conversion/downcastdispatcher.js +547 -547
- package/src/conversion/downcasthelpers.d.ts +1226 -1226
- package/src/conversion/downcasthelpers.js +2178 -2183
- package/src/conversion/mapper.d.ts +503 -503
- package/src/conversion/mapper.js +536 -536
- package/src/conversion/modelconsumable.d.ts +201 -201
- package/src/conversion/modelconsumable.js +333 -333
- package/src/conversion/upcastdispatcher.d.ts +492 -492
- package/src/conversion/upcastdispatcher.js +460 -460
- package/src/conversion/upcasthelpers.d.ts +499 -499
- package/src/conversion/upcasthelpers.js +950 -950
- package/src/conversion/viewconsumable.d.ts +369 -369
- package/src/conversion/viewconsumable.js +536 -532
- package/src/dataprocessor/basichtmlwriter.d.ts +18 -18
- package/src/dataprocessor/basichtmlwriter.js +20 -19
- package/src/dataprocessor/dataprocessor.d.ts +61 -61
- package/src/dataprocessor/dataprocessor.js +5 -5
- package/src/dataprocessor/htmldataprocessor.d.ts +76 -76
- package/src/dataprocessor/htmldataprocessor.js +96 -96
- package/src/dataprocessor/htmlwriter.d.ts +16 -16
- package/src/dataprocessor/htmlwriter.js +5 -5
- package/src/dataprocessor/xmldataprocessor.d.ts +90 -90
- package/src/dataprocessor/xmldataprocessor.js +108 -108
- package/src/dev-utils/model.d.ts +124 -124
- package/src/dev-utils/model.js +395 -395
- package/src/dev-utils/operationreplayer.d.ts +51 -51
- package/src/dev-utils/operationreplayer.js +112 -112
- package/src/dev-utils/utils.d.ts +37 -37
- package/src/dev-utils/utils.js +73 -73
- package/src/dev-utils/view.d.ts +319 -319
- package/src/dev-utils/view.js +967 -967
- package/src/index.d.ts +114 -114
- package/src/index.js +78 -78
- package/src/model/batch.d.ts +106 -106
- package/src/model/batch.js +96 -96
- package/src/model/differ.d.ts +387 -387
- package/src/model/differ.js +1149 -1149
- package/src/model/document.d.ts +272 -272
- package/src/model/document.js +360 -361
- package/src/model/documentfragment.d.ts +200 -200
- package/src/model/documentfragment.js +306 -306
- package/src/model/documentselection.d.ts +420 -420
- package/src/model/documentselection.js +993 -993
- package/src/model/element.d.ts +165 -165
- package/src/model/element.js +281 -281
- package/src/model/history.d.ts +114 -114
- package/src/model/history.js +207 -207
- package/src/model/item.d.ts +14 -14
- package/src/model/item.js +5 -5
- package/src/model/liveposition.d.ts +77 -77
- package/src/model/liveposition.js +93 -93
- package/src/model/liverange.d.ts +102 -102
- package/src/model/liverange.js +120 -120
- package/src/model/markercollection.d.ts +335 -335
- package/src/model/markercollection.js +403 -403
- package/src/model/model.d.ts +919 -919
- package/src/model/model.js +842 -842
- package/src/model/node.d.ts +256 -256
- package/src/model/node.js +375 -375
- package/src/model/nodelist.d.ts +91 -91
- package/src/model/nodelist.js +163 -163
- package/src/model/operation/attributeoperation.d.ts +103 -103
- package/src/model/operation/attributeoperation.js +148 -148
- package/src/model/operation/detachoperation.d.ts +60 -60
- package/src/model/operation/detachoperation.js +77 -77
- package/src/model/operation/insertoperation.d.ts +90 -90
- package/src/model/operation/insertoperation.js +135 -135
- package/src/model/operation/markeroperation.d.ts +91 -91
- package/src/model/operation/markeroperation.js +107 -107
- package/src/model/operation/mergeoperation.d.ts +100 -100
- package/src/model/operation/mergeoperation.js +167 -167
- package/src/model/operation/moveoperation.d.ts +96 -96
- package/src/model/operation/moveoperation.js +164 -164
- package/src/model/operation/nooperation.d.ts +38 -38
- package/src/model/operation/nooperation.js +48 -48
- package/src/model/operation/operation.d.ts +96 -96
- package/src/model/operation/operation.js +59 -62
- package/src/model/operation/operationfactory.d.ts +18 -18
- package/src/model/operation/operationfactory.js +44 -44
- package/src/model/operation/renameoperation.d.ts +83 -83
- package/src/model/operation/renameoperation.js +115 -115
- package/src/model/operation/rootattributeoperation.d.ts +98 -98
- package/src/model/operation/rootattributeoperation.js +155 -155
- package/src/model/operation/rootoperation.d.ts +76 -76
- package/src/model/operation/rootoperation.js +90 -90
- package/src/model/operation/splitoperation.d.ts +109 -109
- package/src/model/operation/splitoperation.js +194 -194
- package/src/model/operation/transform.d.ts +100 -100
- package/src/model/operation/transform.js +1985 -1985
- package/src/model/operation/utils.d.ts +71 -71
- package/src/model/operation/utils.js +217 -213
- package/src/model/position.d.ts +539 -539
- package/src/model/position.js +979 -979
- package/src/model/range.d.ts +458 -458
- package/src/model/range.js +875 -875
- package/src/model/rootelement.d.ts +60 -60
- package/src/model/rootelement.js +74 -74
- package/src/model/schema.d.ts +1186 -1186
- package/src/model/schema.js +1242 -1242
- package/src/model/selection.d.ts +482 -482
- package/src/model/selection.js +789 -789
- package/src/model/text.d.ts +66 -66
- package/src/model/text.js +85 -85
- package/src/model/textproxy.d.ts +144 -144
- package/src/model/textproxy.js +189 -189
- package/src/model/treewalker.d.ts +186 -186
- package/src/model/treewalker.js +244 -244
- package/src/model/typecheckable.d.ts +285 -285
- package/src/model/typecheckable.js +16 -16
- package/src/model/utils/autoparagraphing.d.ts +37 -37
- package/src/model/utils/autoparagraphing.js +63 -63
- package/src/model/utils/deletecontent.d.ts +58 -58
- package/src/model/utils/deletecontent.js +488 -488
- package/src/model/utils/findoptimalinsertionrange.d.ts +32 -32
- package/src/model/utils/findoptimalinsertionrange.js +57 -57
- package/src/model/utils/getselectedcontent.d.ts +30 -30
- package/src/model/utils/getselectedcontent.js +125 -125
- package/src/model/utils/insertcontent.d.ts +46 -46
- package/src/model/utils/insertcontent.js +705 -705
- package/src/model/utils/insertobject.d.ts +44 -44
- package/src/model/utils/insertobject.js +139 -139
- package/src/model/utils/modifyselection.d.ts +48 -48
- package/src/model/utils/modifyselection.js +186 -186
- package/src/model/utils/selection-post-fixer.d.ts +74 -74
- package/src/model/utils/selection-post-fixer.js +260 -260
- package/src/model/writer.d.ts +851 -851
- package/src/model/writer.js +1306 -1306
- package/src/view/attributeelement.d.ts +108 -108
- package/src/view/attributeelement.js +184 -184
- package/src/view/containerelement.d.ts +49 -49
- package/src/view/containerelement.js +80 -80
- package/src/view/datatransfer.d.ts +79 -79
- package/src/view/datatransfer.js +98 -98
- package/src/view/document.d.ts +184 -184
- package/src/view/document.js +122 -120
- package/src/view/documentfragment.d.ts +153 -149
- package/src/view/documentfragment.js +234 -228
- package/src/view/documentselection.d.ts +306 -306
- package/src/view/documentselection.js +256 -256
- package/src/view/domconverter.d.ts +652 -640
- package/src/view/domconverter.js +1473 -1450
- package/src/view/downcastwriter.d.ts +996 -996
- package/src/view/downcastwriter.js +1696 -1696
- package/src/view/editableelement.d.ts +62 -62
- package/src/view/editableelement.js +62 -62
- package/src/view/element.d.ts +468 -468
- package/src/view/element.js +724 -724
- package/src/view/elementdefinition.d.ts +87 -87
- package/src/view/elementdefinition.js +5 -5
- package/src/view/emptyelement.d.ts +41 -41
- package/src/view/emptyelement.js +73 -73
- package/src/view/filler.d.ts +111 -111
- package/src/view/filler.js +150 -150
- package/src/view/item.d.ts +14 -14
- package/src/view/item.js +5 -5
- package/src/view/matcher.d.ts +486 -486
- package/src/view/matcher.js +507 -507
- package/src/view/node.d.ts +163 -163
- package/src/view/node.js +228 -228
- package/src/view/observer/arrowkeysobserver.d.ts +45 -45
- package/src/view/observer/arrowkeysobserver.js +40 -40
- package/src/view/observer/bubblingemittermixin.d.ts +166 -166
- package/src/view/observer/bubblingemittermixin.js +172 -172
- package/src/view/observer/bubblingeventinfo.d.ts +47 -47
- package/src/view/observer/bubblingeventinfo.js +37 -37
- package/src/view/observer/clickobserver.d.ts +43 -43
- package/src/view/observer/clickobserver.js +29 -29
- package/src/view/observer/compositionobserver.d.ts +82 -82
- package/src/view/observer/compositionobserver.js +60 -60
- package/src/view/observer/domeventdata.d.ts +50 -50
- package/src/view/observer/domeventdata.js +47 -47
- package/src/view/observer/domeventobserver.d.ts +73 -73
- package/src/view/observer/domeventobserver.js +79 -79
- package/src/view/observer/fakeselectionobserver.d.ts +47 -47
- package/src/view/observer/fakeselectionobserver.js +91 -91
- package/src/view/observer/focusobserver.d.ts +82 -82
- package/src/view/observer/focusobserver.js +86 -86
- package/src/view/observer/inputobserver.d.ts +86 -86
- package/src/view/observer/inputobserver.js +164 -164
- package/src/view/observer/keyobserver.d.ts +66 -66
- package/src/view/observer/keyobserver.js +39 -39
- package/src/view/observer/mouseobserver.d.ts +89 -89
- package/src/view/observer/mouseobserver.js +29 -29
- package/src/view/observer/mutationobserver.d.ts +86 -86
- package/src/view/observer/mutationobserver.js +206 -206
- package/src/view/observer/observer.d.ts +89 -89
- package/src/view/observer/observer.js +84 -84
- package/src/view/observer/selectionobserver.d.ts +148 -148
- package/src/view/observer/selectionobserver.js +202 -202
- package/src/view/observer/tabobserver.d.ts +46 -46
- package/src/view/observer/tabobserver.js +42 -42
- package/src/view/placeholder.d.ts +96 -96
- package/src/view/placeholder.js +267 -267
- package/src/view/position.d.ts +189 -189
- package/src/view/position.js +324 -324
- package/src/view/range.d.ts +279 -279
- package/src/view/range.js +430 -430
- package/src/view/rawelement.d.ts +73 -73
- package/src/view/rawelement.js +105 -105
- package/src/view/renderer.d.ts +265 -265
- package/src/view/renderer.js +1000 -999
- package/src/view/rooteditableelement.d.ts +41 -41
- package/src/view/rooteditableelement.js +69 -69
- package/src/view/selection.d.ts +375 -375
- package/src/view/selection.js +559 -559
- package/src/view/styles/background.d.ts +33 -33
- package/src/view/styles/background.js +74 -74
- package/src/view/styles/border.d.ts +43 -43
- package/src/view/styles/border.js +316 -316
- package/src/view/styles/margin.d.ts +29 -29
- package/src/view/styles/margin.js +34 -34
- package/src/view/styles/padding.d.ts +29 -29
- package/src/view/styles/padding.js +34 -34
- package/src/view/styles/utils.d.ts +93 -93
- package/src/view/styles/utils.js +219 -219
- package/src/view/stylesmap.d.ts +675 -675
- package/src/view/stylesmap.js +765 -766
- package/src/view/text.d.ts +74 -74
- package/src/view/text.js +93 -93
- package/src/view/textproxy.d.ts +97 -97
- package/src/view/textproxy.js +124 -124
- package/src/view/treewalker.d.ts +195 -195
- package/src/view/treewalker.js +327 -327
- package/src/view/typecheckable.d.ts +448 -448
- package/src/view/typecheckable.js +19 -19
- package/src/view/uielement.d.ts +96 -96
- package/src/view/uielement.js +183 -182
- package/src/view/upcastwriter.d.ts +417 -417
- package/src/view/upcastwriter.js +359 -359
- package/src/view/view.d.ts +487 -487
- package/src/view/view.js +546 -546
package/src/view/document.d.ts
CHANGED
|
@@ -1,184 +1,184 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
|
|
3
|
-
* For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
|
|
4
|
-
*/
|
|
5
|
-
/**
|
|
6
|
-
* @module engine/view/document
|
|
7
|
-
*/
|
|
8
|
-
import DocumentSelection from './documentselection';
|
|
9
|
-
import { Collection } from '@ckeditor/ckeditor5-utils';
|
|
10
|
-
import type { StylesProcessor } from './stylesmap';
|
|
11
|
-
import type RootEditableElement from './rooteditableelement';
|
|
12
|
-
import type DowncastWriter from './downcastwriter';
|
|
13
|
-
declare const Document_base: import("@ckeditor/ckeditor5-utils").Mixed<{
|
|
14
|
-
new (): import("@ckeditor/ckeditor5-utils").Observable;
|
|
15
|
-
prototype: import("@ckeditor/ckeditor5-utils").Observable;
|
|
16
|
-
}, import("@ckeditor/ckeditor5-utils").Emitter>;
|
|
17
|
-
/**
|
|
18
|
-
* Document class creates an abstract layer over the content editable area, contains a tree of view elements and
|
|
19
|
-
* {@link module:engine/view/documentselection~DocumentSelection view selection} associated with this document.
|
|
20
|
-
*/
|
|
21
|
-
export default class Document extends Document_base {
|
|
22
|
-
/**
|
|
23
|
-
* Selection done on this document.
|
|
24
|
-
*/
|
|
25
|
-
readonly selection: DocumentSelection;
|
|
26
|
-
/**
|
|
27
|
-
* Roots of the view tree. Collection of the {@link module:engine/view/element~Element view elements}.
|
|
28
|
-
*
|
|
29
|
-
* View roots are created as a result of binding between {@link module:engine/view/document~Document#roots} and
|
|
30
|
-
* {@link module:engine/model/document~Document#roots} and this is handled by
|
|
31
|
-
* {@link module:engine/controller/editingcontroller~EditingController}, so to create view root we need to create
|
|
32
|
-
* model root using {@link module:engine/model/document~Document#createRoot}.
|
|
33
|
-
*/
|
|
34
|
-
readonly roots: Collection<RootEditableElement>;
|
|
35
|
-
/**
|
|
36
|
-
* The styles processor instance used by this document when normalizing styles.
|
|
37
|
-
*/
|
|
38
|
-
readonly stylesProcessor: StylesProcessor;
|
|
39
|
-
/**
|
|
40
|
-
* Defines whether document is in read-only mode.
|
|
41
|
-
*
|
|
42
|
-
* When document is read-ony then all roots are read-only as well and caret placed inside this root is hidden.
|
|
43
|
-
*
|
|
44
|
-
* @observable
|
|
45
|
-
*/
|
|
46
|
-
isReadOnly: boolean;
|
|
47
|
-
/**
|
|
48
|
-
* True if document is focused.
|
|
49
|
-
*
|
|
50
|
-
* This property is updated by the {@link module:engine/view/observer/focusobserver~FocusObserver}.
|
|
51
|
-
* If the {@link module:engine/view/observer/focusobserver~FocusObserver} is disabled this property will not change.
|
|
52
|
-
*
|
|
53
|
-
* @readonly
|
|
54
|
-
* @observable
|
|
55
|
-
*/
|
|
56
|
-
isFocused: boolean;
|
|
57
|
-
/**
|
|
58
|
-
* `true` while the user is making a selection in the document (e.g. holding the mouse button and moving the cursor).
|
|
59
|
-
* When they stop selecting, the property goes back to `false`.
|
|
60
|
-
*
|
|
61
|
-
* This property is updated by the {@link module:engine/view/observer/selectionobserver~SelectionObserver}.
|
|
62
|
-
*
|
|
63
|
-
* @readonly
|
|
64
|
-
* @observable
|
|
65
|
-
*/
|
|
66
|
-
isSelecting: boolean;
|
|
67
|
-
/**
|
|
68
|
-
* True if composition is in progress inside the document.
|
|
69
|
-
*
|
|
70
|
-
* This property is updated by the {@link module:engine/view/observer/compositionobserver~CompositionObserver}.
|
|
71
|
-
* If the {@link module:engine/view/observer/compositionobserver~CompositionObserver} is disabled this property will not change.
|
|
72
|
-
*
|
|
73
|
-
* @readonly
|
|
74
|
-
* @observable
|
|
75
|
-
*/
|
|
76
|
-
isComposing: boolean;
|
|
77
|
-
/**
|
|
78
|
-
* Post-fixer callbacks registered to the view document.
|
|
79
|
-
*/
|
|
80
|
-
private readonly _postFixers;
|
|
81
|
-
/**
|
|
82
|
-
* Creates a Document instance.
|
|
83
|
-
*
|
|
84
|
-
* @param stylesProcessor The styles processor instance.
|
|
85
|
-
*/
|
|
86
|
-
constructor(stylesProcessor: StylesProcessor);
|
|
87
|
-
/**
|
|
88
|
-
* Gets a {@link module:engine/view/document~Document#roots view root element} with the specified name. If the name is not
|
|
89
|
-
* specific "main" root is returned.
|
|
90
|
-
*
|
|
91
|
-
* @param name Name of the root.
|
|
92
|
-
* @returns The view root element with the specified name or null when there is no root of given name.
|
|
93
|
-
*/
|
|
94
|
-
getRoot(name?: string): RootEditableElement | null;
|
|
95
|
-
/**
|
|
96
|
-
* Allows registering post-fixer callbacks. A post-fixers mechanism allows to update the view tree just before it is rendered
|
|
97
|
-
* to the DOM.
|
|
98
|
-
*
|
|
99
|
-
* Post-fixers are executed right after all changes from the outermost change block were applied but
|
|
100
|
-
* before the {@link module:engine/view/view~View#event:render render event} is fired. If a post-fixer callback made
|
|
101
|
-
* a change, it should return `true`. When this happens, all post-fixers are fired again to check if something else should
|
|
102
|
-
* not be fixed in the new document tree state.
|
|
103
|
-
*
|
|
104
|
-
* View post-fixers are useful when you want to apply some fixes whenever the view structure changes. Keep in mind that
|
|
105
|
-
* changes executed in a view post-fixer should not break model-view mapping.
|
|
106
|
-
*
|
|
107
|
-
* The types of changes which should be safe:
|
|
108
|
-
*
|
|
109
|
-
* * adding or removing attribute from elements,
|
|
110
|
-
* * changes inside of {@link module:engine/view/uielement~UIElement UI elements},
|
|
111
|
-
* * {@link module:engine/controller/editingcontroller~EditingController#reconvertItem marking some of the model elements to be
|
|
112
|
-
* re-converted}.
|
|
113
|
-
*
|
|
114
|
-
* Try to avoid changes which touch view structure:
|
|
115
|
-
*
|
|
116
|
-
* * you should not add or remove nor wrap or unwrap any view elements,
|
|
117
|
-
* * you should not change the editor data model in a view post-fixer.
|
|
118
|
-
*
|
|
119
|
-
* As a parameter, a post-fixer callback receives a {@link module:engine/view/downcastwriter~DowncastWriter downcast writer}.
|
|
120
|
-
*
|
|
121
|
-
* Typically, a post-fixer will look like this:
|
|
122
|
-
*
|
|
123
|
-
* ```ts
|
|
124
|
-
* editor.editing.view.document.registerPostFixer( writer => {
|
|
125
|
-
* if ( checkSomeCondition() ) {
|
|
126
|
-
* writer.doSomething();
|
|
127
|
-
*
|
|
128
|
-
* // Let other post-fixers know that something changed.
|
|
129
|
-
* return true;
|
|
130
|
-
* }
|
|
131
|
-
*
|
|
132
|
-
*
|
|
133
|
-
*
|
|
134
|
-
*
|
|
135
|
-
*
|
|
136
|
-
*
|
|
137
|
-
*
|
|
138
|
-
*
|
|
139
|
-
*
|
|
140
|
-
*
|
|
141
|
-
*
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
*
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
*
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
*
|
|
165
|
-
*
|
|
166
|
-
*
|
|
167
|
-
*
|
|
168
|
-
* * `
|
|
169
|
-
*
|
|
170
|
-
*
|
|
171
|
-
*/
|
|
172
|
-
export type ChangeType = 'children' | 'attributes' | 'text';
|
|
173
|
-
/**
|
|
174
|
-
* Event fired whenever document content layout changes. It is fired whenever content is
|
|
175
|
-
* {@link module:engine/view/view~View#event:render rendered}, but should be also fired by observers in case of
|
|
176
|
-
* other actions which may change layout, for instance when image loads.
|
|
177
|
-
*
|
|
178
|
-
* @eventName ~Document#layoutChanged
|
|
179
|
-
*/
|
|
180
|
-
export type ViewDocumentLayoutChangedEvent = {
|
|
181
|
-
name: 'layoutChanged';
|
|
182
|
-
args: [];
|
|
183
|
-
};
|
|
184
|
-
export {};
|
|
1
|
+
/**
|
|
2
|
+
* @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
|
|
3
|
+
* For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
|
|
4
|
+
*/
|
|
5
|
+
/**
|
|
6
|
+
* @module engine/view/document
|
|
7
|
+
*/
|
|
8
|
+
import DocumentSelection from './documentselection';
|
|
9
|
+
import { Collection } from '@ckeditor/ckeditor5-utils';
|
|
10
|
+
import type { StylesProcessor } from './stylesmap';
|
|
11
|
+
import type RootEditableElement from './rooteditableelement';
|
|
12
|
+
import type DowncastWriter from './downcastwriter';
|
|
13
|
+
declare const Document_base: import("@ckeditor/ckeditor5-utils").Mixed<{
|
|
14
|
+
new (): import("@ckeditor/ckeditor5-utils").Observable;
|
|
15
|
+
prototype: import("@ckeditor/ckeditor5-utils").Observable;
|
|
16
|
+
}, import("@ckeditor/ckeditor5-utils").Emitter>;
|
|
17
|
+
/**
|
|
18
|
+
* Document class creates an abstract layer over the content editable area, contains a tree of view elements and
|
|
19
|
+
* {@link module:engine/view/documentselection~DocumentSelection view selection} associated with this document.
|
|
20
|
+
*/
|
|
21
|
+
export default class Document extends Document_base {
|
|
22
|
+
/**
|
|
23
|
+
* Selection done on this document.
|
|
24
|
+
*/
|
|
25
|
+
readonly selection: DocumentSelection;
|
|
26
|
+
/**
|
|
27
|
+
* Roots of the view tree. Collection of the {@link module:engine/view/element~Element view elements}.
|
|
28
|
+
*
|
|
29
|
+
* View roots are created as a result of binding between {@link module:engine/view/document~Document#roots} and
|
|
30
|
+
* {@link module:engine/model/document~Document#roots} and this is handled by
|
|
31
|
+
* {@link module:engine/controller/editingcontroller~EditingController}, so to create view root we need to create
|
|
32
|
+
* model root using {@link module:engine/model/document~Document#createRoot}.
|
|
33
|
+
*/
|
|
34
|
+
readonly roots: Collection<RootEditableElement>;
|
|
35
|
+
/**
|
|
36
|
+
* The styles processor instance used by this document when normalizing styles.
|
|
37
|
+
*/
|
|
38
|
+
readonly stylesProcessor: StylesProcessor;
|
|
39
|
+
/**
|
|
40
|
+
* Defines whether document is in read-only mode.
|
|
41
|
+
*
|
|
42
|
+
* When document is read-ony then all roots are read-only as well and caret placed inside this root is hidden.
|
|
43
|
+
*
|
|
44
|
+
* @observable
|
|
45
|
+
*/
|
|
46
|
+
isReadOnly: boolean;
|
|
47
|
+
/**
|
|
48
|
+
* True if document is focused.
|
|
49
|
+
*
|
|
50
|
+
* This property is updated by the {@link module:engine/view/observer/focusobserver~FocusObserver}.
|
|
51
|
+
* If the {@link module:engine/view/observer/focusobserver~FocusObserver} is disabled this property will not change.
|
|
52
|
+
*
|
|
53
|
+
* @readonly
|
|
54
|
+
* @observable
|
|
55
|
+
*/
|
|
56
|
+
isFocused: boolean;
|
|
57
|
+
/**
|
|
58
|
+
* `true` while the user is making a selection in the document (e.g. holding the mouse button and moving the cursor).
|
|
59
|
+
* When they stop selecting, the property goes back to `false`.
|
|
60
|
+
*
|
|
61
|
+
* This property is updated by the {@link module:engine/view/observer/selectionobserver~SelectionObserver}.
|
|
62
|
+
*
|
|
63
|
+
* @readonly
|
|
64
|
+
* @observable
|
|
65
|
+
*/
|
|
66
|
+
isSelecting: boolean;
|
|
67
|
+
/**
|
|
68
|
+
* True if composition is in progress inside the document.
|
|
69
|
+
*
|
|
70
|
+
* This property is updated by the {@link module:engine/view/observer/compositionobserver~CompositionObserver}.
|
|
71
|
+
* If the {@link module:engine/view/observer/compositionobserver~CompositionObserver} is disabled this property will not change.
|
|
72
|
+
*
|
|
73
|
+
* @readonly
|
|
74
|
+
* @observable
|
|
75
|
+
*/
|
|
76
|
+
isComposing: boolean;
|
|
77
|
+
/**
|
|
78
|
+
* Post-fixer callbacks registered to the view document.
|
|
79
|
+
*/
|
|
80
|
+
private readonly _postFixers;
|
|
81
|
+
/**
|
|
82
|
+
* Creates a Document instance.
|
|
83
|
+
*
|
|
84
|
+
* @param stylesProcessor The styles processor instance.
|
|
85
|
+
*/
|
|
86
|
+
constructor(stylesProcessor: StylesProcessor);
|
|
87
|
+
/**
|
|
88
|
+
* Gets a {@link module:engine/view/document~Document#roots view root element} with the specified name. If the name is not
|
|
89
|
+
* specific "main" root is returned.
|
|
90
|
+
*
|
|
91
|
+
* @param name Name of the root.
|
|
92
|
+
* @returns The view root element with the specified name or null when there is no root of given name.
|
|
93
|
+
*/
|
|
94
|
+
getRoot(name?: string): RootEditableElement | null;
|
|
95
|
+
/**
|
|
96
|
+
* Allows registering post-fixer callbacks. A post-fixers mechanism allows to update the view tree just before it is rendered
|
|
97
|
+
* to the DOM.
|
|
98
|
+
*
|
|
99
|
+
* Post-fixers are executed right after all changes from the outermost change block were applied but
|
|
100
|
+
* before the {@link module:engine/view/view~View#event:render render event} is fired. If a post-fixer callback made
|
|
101
|
+
* a change, it should return `true`. When this happens, all post-fixers are fired again to check if something else should
|
|
102
|
+
* not be fixed in the new document tree state.
|
|
103
|
+
*
|
|
104
|
+
* View post-fixers are useful when you want to apply some fixes whenever the view structure changes. Keep in mind that
|
|
105
|
+
* changes executed in a view post-fixer should not break model-view mapping.
|
|
106
|
+
*
|
|
107
|
+
* The types of changes which should be safe:
|
|
108
|
+
*
|
|
109
|
+
* * adding or removing attribute from elements,
|
|
110
|
+
* * changes inside of {@link module:engine/view/uielement~UIElement UI elements},
|
|
111
|
+
* * {@link module:engine/controller/editingcontroller~EditingController#reconvertItem marking some of the model elements to be
|
|
112
|
+
* re-converted}.
|
|
113
|
+
*
|
|
114
|
+
* Try to avoid changes which touch view structure:
|
|
115
|
+
*
|
|
116
|
+
* * you should not add or remove nor wrap or unwrap any view elements,
|
|
117
|
+
* * you should not change the editor data model in a view post-fixer.
|
|
118
|
+
*
|
|
119
|
+
* As a parameter, a post-fixer callback receives a {@link module:engine/view/downcastwriter~DowncastWriter downcast writer}.
|
|
120
|
+
*
|
|
121
|
+
* Typically, a post-fixer will look like this:
|
|
122
|
+
*
|
|
123
|
+
* ```ts
|
|
124
|
+
* editor.editing.view.document.registerPostFixer( writer => {
|
|
125
|
+
* if ( checkSomeCondition() ) {
|
|
126
|
+
* writer.doSomething();
|
|
127
|
+
*
|
|
128
|
+
* // Let other post-fixers know that something changed.
|
|
129
|
+
* return true;
|
|
130
|
+
* }
|
|
131
|
+
*
|
|
132
|
+
* return false;
|
|
133
|
+
* } );
|
|
134
|
+
* ```
|
|
135
|
+
*
|
|
136
|
+
* Note that nothing happens right after you register a post-fixer (e.g. execute such a code in the console).
|
|
137
|
+
* That is because adding a post-fixer does not execute it.
|
|
138
|
+
* The post-fixer will be executed as soon as any change in the document needs to cause its rendering.
|
|
139
|
+
* If you want to re-render the editor's view after registering the post-fixer then you should do it manually by calling
|
|
140
|
+
* {@link module:engine/view/view~View#forceRender `view.forceRender()`}.
|
|
141
|
+
*
|
|
142
|
+
* If you need to register a callback which is executed when DOM elements are already updated,
|
|
143
|
+
* use {@link module:engine/view/view~View#event:render render event}.
|
|
144
|
+
*/
|
|
145
|
+
registerPostFixer(postFixer: ViewDocumentPostFixer): void;
|
|
146
|
+
/**
|
|
147
|
+
* Destroys this instance. Makes sure that all observers are destroyed and listeners removed.
|
|
148
|
+
*/
|
|
149
|
+
destroy(): void;
|
|
150
|
+
/**
|
|
151
|
+
* Performs post-fixer loops. Executes post-fixer callbacks as long as none of them has done any changes to the model.
|
|
152
|
+
*
|
|
153
|
+
* @internal
|
|
154
|
+
*/
|
|
155
|
+
_callPostFixers(writer: DowncastWriter): void;
|
|
156
|
+
}
|
|
157
|
+
/**
|
|
158
|
+
* Document PostFixer.
|
|
159
|
+
*
|
|
160
|
+
* @see module:engine/view/document~Document#registerPostFixer
|
|
161
|
+
*/
|
|
162
|
+
export type ViewDocumentPostFixer = (writer: DowncastWriter) => boolean;
|
|
163
|
+
/**
|
|
164
|
+
* Enum representing type of the change.
|
|
165
|
+
*
|
|
166
|
+
* Possible values:
|
|
167
|
+
*
|
|
168
|
+
* * `children` - for child list changes,
|
|
169
|
+
* * `attributes` - for element attributes changes,
|
|
170
|
+
* * `text` - for text nodes changes.
|
|
171
|
+
*/
|
|
172
|
+
export type ChangeType = 'children' | 'attributes' | 'text';
|
|
173
|
+
/**
|
|
174
|
+
* Event fired whenever document content layout changes. It is fired whenever content is
|
|
175
|
+
* {@link module:engine/view/view~View#event:render rendered}, but should be also fired by observers in case of
|
|
176
|
+
* other actions which may change layout, for instance when image loads.
|
|
177
|
+
*
|
|
178
|
+
* @eventName ~Document#layoutChanged
|
|
179
|
+
*/
|
|
180
|
+
export type ViewDocumentLayoutChangedEvent = {
|
|
181
|
+
name: 'layoutChanged';
|
|
182
|
+
args: [];
|
|
183
|
+
};
|
|
184
|
+
export {};
|
package/src/view/document.js
CHANGED
|
@@ -1,120 +1,122 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
|
|
3
|
-
* For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
|
|
4
|
-
*/
|
|
5
|
-
/**
|
|
6
|
-
* @module engine/view/document
|
|
7
|
-
*/
|
|
8
|
-
import DocumentSelection from './documentselection';
|
|
9
|
-
import BubblingEmitterMixin from './observer/bubblingemittermixin';
|
|
10
|
-
import { Collection, ObservableMixin } from '@ckeditor/ckeditor5-utils';
|
|
11
|
-
// @if CK_DEBUG_ENGINE // const { logDocument } = require( '../dev-utils/utils' );
|
|
12
|
-
/**
|
|
13
|
-
* Document class creates an abstract layer over the content editable area, contains a tree of view elements and
|
|
14
|
-
* {@link module:engine/view/documentselection~DocumentSelection view selection} associated with this document.
|
|
15
|
-
*/
|
|
16
|
-
export default class Document extends BubblingEmitterMixin(ObservableMixin()) {
|
|
17
|
-
/**
|
|
18
|
-
* Creates a Document instance.
|
|
19
|
-
*
|
|
20
|
-
* @param stylesProcessor The styles processor instance.
|
|
21
|
-
*/
|
|
22
|
-
constructor(stylesProcessor) {
|
|
23
|
-
super();
|
|
24
|
-
/**
|
|
25
|
-
* Post-fixer callbacks registered to the view document.
|
|
26
|
-
*/
|
|
27
|
-
this._postFixers = new Set();
|
|
28
|
-
this.selection = new DocumentSelection();
|
|
29
|
-
this.roots = new Collection({ idProperty: 'rootName' });
|
|
30
|
-
this.stylesProcessor = stylesProcessor;
|
|
31
|
-
this.set('isReadOnly', false);
|
|
32
|
-
this.set('isFocused', false);
|
|
33
|
-
this.set('isSelecting', false);
|
|
34
|
-
this.set('isComposing', false);
|
|
35
|
-
}
|
|
36
|
-
/**
|
|
37
|
-
* Gets a {@link module:engine/view/document~Document#roots view root element} with the specified name. If the name is not
|
|
38
|
-
* specific "main" root is returned.
|
|
39
|
-
*
|
|
40
|
-
* @param name Name of the root.
|
|
41
|
-
* @returns The view root element with the specified name or null when there is no root of given name.
|
|
42
|
-
*/
|
|
43
|
-
getRoot(name = 'main') {
|
|
44
|
-
return this.roots.get(name);
|
|
45
|
-
}
|
|
46
|
-
/**
|
|
47
|
-
* Allows registering post-fixer callbacks. A post-fixers mechanism allows to update the view tree just before it is rendered
|
|
48
|
-
* to the DOM.
|
|
49
|
-
*
|
|
50
|
-
* Post-fixers are executed right after all changes from the outermost change block were applied but
|
|
51
|
-
* before the {@link module:engine/view/view~View#event:render render event} is fired. If a post-fixer callback made
|
|
52
|
-
* a change, it should return `true`. When this happens, all post-fixers are fired again to check if something else should
|
|
53
|
-
* not be fixed in the new document tree state.
|
|
54
|
-
*
|
|
55
|
-
* View post-fixers are useful when you want to apply some fixes whenever the view structure changes. Keep in mind that
|
|
56
|
-
* changes executed in a view post-fixer should not break model-view mapping.
|
|
57
|
-
*
|
|
58
|
-
* The types of changes which should be safe:
|
|
59
|
-
*
|
|
60
|
-
* * adding or removing attribute from elements,
|
|
61
|
-
* * changes inside of {@link module:engine/view/uielement~UIElement UI elements},
|
|
62
|
-
* * {@link module:engine/controller/editingcontroller~EditingController#reconvertItem marking some of the model elements to be
|
|
63
|
-
* re-converted}.
|
|
64
|
-
*
|
|
65
|
-
* Try to avoid changes which touch view structure:
|
|
66
|
-
*
|
|
67
|
-
* * you should not add or remove nor wrap or unwrap any view elements,
|
|
68
|
-
* * you should not change the editor data model in a view post-fixer.
|
|
69
|
-
*
|
|
70
|
-
* As a parameter, a post-fixer callback receives a {@link module:engine/view/downcastwriter~DowncastWriter downcast writer}.
|
|
71
|
-
*
|
|
72
|
-
* Typically, a post-fixer will look like this:
|
|
73
|
-
*
|
|
74
|
-
* ```ts
|
|
75
|
-
* editor.editing.view.document.registerPostFixer( writer => {
|
|
76
|
-
* if ( checkSomeCondition() ) {
|
|
77
|
-
* writer.doSomething();
|
|
78
|
-
*
|
|
79
|
-
* // Let other post-fixers know that something changed.
|
|
80
|
-
* return true;
|
|
81
|
-
* }
|
|
82
|
-
*
|
|
83
|
-
*
|
|
84
|
-
*
|
|
85
|
-
*
|
|
86
|
-
*
|
|
87
|
-
*
|
|
88
|
-
*
|
|
89
|
-
*
|
|
90
|
-
*
|
|
91
|
-
*
|
|
92
|
-
*
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
*
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
}
|
|
1
|
+
/**
|
|
2
|
+
* @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
|
|
3
|
+
* For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
|
|
4
|
+
*/
|
|
5
|
+
/**
|
|
6
|
+
* @module engine/view/document
|
|
7
|
+
*/
|
|
8
|
+
import DocumentSelection from './documentselection';
|
|
9
|
+
import BubblingEmitterMixin from './observer/bubblingemittermixin';
|
|
10
|
+
import { Collection, ObservableMixin } from '@ckeditor/ckeditor5-utils';
|
|
11
|
+
// @if CK_DEBUG_ENGINE // const { logDocument } = require( '../dev-utils/utils' );
|
|
12
|
+
/**
|
|
13
|
+
* Document class creates an abstract layer over the content editable area, contains a tree of view elements and
|
|
14
|
+
* {@link module:engine/view/documentselection~DocumentSelection view selection} associated with this document.
|
|
15
|
+
*/
|
|
16
|
+
export default class Document extends BubblingEmitterMixin(ObservableMixin()) {
|
|
17
|
+
/**
|
|
18
|
+
* Creates a Document instance.
|
|
19
|
+
*
|
|
20
|
+
* @param stylesProcessor The styles processor instance.
|
|
21
|
+
*/
|
|
22
|
+
constructor(stylesProcessor) {
|
|
23
|
+
super();
|
|
24
|
+
/**
|
|
25
|
+
* Post-fixer callbacks registered to the view document.
|
|
26
|
+
*/
|
|
27
|
+
this._postFixers = new Set();
|
|
28
|
+
this.selection = new DocumentSelection();
|
|
29
|
+
this.roots = new Collection({ idProperty: 'rootName' });
|
|
30
|
+
this.stylesProcessor = stylesProcessor;
|
|
31
|
+
this.set('isReadOnly', false);
|
|
32
|
+
this.set('isFocused', false);
|
|
33
|
+
this.set('isSelecting', false);
|
|
34
|
+
this.set('isComposing', false);
|
|
35
|
+
}
|
|
36
|
+
/**
|
|
37
|
+
* Gets a {@link module:engine/view/document~Document#roots view root element} with the specified name. If the name is not
|
|
38
|
+
* specific "main" root is returned.
|
|
39
|
+
*
|
|
40
|
+
* @param name Name of the root.
|
|
41
|
+
* @returns The view root element with the specified name or null when there is no root of given name.
|
|
42
|
+
*/
|
|
43
|
+
getRoot(name = 'main') {
|
|
44
|
+
return this.roots.get(name);
|
|
45
|
+
}
|
|
46
|
+
/**
|
|
47
|
+
* Allows registering post-fixer callbacks. A post-fixers mechanism allows to update the view tree just before it is rendered
|
|
48
|
+
* to the DOM.
|
|
49
|
+
*
|
|
50
|
+
* Post-fixers are executed right after all changes from the outermost change block were applied but
|
|
51
|
+
* before the {@link module:engine/view/view~View#event:render render event} is fired. If a post-fixer callback made
|
|
52
|
+
* a change, it should return `true`. When this happens, all post-fixers are fired again to check if something else should
|
|
53
|
+
* not be fixed in the new document tree state.
|
|
54
|
+
*
|
|
55
|
+
* View post-fixers are useful when you want to apply some fixes whenever the view structure changes. Keep in mind that
|
|
56
|
+
* changes executed in a view post-fixer should not break model-view mapping.
|
|
57
|
+
*
|
|
58
|
+
* The types of changes which should be safe:
|
|
59
|
+
*
|
|
60
|
+
* * adding or removing attribute from elements,
|
|
61
|
+
* * changes inside of {@link module:engine/view/uielement~UIElement UI elements},
|
|
62
|
+
* * {@link module:engine/controller/editingcontroller~EditingController#reconvertItem marking some of the model elements to be
|
|
63
|
+
* re-converted}.
|
|
64
|
+
*
|
|
65
|
+
* Try to avoid changes which touch view structure:
|
|
66
|
+
*
|
|
67
|
+
* * you should not add or remove nor wrap or unwrap any view elements,
|
|
68
|
+
* * you should not change the editor data model in a view post-fixer.
|
|
69
|
+
*
|
|
70
|
+
* As a parameter, a post-fixer callback receives a {@link module:engine/view/downcastwriter~DowncastWriter downcast writer}.
|
|
71
|
+
*
|
|
72
|
+
* Typically, a post-fixer will look like this:
|
|
73
|
+
*
|
|
74
|
+
* ```ts
|
|
75
|
+
* editor.editing.view.document.registerPostFixer( writer => {
|
|
76
|
+
* if ( checkSomeCondition() ) {
|
|
77
|
+
* writer.doSomething();
|
|
78
|
+
*
|
|
79
|
+
* // Let other post-fixers know that something changed.
|
|
80
|
+
* return true;
|
|
81
|
+
* }
|
|
82
|
+
*
|
|
83
|
+
* return false;
|
|
84
|
+
* } );
|
|
85
|
+
* ```
|
|
86
|
+
*
|
|
87
|
+
* Note that nothing happens right after you register a post-fixer (e.g. execute such a code in the console).
|
|
88
|
+
* That is because adding a post-fixer does not execute it.
|
|
89
|
+
* The post-fixer will be executed as soon as any change in the document needs to cause its rendering.
|
|
90
|
+
* If you want to re-render the editor's view after registering the post-fixer then you should do it manually by calling
|
|
91
|
+
* {@link module:engine/view/view~View#forceRender `view.forceRender()`}.
|
|
92
|
+
*
|
|
93
|
+
* If you need to register a callback which is executed when DOM elements are already updated,
|
|
94
|
+
* use {@link module:engine/view/view~View#event:render render event}.
|
|
95
|
+
*/
|
|
96
|
+
registerPostFixer(postFixer) {
|
|
97
|
+
this._postFixers.add(postFixer);
|
|
98
|
+
}
|
|
99
|
+
/**
|
|
100
|
+
* Destroys this instance. Makes sure that all observers are destroyed and listeners removed.
|
|
101
|
+
*/
|
|
102
|
+
destroy() {
|
|
103
|
+
this.roots.forEach(root => root.destroy());
|
|
104
|
+
this.stopListening();
|
|
105
|
+
}
|
|
106
|
+
/**
|
|
107
|
+
* Performs post-fixer loops. Executes post-fixer callbacks as long as none of them has done any changes to the model.
|
|
108
|
+
*
|
|
109
|
+
* @internal
|
|
110
|
+
*/
|
|
111
|
+
_callPostFixers(writer) {
|
|
112
|
+
let wasFixed = false;
|
|
113
|
+
do {
|
|
114
|
+
for (const callback of this._postFixers) {
|
|
115
|
+
wasFixed = callback(writer);
|
|
116
|
+
if (wasFixed) {
|
|
117
|
+
break;
|
|
118
|
+
}
|
|
119
|
+
}
|
|
120
|
+
} while (wasFixed);
|
|
121
|
+
}
|
|
122
|
+
}
|