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
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
|
/**
* selection prototype
*
* Object that capsulates the selection in a textarea. Returned by getSelection.
*/
function selection_class(){
this.start = 0;
this.end = 0;
this.obj = null;
this.rangeCopy = null;
this.getLength = function(){
return this.end - this.start;
};
this.getText = function(){
if(!this.obj) return '';
return this.obj.value.substring(this.start,this.end);
}
}
/**
* Get current selection/cursor position in a given textArea
*
* @link http://groups.drupal.org/node/1210
* @returns object - a selection object
*/
function getSelection(textArea) {
var sel = new selection_class();
sel.obj = textArea;
sel.start = textArea.value.length;
sel.end = textArea.value.length;
textArea.focus();
if(document.getSelection) { // Mozilla et al.
sel.start = textArea.selectionStart;
sel.end = textArea.selectionEnd;
} else if(document.selection) { // MSIE
// The current selection
var range = document.selection.createRange();
sel.rangeCopy = range.duplicate();
// Select all text
sel.rangeCopy.moveToElementText(textArea);
// Now move 'dummy' end point to end point of original range
sel.rangeCopy.setEndPoint( 'EndToEnd', range );
// Now we can calculate start and end points
sel.start = sel.rangeCopy.text.length - range.text.length;
sel.end = sel.start + range.text.length;
}
return sel;
}
/**
* Set the selection
*
* You need to get a selection object via getSelection() first, then modify the
* start and end properties and pass it back to this function.
*
* @link http://groups.drupal.org/node/1210
* @param object selection - a selection object as returned by getSelection()
*/
function setSelection(selection){
if(document.getSelection){ // FF
// what a pleasure in FF ;)
selection.obj.setSelectionRange(selection.start,selection.end);
} else if(document.selection) { // IE
// count number of newlines in str to work around stupid IE selection bug
var countNL = function(str) {
var m = str.split("\n");
if (!m || !m.length) return 0;
return m.length-1;
};
var fix = countNL(selection.obj.value.substring(0,selection.start));
selection.rangeCopy.collapse(true);
selection.rangeCopy.moveStart('character',selection.start - fix);
selection.rangeCopy.moveEnd('character',selection.end - selection.start);
selection.rangeCopy.select();
}
}
/**
* Inserts the given text at the current cursor position or replaces the current
* selection
*
* @author Andreas Gohr <andi@splitbrain.org>
* @param string text - the new text to be pasted
* @param objct selecttion - selection object returned by getSelection
* @param int opts.startofs - number of charcters at the start to skip from new selection
* @param int opts.endofs - number of charcters at the end to skip from new selection
* @param bool opts.ofs - set tru if new text should not be selected
*/
function pasteText(selection,text,opts){
if(!opts) opts = {};
// replace the content
selection.obj.value =
selection.obj.value.substring(0, selection.start) + text +
selection.obj.value.substring(selection.end, selection.obj.value.length);
// set new selection
selection.end = selection.start + text.length;
// modify the new selection if wanted
if(opts.startofs) selection.start += opts.startofs;
if(opts.endofs) selection.end -= opts.endofs;
// no selection wanted? set cursor to end position
if(opts.nosel) selection.start = selection.end;
setSelection(selection);
}
/**
* Format selection
*
* Apply tagOpen/tagClose to selection in textarea, use sampleText instead
* of selection if there is none.
*
* @author Andreas Gohr <andi@splitbrain.org>
*/
function insertTags(textAreaID, tagOpen, tagClose, sampleText){
var txtarea = document.getElementById(textAreaID);
var selection = getSelection(txtarea);
var text = selection.getText();
// don't include trailing space in selection
if(text.charAt(text.length - 1) == ' '){
selection.end--;
text = selection.getText();
}
// nothing selected, use the sample text
if(!text) text = sampleText;
// surround with tags
text = tagOpen + text + tagClose;
// prepare options
var opts = {
startofs: tagOpen.length,
endofs: tagClose.length
};
// do it
pasteText(selection,text,opts);
}
/**
* Wraps around pasteText() for backward compatibility
*
* @author Andreas Gohr <andi@splitbrain.org>
*/
function insertAtCarret(textAreaID, text){
var txtarea = document.getElementById(textAreaID);
var selection = getSelection(txtarea);
pasteText(selection,text,{nosel: true});
}
|
