@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
|
@@ -1,186 +1,186 @@
|
|
|
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/model/utils/modifyselection
|
|
7
|
-
*/
|
|
8
|
-
import DocumentSelection from '../documentselection';
|
|
9
|
-
import Position from '../position';
|
|
10
|
-
import Range from '../range';
|
|
11
|
-
import TreeWalker from '../treewalker';
|
|
12
|
-
import { isInsideSurrogatePair, isInsideCombinedSymbol, isInsideEmojiSequence } from '@ckeditor/ckeditor5-utils';
|
|
13
|
-
const wordBoundaryCharacters = ' ,.?!:;"-()';
|
|
14
|
-
/**
|
|
15
|
-
* Modifies the selection. Currently, the supported modifications are:
|
|
16
|
-
*
|
|
17
|
-
* * Extending. The selection focus is moved in the specified `options.direction` with a step specified in `options.unit`.
|
|
18
|
-
* Possible values for `unit` are:
|
|
19
|
-
* * `'character'` (default) - moves selection by one user-perceived character. In most cases this means moving by one
|
|
20
|
-
* character in `String` sense. However, unicode also defines "combing marks". These are special symbols, that combines
|
|
21
|
-
* with a symbol before it ("base character") to create one user-perceived character. For example, `q̣̇` is a normal
|
|
22
|
-
* letter `q` with two "combining marks": upper dot (`Ux0307`) and lower dot (`Ux0323`). For most actions, i.e. extending
|
|
23
|
-
* selection by one position, it is correct to include both "base character" and all of it's "combining marks". That is
|
|
24
|
-
* why `'character'` value is most natural and common method of modifying selection.
|
|
25
|
-
* * `'codePoint'` - moves selection by one unicode code point. In contrary to, `'character'` unit, this will insert
|
|
26
|
-
* selection between "base character" and "combining mark", because "combining marks" have their own unicode code points.
|
|
27
|
-
* However, for technical reasons, unicode code points with values above `UxFFFF` are represented in native `String` by
|
|
28
|
-
* two characters, called "surrogate pairs". Halves of "surrogate pairs" have a meaning only when placed next to each other.
|
|
29
|
-
* For example `𨭎` is represented in `String` by `\uD862\uDF4E`. Both `\uD862` and `\uDF4E` do not have any meaning
|
|
30
|
-
* outside the pair (are rendered as ? when alone). Position between them would be incorrect. In this case, selection
|
|
31
|
-
* extension will include whole "surrogate pair".
|
|
32
|
-
* * `'word'` - moves selection by a whole word.
|
|
33
|
-
*
|
|
34
|
-
* **Note:** if you extend a forward selection in a backward direction you will in fact shrink it.
|
|
35
|
-
*
|
|
36
|
-
* **Note:** Use {@link module:engine/model/model~Model#modifySelection} instead of this function.
|
|
37
|
-
* This function is only exposed to be reusable in algorithms
|
|
38
|
-
* which change the {@link module:engine/model/model~Model#modifySelection}
|
|
39
|
-
* method's behavior.
|
|
40
|
-
*
|
|
41
|
-
* @param model The model in context of which the selection modification should be performed.
|
|
42
|
-
* @param selection The selection to modify.
|
|
43
|
-
* @param options.direction The direction in which the selection should be modified. Default 'forward'.
|
|
44
|
-
* @param options.unit The unit by which selection should be modified. Default 'character'.
|
|
45
|
-
* @param options.treatEmojiAsSingleUnit Whether multi-characer emoji sequences should be handled as single unit.
|
|
46
|
-
*/
|
|
47
|
-
export default function modifySelection(model, selection, options = {}) {
|
|
48
|
-
const schema = model.schema;
|
|
49
|
-
const isForward = options.direction != 'backward';
|
|
50
|
-
const unit = options.unit ? options.unit : 'character';
|
|
51
|
-
const treatEmojiAsSingleUnit = !!options.treatEmojiAsSingleUnit;
|
|
52
|
-
const focus = selection.focus;
|
|
53
|
-
const walker = new TreeWalker({
|
|
54
|
-
boundaries: getSearchRange(focus, isForward),
|
|
55
|
-
singleCharacters: true,
|
|
56
|
-
direction: isForward ? 'forward' : 'backward'
|
|
57
|
-
});
|
|
58
|
-
const data = { walker, schema, isForward, unit, treatEmojiAsSingleUnit };
|
|
59
|
-
let next;
|
|
60
|
-
while ((next = walker.next())) {
|
|
61
|
-
if (next.done) {
|
|
62
|
-
return;
|
|
63
|
-
}
|
|
64
|
-
const position = tryExtendingTo(data, next.value);
|
|
65
|
-
if (position) {
|
|
66
|
-
if (selection instanceof DocumentSelection) {
|
|
67
|
-
model.change(writer => {
|
|
68
|
-
writer.setSelectionFocus(position);
|
|
69
|
-
});
|
|
70
|
-
}
|
|
71
|
-
else {
|
|
72
|
-
selection.setFocus(position);
|
|
73
|
-
}
|
|
74
|
-
return;
|
|
75
|
-
}
|
|
76
|
-
}
|
|
77
|
-
}
|
|
78
|
-
/**
|
|
79
|
-
* Checks whether the selection can be extended to the the walker's next value (next position).
|
|
80
|
-
*/
|
|
81
|
-
function tryExtendingTo(data, value) {
|
|
82
|
-
const { isForward, walker, unit, schema, treatEmojiAsSingleUnit } = data;
|
|
83
|
-
const { type, item, nextPosition } = value;
|
|
84
|
-
// If found text, we can certainly put the focus in it. Let's just find a correct position
|
|
85
|
-
// based on the unit.
|
|
86
|
-
if (type == 'text') {
|
|
87
|
-
if (data.unit === 'word') {
|
|
88
|
-
return getCorrectWordBreakPosition(walker, isForward);
|
|
89
|
-
}
|
|
90
|
-
return getCorrectPosition(walker, unit, treatEmojiAsSingleUnit);
|
|
91
|
-
}
|
|
92
|
-
// Entering an element.
|
|
93
|
-
if (type == (isForward ? 'elementStart' : 'elementEnd')) {
|
|
94
|
-
// If it's a selectable, we can select it now.
|
|
95
|
-
if (schema.isSelectable(item)) {
|
|
96
|
-
return Position._createAt(item, isForward ? 'after' : 'before');
|
|
97
|
-
}
|
|
98
|
-
// If text allowed on this position, extend to this place.
|
|
99
|
-
if (schema.checkChild(nextPosition, '$text')) {
|
|
100
|
-
return nextPosition;
|
|
101
|
-
}
|
|
102
|
-
}
|
|
103
|
-
// Leaving an element.
|
|
104
|
-
else {
|
|
105
|
-
// If leaving a limit element, stop.
|
|
106
|
-
if (schema.isLimit(item)) {
|
|
107
|
-
// NOTE: Fast-forward the walker until the end.
|
|
108
|
-
walker.skip(() => true);
|
|
109
|
-
return;
|
|
110
|
-
}
|
|
111
|
-
// If text allowed on this position, extend to this place.
|
|
112
|
-
if (schema.checkChild(nextPosition, '$text')) {
|
|
113
|
-
return nextPosition;
|
|
114
|
-
}
|
|
115
|
-
}
|
|
116
|
-
}
|
|
117
|
-
/**
|
|
118
|
-
* Finds a correct position by walking in a text node and checking whether selection can be extended to given position
|
|
119
|
-
* or should be extended further.
|
|
120
|
-
*/
|
|
121
|
-
function getCorrectPosition(walker, unit, treatEmojiAsSingleUnit) {
|
|
122
|
-
const textNode = walker.position.textNode;
|
|
123
|
-
if (textNode) {
|
|
124
|
-
const data = textNode.data;
|
|
125
|
-
let offset = walker.position.offset - textNode.startOffset;
|
|
126
|
-
while (isInsideSurrogatePair(data, offset) ||
|
|
127
|
-
(unit == 'character' && isInsideCombinedSymbol(data, offset)) ||
|
|
128
|
-
(treatEmojiAsSingleUnit && isInsideEmojiSequence(data, offset))) {
|
|
129
|
-
walker.next();
|
|
130
|
-
offset = walker.position.offset - textNode.startOffset;
|
|
131
|
-
}
|
|
132
|
-
}
|
|
133
|
-
return walker.position;
|
|
134
|
-
}
|
|
135
|
-
/**
|
|
136
|
-
* Finds a correct position of a word break by walking in a text node and checking whether selection can be extended to given position
|
|
137
|
-
* or should be extended further.
|
|
138
|
-
*/
|
|
139
|
-
function getCorrectWordBreakPosition(walker, isForward) {
|
|
140
|
-
let textNode = walker.position.textNode;
|
|
141
|
-
if (!textNode) {
|
|
142
|
-
textNode = isForward ? walker.position.nodeAfter : walker.position.nodeBefore;
|
|
143
|
-
}
|
|
144
|
-
while (textNode && textNode.is('$text')) {
|
|
145
|
-
const offset = walker.position.offset - textNode.startOffset;
|
|
146
|
-
// Check of adjacent text nodes with different attributes (like BOLD).
|
|
147
|
-
// Example : 'foofoo []bar<$text bold="true">bar</$text> bazbaz'
|
|
148
|
-
// should expand to : 'foofoo [bar<$text bold="true">bar</$text>] bazbaz'.
|
|
149
|
-
if (isAtNodeBoundary(textNode, offset, isForward)) {
|
|
150
|
-
textNode = isForward ? walker.position.nodeAfter : walker.position.nodeBefore;
|
|
151
|
-
}
|
|
152
|
-
// Check if this is a word boundary.
|
|
153
|
-
else if (isAtWordBoundary(textNode.data, offset, isForward)) {
|
|
154
|
-
break;
|
|
155
|
-
}
|
|
156
|
-
// Maybe one more character.
|
|
157
|
-
else {
|
|
158
|
-
walker.next();
|
|
159
|
-
}
|
|
160
|
-
}
|
|
161
|
-
return walker.position;
|
|
162
|
-
}
|
|
163
|
-
function getSearchRange(start, isForward) {
|
|
164
|
-
const root = start.root;
|
|
165
|
-
const searchEnd = Position._createAt(root, isForward ? 'end' : 0);
|
|
166
|
-
if (isForward) {
|
|
167
|
-
return new Range(start, searchEnd);
|
|
168
|
-
}
|
|
169
|
-
else {
|
|
170
|
-
return new Range(searchEnd, start);
|
|
171
|
-
}
|
|
172
|
-
}
|
|
173
|
-
/**
|
|
174
|
-
* Checks if selection is on word boundary.
|
|
175
|
-
*/
|
|
176
|
-
function isAtWordBoundary(data, offset, isForward) {
|
|
177
|
-
// The offset to check depends on direction.
|
|
178
|
-
const offsetToCheck = offset + (isForward ? 0 : -1);
|
|
179
|
-
return wordBoundaryCharacters.includes(data.charAt(offsetToCheck));
|
|
180
|
-
}
|
|
181
|
-
/**
|
|
182
|
-
* Checks if selection is on node boundary.
|
|
183
|
-
*/
|
|
184
|
-
function isAtNodeBoundary(textNode, offset, isForward) {
|
|
185
|
-
return offset === (isForward ? textNode.offsetSize : 0);
|
|
186
|
-
}
|
|
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/model/utils/modifyselection
|
|
7
|
+
*/
|
|
8
|
+
import DocumentSelection from '../documentselection';
|
|
9
|
+
import Position from '../position';
|
|
10
|
+
import Range from '../range';
|
|
11
|
+
import TreeWalker from '../treewalker';
|
|
12
|
+
import { isInsideSurrogatePair, isInsideCombinedSymbol, isInsideEmojiSequence } from '@ckeditor/ckeditor5-utils';
|
|
13
|
+
const wordBoundaryCharacters = ' ,.?!:;"-()';
|
|
14
|
+
/**
|
|
15
|
+
* Modifies the selection. Currently, the supported modifications are:
|
|
16
|
+
*
|
|
17
|
+
* * Extending. The selection focus is moved in the specified `options.direction` with a step specified in `options.unit`.
|
|
18
|
+
* Possible values for `unit` are:
|
|
19
|
+
* * `'character'` (default) - moves selection by one user-perceived character. In most cases this means moving by one
|
|
20
|
+
* character in `String` sense. However, unicode also defines "combing marks". These are special symbols, that combines
|
|
21
|
+
* with a symbol before it ("base character") to create one user-perceived character. For example, `q̣̇` is a normal
|
|
22
|
+
* letter `q` with two "combining marks": upper dot (`Ux0307`) and lower dot (`Ux0323`). For most actions, i.e. extending
|
|
23
|
+
* selection by one position, it is correct to include both "base character" and all of it's "combining marks". That is
|
|
24
|
+
* why `'character'` value is most natural and common method of modifying selection.
|
|
25
|
+
* * `'codePoint'` - moves selection by one unicode code point. In contrary to, `'character'` unit, this will insert
|
|
26
|
+
* selection between "base character" and "combining mark", because "combining marks" have their own unicode code points.
|
|
27
|
+
* However, for technical reasons, unicode code points with values above `UxFFFF` are represented in native `String` by
|
|
28
|
+
* two characters, called "surrogate pairs". Halves of "surrogate pairs" have a meaning only when placed next to each other.
|
|
29
|
+
* For example `𨭎` is represented in `String` by `\uD862\uDF4E`. Both `\uD862` and `\uDF4E` do not have any meaning
|
|
30
|
+
* outside the pair (are rendered as ? when alone). Position between them would be incorrect. In this case, selection
|
|
31
|
+
* extension will include whole "surrogate pair".
|
|
32
|
+
* * `'word'` - moves selection by a whole word.
|
|
33
|
+
*
|
|
34
|
+
* **Note:** if you extend a forward selection in a backward direction you will in fact shrink it.
|
|
35
|
+
*
|
|
36
|
+
* **Note:** Use {@link module:engine/model/model~Model#modifySelection} instead of this function.
|
|
37
|
+
* This function is only exposed to be reusable in algorithms
|
|
38
|
+
* which change the {@link module:engine/model/model~Model#modifySelection}
|
|
39
|
+
* method's behavior.
|
|
40
|
+
*
|
|
41
|
+
* @param model The model in context of which the selection modification should be performed.
|
|
42
|
+
* @param selection The selection to modify.
|
|
43
|
+
* @param options.direction The direction in which the selection should be modified. Default 'forward'.
|
|
44
|
+
* @param options.unit The unit by which selection should be modified. Default 'character'.
|
|
45
|
+
* @param options.treatEmojiAsSingleUnit Whether multi-characer emoji sequences should be handled as single unit.
|
|
46
|
+
*/
|
|
47
|
+
export default function modifySelection(model, selection, options = {}) {
|
|
48
|
+
const schema = model.schema;
|
|
49
|
+
const isForward = options.direction != 'backward';
|
|
50
|
+
const unit = options.unit ? options.unit : 'character';
|
|
51
|
+
const treatEmojiAsSingleUnit = !!options.treatEmojiAsSingleUnit;
|
|
52
|
+
const focus = selection.focus;
|
|
53
|
+
const walker = new TreeWalker({
|
|
54
|
+
boundaries: getSearchRange(focus, isForward),
|
|
55
|
+
singleCharacters: true,
|
|
56
|
+
direction: isForward ? 'forward' : 'backward'
|
|
57
|
+
});
|
|
58
|
+
const data = { walker, schema, isForward, unit, treatEmojiAsSingleUnit };
|
|
59
|
+
let next;
|
|
60
|
+
while ((next = walker.next())) {
|
|
61
|
+
if (next.done) {
|
|
62
|
+
return;
|
|
63
|
+
}
|
|
64
|
+
const position = tryExtendingTo(data, next.value);
|
|
65
|
+
if (position) {
|
|
66
|
+
if (selection instanceof DocumentSelection) {
|
|
67
|
+
model.change(writer => {
|
|
68
|
+
writer.setSelectionFocus(position);
|
|
69
|
+
});
|
|
70
|
+
}
|
|
71
|
+
else {
|
|
72
|
+
selection.setFocus(position);
|
|
73
|
+
}
|
|
74
|
+
return;
|
|
75
|
+
}
|
|
76
|
+
}
|
|
77
|
+
}
|
|
78
|
+
/**
|
|
79
|
+
* Checks whether the selection can be extended to the the walker's next value (next position).
|
|
80
|
+
*/
|
|
81
|
+
function tryExtendingTo(data, value) {
|
|
82
|
+
const { isForward, walker, unit, schema, treatEmojiAsSingleUnit } = data;
|
|
83
|
+
const { type, item, nextPosition } = value;
|
|
84
|
+
// If found text, we can certainly put the focus in it. Let's just find a correct position
|
|
85
|
+
// based on the unit.
|
|
86
|
+
if (type == 'text') {
|
|
87
|
+
if (data.unit === 'word') {
|
|
88
|
+
return getCorrectWordBreakPosition(walker, isForward);
|
|
89
|
+
}
|
|
90
|
+
return getCorrectPosition(walker, unit, treatEmojiAsSingleUnit);
|
|
91
|
+
}
|
|
92
|
+
// Entering an element.
|
|
93
|
+
if (type == (isForward ? 'elementStart' : 'elementEnd')) {
|
|
94
|
+
// If it's a selectable, we can select it now.
|
|
95
|
+
if (schema.isSelectable(item)) {
|
|
96
|
+
return Position._createAt(item, isForward ? 'after' : 'before');
|
|
97
|
+
}
|
|
98
|
+
// If text allowed on this position, extend to this place.
|
|
99
|
+
if (schema.checkChild(nextPosition, '$text')) {
|
|
100
|
+
return nextPosition;
|
|
101
|
+
}
|
|
102
|
+
}
|
|
103
|
+
// Leaving an element.
|
|
104
|
+
else {
|
|
105
|
+
// If leaving a limit element, stop.
|
|
106
|
+
if (schema.isLimit(item)) {
|
|
107
|
+
// NOTE: Fast-forward the walker until the end.
|
|
108
|
+
walker.skip(() => true);
|
|
109
|
+
return;
|
|
110
|
+
}
|
|
111
|
+
// If text allowed on this position, extend to this place.
|
|
112
|
+
if (schema.checkChild(nextPosition, '$text')) {
|
|
113
|
+
return nextPosition;
|
|
114
|
+
}
|
|
115
|
+
}
|
|
116
|
+
}
|
|
117
|
+
/**
|
|
118
|
+
* Finds a correct position by walking in a text node and checking whether selection can be extended to given position
|
|
119
|
+
* or should be extended further.
|
|
120
|
+
*/
|
|
121
|
+
function getCorrectPosition(walker, unit, treatEmojiAsSingleUnit) {
|
|
122
|
+
const textNode = walker.position.textNode;
|
|
123
|
+
if (textNode) {
|
|
124
|
+
const data = textNode.data;
|
|
125
|
+
let offset = walker.position.offset - textNode.startOffset;
|
|
126
|
+
while (isInsideSurrogatePair(data, offset) ||
|
|
127
|
+
(unit == 'character' && isInsideCombinedSymbol(data, offset)) ||
|
|
128
|
+
(treatEmojiAsSingleUnit && isInsideEmojiSequence(data, offset))) {
|
|
129
|
+
walker.next();
|
|
130
|
+
offset = walker.position.offset - textNode.startOffset;
|
|
131
|
+
}
|
|
132
|
+
}
|
|
133
|
+
return walker.position;
|
|
134
|
+
}
|
|
135
|
+
/**
|
|
136
|
+
* Finds a correct position of a word break by walking in a text node and checking whether selection can be extended to given position
|
|
137
|
+
* or should be extended further.
|
|
138
|
+
*/
|
|
139
|
+
function getCorrectWordBreakPosition(walker, isForward) {
|
|
140
|
+
let textNode = walker.position.textNode;
|
|
141
|
+
if (!textNode) {
|
|
142
|
+
textNode = isForward ? walker.position.nodeAfter : walker.position.nodeBefore;
|
|
143
|
+
}
|
|
144
|
+
while (textNode && textNode.is('$text')) {
|
|
145
|
+
const offset = walker.position.offset - textNode.startOffset;
|
|
146
|
+
// Check of adjacent text nodes with different attributes (like BOLD).
|
|
147
|
+
// Example : 'foofoo []bar<$text bold="true">bar</$text> bazbaz'
|
|
148
|
+
// should expand to : 'foofoo [bar<$text bold="true">bar</$text>] bazbaz'.
|
|
149
|
+
if (isAtNodeBoundary(textNode, offset, isForward)) {
|
|
150
|
+
textNode = isForward ? walker.position.nodeAfter : walker.position.nodeBefore;
|
|
151
|
+
}
|
|
152
|
+
// Check if this is a word boundary.
|
|
153
|
+
else if (isAtWordBoundary(textNode.data, offset, isForward)) {
|
|
154
|
+
break;
|
|
155
|
+
}
|
|
156
|
+
// Maybe one more character.
|
|
157
|
+
else {
|
|
158
|
+
walker.next();
|
|
159
|
+
}
|
|
160
|
+
}
|
|
161
|
+
return walker.position;
|
|
162
|
+
}
|
|
163
|
+
function getSearchRange(start, isForward) {
|
|
164
|
+
const root = start.root;
|
|
165
|
+
const searchEnd = Position._createAt(root, isForward ? 'end' : 0);
|
|
166
|
+
if (isForward) {
|
|
167
|
+
return new Range(start, searchEnd);
|
|
168
|
+
}
|
|
169
|
+
else {
|
|
170
|
+
return new Range(searchEnd, start);
|
|
171
|
+
}
|
|
172
|
+
}
|
|
173
|
+
/**
|
|
174
|
+
* Checks if selection is on word boundary.
|
|
175
|
+
*/
|
|
176
|
+
function isAtWordBoundary(data, offset, isForward) {
|
|
177
|
+
// The offset to check depends on direction.
|
|
178
|
+
const offsetToCheck = offset + (isForward ? 0 : -1);
|
|
179
|
+
return wordBoundaryCharacters.includes(data.charAt(offsetToCheck));
|
|
180
|
+
}
|
|
181
|
+
/**
|
|
182
|
+
* Checks if selection is on node boundary.
|
|
183
|
+
*/
|
|
184
|
+
function isAtNodeBoundary(textNode, offset, isForward) {
|
|
185
|
+
return offset === (isForward ? textNode.offsetSize : 0);
|
|
186
|
+
}
|
|
@@ -1,74 +1,74 @@
|
|
|
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
|
-
import Range from '../range';
|
|
6
|
-
import type Model from '../model';
|
|
7
|
-
import type Schema from '../schema';
|
|
8
|
-
/**
|
|
9
|
-
* Injects selection post-fixer to the model.
|
|
10
|
-
*
|
|
11
|
-
* The role of the selection post-fixer is to ensure that the selection is in a correct place
|
|
12
|
-
* after a {@link module:engine/model/model~Model#change `change()`} block was executed.
|
|
13
|
-
*
|
|
14
|
-
* The correct position means that:
|
|
15
|
-
*
|
|
16
|
-
* * All collapsed selection ranges are in a place where the {@link module:engine/model/schema~Schema}
|
|
17
|
-
* allows a `$text`.
|
|
18
|
-
* * None of the selection's non-collapsed ranges crosses a {@link module:engine/model/schema~Schema#isLimit limit element}
|
|
19
|
-
* boundary (a range must be rooted within one limit element).
|
|
20
|
-
* * Only {@link module:engine/model/schema~Schema#isSelectable selectable elements} can be selected from the outside
|
|
21
|
-
* (e.g. `[<paragraph>foo</paragraph>]` is invalid). This rule applies independently to both selection ends, so this
|
|
22
|
-
* selection is correct: `<paragraph>f[oo</paragraph><imageBlock></imageBlock>]`.
|
|
23
|
-
*
|
|
24
|
-
* If the position is not correct, the post-fixer will automatically correct it.
|
|
25
|
-
*
|
|
26
|
-
* ## Fixing a non-collapsed selection
|
|
27
|
-
*
|
|
28
|
-
* See as an example a selection that starts in a P1 element and ends inside the text of a TD element
|
|
29
|
-
* (`[` and `]` are range boundaries and `(l)` denotes an element defined as `isLimit=true`):
|
|
30
|
-
*
|
|
31
|
-
* ```
|
|
32
|
-
* root
|
|
33
|
-
* |- element P1
|
|
34
|
-
* | |- "foo" root
|
|
35
|
-
* |- element TABLE (l) P1 TABLE P2
|
|
36
|
-
* | |- element TR (l) f o[o TR TR b a r
|
|
37
|
-
* | | |- element TD (l) TD TD
|
|
38
|
-
* | | |- "aaa" a]a a b b b
|
|
39
|
-
* | |- element TR (l)
|
|
40
|
-
* | | |- element TD (l) ||
|
|
41
|
-
* | | |- "bbb" ||
|
|
42
|
-
* |- element P2 VV
|
|
43
|
-
* | |- "bar"
|
|
44
|
-
* root
|
|
45
|
-
* P1 TABLE] P2
|
|
46
|
-
* f o[o TR TR b a r
|
|
47
|
-
* TD TD
|
|
48
|
-
* a a a b b b
|
|
49
|
-
* ```
|
|
50
|
-
*
|
|
51
|
-
* In the example above, the TABLE, TR and TD are defined as `isLimit=true` in the schema. The range which is not contained within
|
|
52
|
-
* a single limit element must be expanded to select the outermost limit element. The range end is inside the text node of the TD element.
|
|
53
|
-
* As the TD element is a child of the TR and TABLE elements, where both are defined as `isLimit=true` in the schema, the range must be
|
|
54
|
-
* expanded to select the whole TABLE element.
|
|
55
|
-
*
|
|
56
|
-
* **Note** If the selection contains multiple ranges, the method returns a minimal set of ranges that are not intersecting after expanding
|
|
57
|
-
* them to select `isLimit=true` elements.
|
|
58
|
-
*/
|
|
59
|
-
export declare function injectSelectionPostFixer(model: Model): void;
|
|
60
|
-
/**
|
|
61
|
-
* Tries fixing a range if it's incorrect.
|
|
62
|
-
*
|
|
63
|
-
* **Note:** This helper is used by the selection post-fixer and to fix the `beforeinput` target ranges.
|
|
64
|
-
*
|
|
65
|
-
* @returns Returns fixed range or null if range is valid.
|
|
66
|
-
*/
|
|
67
|
-
export declare function tryFixingRange(range: Range, schema: Schema): Range | null;
|
|
68
|
-
/**
|
|
69
|
-
* Returns a minimal non-intersecting array of ranges without duplicates.
|
|
70
|
-
*
|
|
71
|
-
* @param ranges Ranges to merge.
|
|
72
|
-
* @returns Array of unique and non-intersecting ranges.
|
|
73
|
-
*/
|
|
74
|
-
export declare function mergeIntersectingRanges(ranges: Array<Range>): Array<Range>;
|
|
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
|
+
import Range from '../range';
|
|
6
|
+
import type Model from '../model';
|
|
7
|
+
import type Schema from '../schema';
|
|
8
|
+
/**
|
|
9
|
+
* Injects selection post-fixer to the model.
|
|
10
|
+
*
|
|
11
|
+
* The role of the selection post-fixer is to ensure that the selection is in a correct place
|
|
12
|
+
* after a {@link module:engine/model/model~Model#change `change()`} block was executed.
|
|
13
|
+
*
|
|
14
|
+
* The correct position means that:
|
|
15
|
+
*
|
|
16
|
+
* * All collapsed selection ranges are in a place where the {@link module:engine/model/schema~Schema}
|
|
17
|
+
* allows a `$text`.
|
|
18
|
+
* * None of the selection's non-collapsed ranges crosses a {@link module:engine/model/schema~Schema#isLimit limit element}
|
|
19
|
+
* boundary (a range must be rooted within one limit element).
|
|
20
|
+
* * Only {@link module:engine/model/schema~Schema#isSelectable selectable elements} can be selected from the outside
|
|
21
|
+
* (e.g. `[<paragraph>foo</paragraph>]` is invalid). This rule applies independently to both selection ends, so this
|
|
22
|
+
* selection is correct: `<paragraph>f[oo</paragraph><imageBlock></imageBlock>]`.
|
|
23
|
+
*
|
|
24
|
+
* If the position is not correct, the post-fixer will automatically correct it.
|
|
25
|
+
*
|
|
26
|
+
* ## Fixing a non-collapsed selection
|
|
27
|
+
*
|
|
28
|
+
* See as an example a selection that starts in a P1 element and ends inside the text of a TD element
|
|
29
|
+
* (`[` and `]` are range boundaries and `(l)` denotes an element defined as `isLimit=true`):
|
|
30
|
+
*
|
|
31
|
+
* ```
|
|
32
|
+
* root
|
|
33
|
+
* |- element P1
|
|
34
|
+
* | |- "foo" root
|
|
35
|
+
* |- element TABLE (l) P1 TABLE P2
|
|
36
|
+
* | |- element TR (l) f o[o TR TR b a r
|
|
37
|
+
* | | |- element TD (l) TD TD
|
|
38
|
+
* | | |- "aaa" a]a a b b b
|
|
39
|
+
* | |- element TR (l)
|
|
40
|
+
* | | |- element TD (l) ||
|
|
41
|
+
* | | |- "bbb" ||
|
|
42
|
+
* |- element P2 VV
|
|
43
|
+
* | |- "bar"
|
|
44
|
+
* root
|
|
45
|
+
* P1 TABLE] P2
|
|
46
|
+
* f o[o TR TR b a r
|
|
47
|
+
* TD TD
|
|
48
|
+
* a a a b b b
|
|
49
|
+
* ```
|
|
50
|
+
*
|
|
51
|
+
* In the example above, the TABLE, TR and TD are defined as `isLimit=true` in the schema. The range which is not contained within
|
|
52
|
+
* a single limit element must be expanded to select the outermost limit element. The range end is inside the text node of the TD element.
|
|
53
|
+
* As the TD element is a child of the TR and TABLE elements, where both are defined as `isLimit=true` in the schema, the range must be
|
|
54
|
+
* expanded to select the whole TABLE element.
|
|
55
|
+
*
|
|
56
|
+
* **Note** If the selection contains multiple ranges, the method returns a minimal set of ranges that are not intersecting after expanding
|
|
57
|
+
* them to select `isLimit=true` elements.
|
|
58
|
+
*/
|
|
59
|
+
export declare function injectSelectionPostFixer(model: Model): void;
|
|
60
|
+
/**
|
|
61
|
+
* Tries fixing a range if it's incorrect.
|
|
62
|
+
*
|
|
63
|
+
* **Note:** This helper is used by the selection post-fixer and to fix the `beforeinput` target ranges.
|
|
64
|
+
*
|
|
65
|
+
* @returns Returns fixed range or null if range is valid.
|
|
66
|
+
*/
|
|
67
|
+
export declare function tryFixingRange(range: Range, schema: Schema): Range | null;
|
|
68
|
+
/**
|
|
69
|
+
* Returns a minimal non-intersecting array of ranges without duplicates.
|
|
70
|
+
*
|
|
71
|
+
* @param ranges Ranges to merge.
|
|
72
|
+
* @returns Array of unique and non-intersecting ranges.
|
|
73
|
+
*/
|
|
74
|
+
export declare function mergeIntersectingRanges(ranges: Array<Range>): Array<Range>;
|