LineUtils.js
3.78 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
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
72
73
74
75
76
77
78
79
80
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
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
/**
* LineUtils.js
*
* Released under LGPL License.
* Copyright (c) 1999-2015 Ephox Corp. All rights reserved
*
* License: http://www.tinymce.com/license
* Contributing: http://www.tinymce.com/contributing
*/
/**
* Utility functions for working with lines.
*
* @private
* @class tinymce.caret.LineUtils
*/
define("tinymce/caret/LineUtils", [
"tinymce/util/Fun",
"tinymce/util/Arr",
"tinymce/dom/NodeType",
"tinymce/dom/Dimensions",
"tinymce/geom/ClientRect",
"tinymce/caret/CaretUtils",
"tinymce/caret/CaretCandidate"
], function(Fun, Arr, NodeType, Dimensions, ClientRect, CaretUtils, CaretCandidate) {
var isContentEditableFalse = NodeType.isContentEditableFalse,
findNode = CaretUtils.findNode,
curry = Fun.curry;
function distanceToRectLeft(clientRect, clientX) {
return Math.abs(clientRect.left - clientX);
}
function distanceToRectRight(clientRect, clientX) {
return Math.abs(clientRect.right - clientX);
}
function findClosestClientRect(clientRects, clientX) {
function isInside(clientX, clientRect) {
return clientX >= clientRect.left && clientX <= clientRect.right;
}
return Arr.reduce(clientRects, function(oldClientRect, clientRect) {
var oldDistance, newDistance;
oldDistance = Math.min(distanceToRectLeft(oldClientRect, clientX), distanceToRectRight(oldClientRect, clientX));
newDistance = Math.min(distanceToRectLeft(clientRect, clientX), distanceToRectRight(clientRect, clientX));
if (isInside(clientX, clientRect)) {
return clientRect;
}
if (isInside(clientX, oldClientRect)) {
return oldClientRect;
}
// cE=false has higher priority
if (newDistance == oldDistance && isContentEditableFalse(clientRect.node)) {
return clientRect;
}
if (newDistance < oldDistance) {
return clientRect;
}
return oldClientRect;
});
}
function walkUntil(direction, rootNode, predicateFn, node) {
while ((node = findNode(node, direction, CaretCandidate.isEditableCaretCandidate, rootNode))) {
if (predicateFn(node)) {
return;
}
}
}
function findLineNodeRects(rootNode, targetNodeRect) {
var clientRects = [];
function collect(checkPosFn, node) {
var lineRects;
lineRects = Arr.filter(Dimensions.getClientRects(node), function(clientRect) {
return !checkPosFn(clientRect, targetNodeRect);
});
clientRects = clientRects.concat(lineRects);
return lineRects.length === 0;
}
clientRects.push(targetNodeRect);
walkUntil(-1, rootNode, curry(collect, ClientRect.isAbove), targetNodeRect.node);
walkUntil(1, rootNode, curry(collect, ClientRect.isBelow), targetNodeRect.node);
return clientRects;
}
function getContentEditableFalseChildren(rootNode) {
return Arr.filter(Arr.toArray(rootNode.getElementsByTagName('*')), isContentEditableFalse);
}
function caretInfo(clientRect, clientX) {
return {
node: clientRect.node,
before: distanceToRectLeft(clientRect, clientX) < distanceToRectRight(clientRect, clientX)
};
}
function closestCaret(rootNode, clientX, clientY) {
var contentEditableFalseNodeRects, closestNodeRect;
contentEditableFalseNodeRects = Dimensions.getClientRects(getContentEditableFalseChildren(rootNode));
contentEditableFalseNodeRects = Arr.filter(contentEditableFalseNodeRects, function(clientRect) {
return clientY >= clientRect.top && clientY <= clientRect.bottom;
});
closestNodeRect = findClosestClientRect(contentEditableFalseNodeRects, clientX);
if (closestNodeRect) {
closestNodeRect = findClosestClientRect(findLineNodeRects(rootNode, closestNodeRect), clientX);
if (closestNodeRect && isContentEditableFalse(closestNodeRect.node)) {
return caretInfo(closestNodeRect, clientX);
}
}
return null;
}
return {
findClosestClientRect: findClosestClientRect,
findLineNodeRects: findLineNodeRects,
closestCaret: closestCaret
};
});