From 067766b9dc386991f32513b28ee49feb958ae531 Mon Sep 17 00:00:00 2001
From: Santhosh Thottingal <santhosh.thottingal@gmail.com>
Date: Tue, 2 Jul 2013 16:18:16 +0530
Subject: [PATCH] Contenteditable support - more fixes, working in Firefox

Chrome is failing because of https://bugs.webkit.org/show_bug.cgi?id=15256
---
 .jshintignore       |  2 +-
 .jshintrc           |  1 +
 examples/index.html |  8 +++++++-
 src/jquery.ime.js   | 40 +++++++++++++++++++++++++---------------
 4 files changed, 34 insertions(+), 17 deletions(-)

diff --git a/.jshintignore b/.jshintignore
index eb63b454..0898e41e 100644
--- a/.jshintignore
+++ b/.jshintignore
@@ -1,3 +1,3 @@
-demo/js/bootstrap.min.js
 libs/
+src/rangy/
 Gruntfile.js
diff --git a/.jshintrc b/.jshintrc
index 04fe66a5..65a52ac4 100644
--- a/.jshintrc
+++ b/.jshintrc
@@ -2,6 +2,7 @@
 	"predef": [
 		"jQuery",
 		"QUnit",
+		"rangy",
 		"_"
 	],
 
diff --git a/examples/index.html b/examples/index.html
index 29b2c98c..86f4ecef 100644
--- a/examples/index.html
+++ b/examples/index.html
@@ -32,7 +32,13 @@ <h1>jQuery IME Demo</h1>
 		<div>
 			<textarea></textarea>
 		</div>
-		<div contenteditable=true lang=ml></div>
+		<div contenteditable=true lang=en>
+			This is a sample text in a <u>content editable div.</u><br/>
+			<a href="somelocation">Some link</a><br/>
+			<i>Some text in italics</i><br/>
+			<b>Some text in bold</b><br/>
+			<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
+		</div>
 		<footer>
 			<p>(♥) Copyheart by Santhosh Thottingal</p>
 		</footer>
diff --git a/src/jquery.ime.js b/src/jquery.ime.js
index 34b445a7..f35c0c89 100644
--- a/src/jquery.ime.js
+++ b/src/jquery.ime.js
@@ -383,10 +383,9 @@
 			end = 0,
 			foundStart = false,
 			stop = {},
-			sel = rangy.getSelection(),
-			range;
+			sel = rangy.getSelection();
 
-		function traverseTextNodes( node, range) {
+		function traverseTextNodes( node, range ) {
 			if ( node.nodeType === 3 ) {
 				if ( !foundStart && node === range.startContainer ) {
 					start = charIndex + range.startOffset;
@@ -406,9 +405,9 @@
 
 		if ( sel.rangeCount ) {
 			try {
-				traverseTextNodes( element, sel.getRangeAt(0) );
+				traverseTextNodes( element, sel.getRangeAt( 0 ) );
 			} catch (ex) {
-				if ( ex != stop ) {
+				if ( ex !== stop ) {
 					throw ex;
 				}
 			}
@@ -437,16 +436,24 @@
 			selection,
 			length,
 			newLines,
-			scrollTop;
+			scrollTop,
+			range,
+			textNode;
 
 		if ( $element.attr( 'contenteditable' ) ) {
-			// Replace the text in the selection part with translterated text.
-			// FIXME this is dangerous - destroys the whole html in the div.
-			$element.text( $element.text().substr( 0, start ) + replacement + $element.text().substr( end, $element.text().length ) );
-			// Move the cursor to the end of the replaced text.
+			setDivCaretPosition( element, {
+				start: start,
+				end: end
+			} );
+			selection = rangy.getSelection();
+			range = selection.getRangeAt( 0 );
+			textNode = document.createTextNode( replacement );
+			range.deleteContents();
+			range.insertNode( textNode );
+			range.commonAncestorContainer.normalize();
 			setDivCaretPosition( element, {
 				start: start + replacement.length,
-				end:  start + replacement.length
+				end: start+ replacement.length
 			} );
 			return;
 		}
@@ -492,6 +499,9 @@
 	 */
 	function setDivCaretPosition( element , position ) {
 		var charIndex = 0,
+			i,
+			len,
+			nextCharIndex,
 			range = rangy.createRange(),
 			foundStart = false,
 			stop = {};
@@ -500,7 +510,7 @@
 
 		function traverseTextNodes( node ) {
 			if ( node.nodeType === 3 ) {
-				var nextCharIndex = charIndex + node.length;
+				nextCharIndex = charIndex + node.length;
 				if ( !foundStart && position.start >= charIndex && position.start <= nextCharIndex ) {
 					range.setStart( node, position.start - charIndex );
 					foundStart = true;
@@ -511,7 +521,7 @@
 				}
 				charIndex = nextCharIndex;
 			} else {
-				for ( var i = 0, len = node.childNodes.length; i < len; ++i ) {
+				for ( i = 0, len = node.childNodes.length; i < len; ++i ) {
 					traverseTextNodes( node.childNodes[i] );
 				}
 			}
@@ -520,13 +530,13 @@
 		try {
 			traverseTextNodes( element );
 		} catch ( ex ) {
-			if ( ex == stop ) {
+			if ( ex === stop ) {
 				rangy.getSelection().setSingleRange( range );
 			} else {
 				throw ex;
 			}
 		}
-	};
+	}
 
 	/**
 	 * Find the point at which a and b diverge, i.e. the first position