Widget.Editor/Test.Selection.ContentEditable.htm at gh-pages · raphpell/Widget.Editor · GitHub

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
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
</head>
<body spellcheck="false">


<h2>Elément PRE (contenteditable="true")</h2>
<p></p>
<pre id="eTest" contenteditable="true" style="width:600px; height:400px; overflow:scroll; !important;">
/* 1 - JavaScript syntax */
	var n = nInt1/4 + 4/nInt1 + 10
	var oEditor = new EditorSample ( eContent ,{
		// a single line comment ( a single quote ' )
		aArray : [ true , false , null , undefined , Infinity , NaN ],
		<b>sDoubleQuoteString</b> : "/* a multi line comment */ // a single line comment " ,
		sSingleQuoteString : '/* a multi line comment */ // a single line comment '
		sBracketsTest1_1 : "{[(",
		sBracketsTest1_2 : "}])",
		/*
		a  multi line comment ( a double quote " )
		*/
		})
	RegExp.extend({
		escape :function( s ){
			// Bracket test 2
			var re1 = /(\.|\?|\*|\+|\\|\(|\)|\[|\]|\}|\{|\$|\^|\|)/g
			, re2 = /("|')/gm
			return s.replace( re1 , "\\$1" )
			}
		})
</pre>

<script src="shared.js"></script>

<div id="eSelection" style="position:fixed; right:0; top:1em; background:red;">
	aaaa
</div>

<script type="Text/JavaScript">
alert( 'attach' )
_( 'eTest,eSelection' )
var o
Events.add( eTest, 'mouseup', function(){
	var sText = ''
	if( window.getSelection ){  // all browsers, except IE before version 9
		o = window.getSelection()
		sText = o.toString()
		}
	else if( document.selection.createRange ){ // Internet Explorer
		o = document.selection.createRange()
		sText = o.text
		}

	eSelection.innerHTML = sText
	})
</script>
</body>
</html>