forked from slab/quill
-
Notifications
You must be signed in to change notification settings - Fork 0
/
cursor.js
110 lines (96 loc) · 3.08 KB
/
cursor.js
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
import Parchment from 'parchment';
import Embed from './embed';
import Emitter from '../core/emitter';
class Cursor extends Embed {
static value(domNode) {
return undefined;
}
constructor(domNode, selection) {
super(domNode);
this.selection = selection;
this.textNode = document.createTextNode(Cursor.CONTENTS);
this.domNode.appendChild(this.textNode);
this._length = 0;
this.composing = false;
this.selection.root.addEventListener('compositionstart', () => {
this.composing = true;
});
this.selection.root.addEventListener('compositionend', () => {
this.composing = false;
});
}
detach() {
// super.detach() will also clear domNode.__blot
if (this.parent != null) this.parent.removeChild(this);
}
format(name, value) {
if (this._length !== 0) {
return super.format(name, value);
}
let target = this, index = 0;
this._length = Cursor.CONTENTS.length;
while (target != null && target.statics.scope !== Parchment.Scope.BLOCK_BLOT) {
index += target.offset(target.parent);
target = target.parent;
}
if (target != null) {
target.formatAt(index, Cursor.CONTENTS.length, name, value);
}
this._length = 0;
}
index(node, offset) {
if (node === this.textNode) return 0;
return super.index(node, offset);
}
length() {
return this._length;
}
position(index) {
return [this.textNode, this.textNode.data.length];
}
remove() {
super.remove();
this.parent = null;
}
restore() {
if (this.composing) return;
if (this.parent == null) return;
let textNode = this.textNode;
let range = this.selection.getNativeRange();
// Link format will insert text outside of anchor tag
while (this.domNode.lastChild != null && this.domNode.lastChild !== this.textNode) {
this.domNode.parentNode.insertBefore(this.domNode.lastChild, this.domNode);
}
if (this.textNode.data !== Cursor.CONTENTS) {
let native = this.selection.getNativeRange();
this.textNode.data = this.textNode.data.split(Cursor.CONTENTS).join('');
this.parent.insertBefore(Parchment.create(this.textNode), this);
this.textNode = document.createTextNode(Cursor.CONTENTS);
this.domNode.appendChild(this.textNode);
}
this.remove();
if (range != null && range.start.node === textNode && range.end.node === textNode) {
this.selection.emitter.once(Emitter.events.SCROLL_OPTIMIZE, () => {
let [start, end] = [range.start.offset, range.end.offset].map(function(offset) {
return Math.max(0, Math.min(textNode.data.length, offset - 1));
});
this.selection.setNativeRange(textNode, start, textNode, end);
});
}
}
update(mutations) {
mutations.forEach((mutation) => {
if (mutation.type === 'characterData' && mutation.target === this.textNode) {
this.restore();
}
});
}
value() {
return '';
}
}
Cursor.blotName = 'cursor';
Cursor.className = 'ql-cursor';
Cursor.tagName = 'span';
Cursor.CONTENTS = "\uFEFF"; // Zero width no break space
export default Cursor;