commit 72141fd67003dbd62e94a507169d88e9f13bf1da Author: Neil Jenkins Date: Sat Oct 29 14:15:21 2011 +1100 Initial commit for public release. diff --git a/Demo.html b/Demo.html new file mode 100644 index 0000000..ca1f350 --- /dev/null +++ b/Demo.html @@ -0,0 +1,74 @@ + + + + + HTML Editor Test + + + + +

HTML Editor Test

This is a really simple demo, with the most trivial of UI integrations

+ Bold + Unbold + Italic + + Unitalic + Underline + Deunderline + + Font size + Font face +

+ Quote + Dequote + + List + Unlist + + Insert image + + Undo + Redo +

+ + + diff --git a/License.txt b/License.txt new file mode 100644 index 0000000..c5f4f6b --- /dev/null +++ b/License.txt @@ -0,0 +1,19 @@ +Copyright © 2011 by Neil Jenkins + +Permission is hereby granted, free of charge, to any person obtaining a copy +of this software and associated documentation files (the "Software"), to +deal in the Software without restriction, including without limitation the +rights to use, copy, modify, merge, publish, distribute, sublicense, and/or +sell copies of the Software, and to permit persons to whom the Software is +furnished to do so, subject to the following conditions: + +The above copyright notice and this permission notice shall be included in +all copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR +IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, +FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE +AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER +LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING +FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS +IN THE SOFTWARE. \ No newline at end of file diff --git a/Makefile b/Makefile new file mode 100644 index 0000000..5bb70d8 --- /dev/null +++ b/Makefile @@ -0,0 +1,14 @@ +.PHONY: build clean + +clean: + rm -rf build + +build: build/squire.js build/document.html + +build/squire.js: source/Node.js source/Range.js source/Editor.js + mkdir -p $(@D) + cat $^ | uglifyjs > $@ + +build/document.html: source/document.html + mkdir -p $(@D) + cp $^ $@ \ No newline at end of file diff --git a/Readme.md b/Readme.md new file mode 100644 index 0000000..ce4761e --- /dev/null +++ b/Readme.md @@ -0,0 +1,306 @@ +Squire +====== + +Squire is an HTML5 rich text editor, which provides powerful cross-browser normalisation, whilst being supremely lightweight and flexible. It is built for the present and the future, and as such does not support ancient browsers. I'd guess it should work fine back to around Opera 10, Firefox 3.5, Safari 4, Chrome 9 and IE9, but I only test in the latest version of each of these browsers. Adding IE8 support should be possible by patching IE8 to support the W3C Range and TreeWalker APIs; patches are welcome. I am not interested in support for IE7 or below. + +Unlike other HTML5 rich text editors, squire was written as a component for writing documents (emails, essays, etc.), not doing wysiwyg websites. If you are looking for support for inserting form controls or flash components or the like, you'll need to look elsewhere. However for many purposes, Squire may be just what you need, providing the power without the bloat. The key features are: + +### Lightweight ### + +* Only 7KB of JS after minification and gzip (25KB before gzip). +* Does not include its own XHR wrapper, widget library or lightbox overlays. +* No dependencies. +* No UI for a toolbar is supplied, allowing you to integrate seamlessly with the + rest of your application and lose the bloat of having two UI toolkits loaded. + Instead, you get a component you can drop in in place of a `

` and
+  manipulate programatically.
+
+### Powerful ###
+
+Squire provides an engine that handles the heavy work for you, making it easy to 
+add extra features. With the `changeFormat` method you can easily add or remove any inline formatting you wish. And the `modifyBlocks` method can be used to make complicated block-level changes in a relatively easy manner.
+
+If you need more commands than in the simple API, I suggest you check out the source code (it's not very long), and see how a lot of the other API methods are implemented in terms of these two methods.
+
+The general philosophy of Squire is to allow the browser to do as much as it can (which unfortunately is not very much), but take control anywhere it deviates from what is required, or there are significant cross-browser differences. As such, the `document.execCommand` method is not used at all; instead all formatting is done via custom functions, and certain keys, such as 'enter' and 'backspace' are handled by the editor.
+
+Installation and usage
+----------------------
+
+1. Copy the contents of the `build/` directory onto your server.
+2. Edit the `<style>` block in document.html to add the default styles you would
+   like the editor to use (or link to an external stylesheet).
+3. In your application, instead of a `<textarea>`, use an
+   `<iframe src="path/to/document.html">`.
+4. In your JS, attach an event listener to the `load` event of the iframe. When
+   this fires you can grab a reference to the editor object through
+   `iframe.contentWindow.editor`.
+5. Use the API below with the `editor` object to set and get data and integrate 
+   with your application or framework.
+
+License
+-------
+
+Squire is released under the MIT license. See License.txt for full license.
+
+API
+---
+
+### addEventListener ###
+
+Attach an event listener to the editor. The handler can be either a function or an object with a `handleEvent` method. This function or method will be called whenever the event fires, with an event object as the sole argument. The following events may be observed:
+
+* **focus**: The editor gained focus.
+* **blur**: The editor lost focus
+* **keydown**: Standard DOM keydown event.
+* **keypress**: Standard DOM keypress event.
+* **keyup**: Standard DOM keyup event.
+* **input**: The user inserted, deleted or changed the style of some text; in other words, the result for `editor.getHTML()` will have changed.
+* **pathChange**: The path (see getPath documentation) to the cursor has changed. The new path is available as the `data` property on the event object.
+* **select**: The user selected some text
+* **undoStateChange**: The availability of undo and/or redo has changed. The event object has two boolean properties, `canUndo` and `canRedo` to let you know the new state.
+
+#### Parameters ####
+
+* **type**: The event to listen for. e.g. 'focus'.
+* **handler**: The callback function to invoke 
+
+#### Returns ####
+
+Returns self.
+
+### removeEventListener ###
+
+Remove an event listener attached via the addEventListener method.
+
+#### Parameters ####
+
+* **type**: The event type the handler was registered for.
+* **handler**: The handler to remove.
+
+#### Returns ####
+
+Returns self.
+
+### focus ###
+
+Focuses the editor.
+
+#### Returns ####
+
+Returns self.
+
+### blur ###
+
+Removes focus from the editor
+
+#### Returns ####
+
+Returns self.
+
+### getDocument ###
+
+Returns the `document` object of the editable area. May be useful to do transformations outside the realm of the API.
+
+### getHTML ###
+
+Returns the HTML value of the editor in its current state. This value is equivalent to the contents of the `<body>` tag and does not include any surrounding boilerplate.
+
+### setHTML ###
+
+Sets the HTML value for the editor. The value supplied should not contain `<body>` tags or anything outside of that.
+
+#### Parameters ####
+
+* **html**: The html to set.
+
+#### Returns ####
+
+Returns self.
+    
+#### insertImage ####
+
+Inserts an image at the current cursor location.
+
+#### Parameters ####
+
+* **src**: The source path for the image.
+
+#### Returns ####
+
+Returns a reference to the newly inserted image element.
+
+### getPath ###
+
+Returns the path through the DOM tree from the `<body>` element to the current current cursor position. This is a string consisting of the tag, id and class names in CSS format. For example `BODY>BLOCKQUOTE>DIV#id>STRONG>SPAN.font>EM`. If a selection has been made, so different parts of the selection may have different paths, the value will be `(selection)`. The path is useful for efficiently determining the current formatting for bold, italic, underline etc, and thus determining button state. If a selection has been made, you can has the `hasFormat` method instead to get the current state for the properties you care about.
+
+### getSelection ###
+
+Returns a W3C Range object representing the current selection/cursor position.
+
+### setSelection ###
+
+Changes the current selection/cursor position.
+
+#### Parameters ####
+
+* **range**: The W3C Range object representing the desired selection.
+
+#### Returns ####
+
+Returns self.
+
+### undo ###
+
+Undoes the most recent change.
+
+#### Returns ####
+
+Returns self.
+
+### redo ###
+
+If the user has just undone a change, this will reapply that change.
+
+#### Returns ####
+
+Returns self.
+
+### hasFormat ###
+
+Queries the editor for whether a particular format is applied anywhere in the current selection.
+
+#### Parameters ####
+
+* **tag**: The tag of the format
+* **attributes**: (optional) Any attributes the format.
+
+#### Returns ####
+
+Returns `true` if any of the selection is contained within an element with the specified tag and attributes, otherwise returns `false`.
+
+### bold ###
+
+Makes any non-bold currently selected text bold (by wrapping it in a `<strong>` tag).
+    
+Returns self.
+
+### italic ###
+
+Makes any non-italic currently selected text italic (by wrapping it in an `<em>` tag).
+    
+Returns self.
+
+### underline ###
+
+Makes any non-underlined currently selected text underlined (by wrapping it in a `<u>` tag).
+    
+Returns self.
+
+### removeBold ###
+
+Removes any bold formatting from the selected text.
+    
+Returns self.
+
+### removeItalic ###
+
+Removes any italic formatting from the selected text.
+    
+Returns self.
+
+### removeUnderline ###
+
+Removes any underline formatting from the selected text.
+    
+Returns self.
+
+### makeLink ###
+
+Makes the currently selected text a link.
+
+#### Parameters ####
+
+* **url**: The url to link to.
+
+#### Returns ####
+
+Returns self.
+
+### setFontFace ###
+
+Sets the font face for the selected text.
+
+#### Parameters ####
+
+* **font**: A comma-separated list of fonts (in order of preference) to set.
+
+#### Returns ####
+
+Returns self.
+
+### setFontSize ###
+
+Sets the font size for the selected text.
+
+#### Parameters ####
+
+* **size**: A size to set. Any CSS size value is accepted, e.g. '13px', or 'small'.
+
+#### Returns ####
+
+Returns self.
+
+### setTextAlignment ###
+
+Sets the text alignment in all blocks at least partially contained by the selection.
+
+#### Parameters ####
+
+* **alignment**: The direction to align to. Can be 'left', 'right', 'center' or 'justify'.
+
+#### Returns ####
+
+Returns self.
+
+### modifyBlocks ###
+
+Extracts a portion of the DOM tree (up to the block boundaries of the current selection), modifies it and then reinserts it and merges the edges. See the code for examples if you're interested in using this function.
+
+#### Parameters ####
+
+* **modify** The function to apply to the extracted DOM tree; gets a document fragment as a sole argument. Should return the node or fragment to be reinserted in the DOM.
+
+#### Returns ####
+
+Returns self.
+
+### incQuoteLevel ###
+
+Increases by 1 the quote level (number of `<blockquote>` tags wrapping) all blocks at least partially selected.
+    
+Returns self.
+
+### decQuoteLevel ###
+
+Decreases by 1 the quote level (number of `<blockquote>` tags wrapping) all blocks at least partially selected.
+
+Returns self.
+    
+### makeUnorderedList ###
+
+Changes all at-least-partially selected blocks to be part of an unordered list.
+
+Returns self.
+
+### makeOrderedList ###
+
+Changes all at-least-partially selected blocks to be part of an ordered list.
+
+Returns self.
+
+### removeList ###
+
+Changes any at-least-partially selected blocks which are part of a list to no longer be part of a list.
+
+Returns self.
\ No newline at end of file
diff --git a/build/document.html b/build/document.html
new file mode 100644
index 0000000..52398d1
--- /dev/null
+++ b/build/document.html
@@ -0,0 +1,57 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <title></title>
+  <style type="text/css">
+    html {
+      height: 100%;
+    }
+    body {
+      -moz-box-sizing: border-box;
+      -webkit-box-sizing: border-box;
+      -ms-box-sizing: border-box;
+      box-sizing: border-box;
+      height: 100%;
+	    padding: 1em;
+      background: transparent;
+      color: #2b2b2b;
+      font: 13px/1.35 Helvetica, arial, sans-serif;
+      cursor: text;
+    }
+    a {
+      text-decoration: underline;
+    }
+    h1 {
+      font-size: 138.5%;
+    }
+    h2 {
+      font-size: 123.1%;
+    }
+    h3 {
+      font-size: 108%;
+    }
+    h1,h2,h3,p {
+      margin: 1em 0;
+    }
+    h4,h5,h6 {
+      margin: 0;
+    }    
+    ul, ol {
+      margin: 0 1em;
+      padding: 0 1em;
+    }
+    
+    blockquote {
+      border-left: 2px solid blue;
+      margin: 0;
+      padding: 0 10px;
+    }
+  </style>
+  
+  <script type="text/javascript" src="squire.js"></script>
+</head>
+<body></body>
+</html>
\ No newline at end of file
diff --git a/build/squire.js b/build/squire.js
new file mode 100644
index 0000000..42f05bb
--- /dev/null
+++ b/build/squire.js
@@ -0,0 +1 @@
+/* Copyright © 2011 by Neil Jenkins. Licensed under the MIT license. */(function(){"use strict";var a=function(a,b){var c=a.prototype,d;for(d in b)c[d]=b[d]},b=function(a,b){var c=a.length;while(c--)if(!b(a[c]))return!1;return!0},c=function(){return!1},d=function(){return!0},e=/^(?:A(?:BBR|CRONYM)?|B(?:R|D[IO])?|C(?:ITE|ODE)|D(?:FN|EL)|EM|HR|I(?:NPUT|MG|NS)?|KBD|Q|R(?:P|T|UBY)|S(?:U[BP]|PAN|TRONG|AMP)|U)$/,f=function(a,b){var c=b.parentNode;return c&&c.replaceChild(a,b),a},g=1,h=3,i=1,j=1,k=3,l=function(a,b){var c;for(;;){c=a.firstChild;while(!c&&a)c=a.nextSibling,c||(a=a.parentNode);if(c.nodeName==="BODY")return null;if(b(c))return c;a=c}},m=function(a,b){var c;for(;;){c=a.previousSibling;if(c)while(a=c.lastChild)c=a;else c=a.parentNode;if(c.nodeName==="BODY")return null;if(b(c))return c;a=c}},n=function(a){return a.isBlock()},o=!!window.opera||!!window.ie;a(Node,{isInline:c,isBlock:c,isContainer:c,getPath:function(){var a=this.parentNode;return a?a.getPath():""},detach:function(){var a=this.parentNode;return a&&a.removeChild(this),this},replaceWith:function(a){return f(a,this),this},replaces:function(a){return f(this,a),this},nearest:function(a,b){var c=this.parentNode;return c?c.nearest(a,b):null},getPreviousBlock:function(){return m(this,n)},getNextBlock:function(){return l(this,n)},split:function(a,b){return a},mergeContainers:function(){}}),a(Text,{isInline:d,getLength:function(){return this.length},isLike:function(a){return a.nodeType===h},split:function(a,b){var c=this;return b(c)?a:c.parentNode.split(c.splitText(a),b)}}),a(Element,{isInline:function(){return e.test(this.nodeName)},isBlock:function(){return!this.isInline()&&b(this.childNodes,function(a){return a.isInline()})},isContainer:function(){return!this.isInline()&&!this.isBlock()},getLength:function(){return this.childNodes.length},getPath:function(){var a=this.nodeName;if(a==="BODY")return a;var b=this.parentNode.getPath(),c=this.id,d=this.className.trim();return b+=">"+a,c&&(b+="#"+c),d&&(d=d.split(/\s\s*/),d.sort(),b+=".",b+=d.join(".")),b},wraps:function(a){return f(this,a).appendChild(a),this},empty:function(){var a=this.ownerDocument.createDocumentFragment(),b=this.childNodes.length;while(b--)a.appendChild(this.firstChild);return a},is:function(a,b){if(this.nodeName!==a)return!1;var c;for(c in b)if(this.getAttribute(c)!==b[c])return!1;return!0},nearest:function(a,b){var c=this;do if(c.is(a,b))return c;while((c=c.parentNode)&&c.nodeType===g);return null},isLike:function(a){return a.nodeType===g&&a.nodeName===this.nodeName&&a.className===this.className&&a.style.cssText===this.style.cssText},mergeInlines:function(a){var b=this.childNodes,c=b.length,d=[],e,f,i;while(c--){e=b[c],f=c&&b[c-1];if(c&&e.isInline()&&e.isLike(f))a.startContainer===e&&(a.startContainer=f,a.startOffset+=f.getLength()),a.endContainer===e&&(a.endContainer=f,a.endOffset+=f.getLength()),a.startContainer===this&&(a.startOffset>c?a.startOffset-=1:a.startOffset===c&&(a.startContainer=f,a.startOffset=f.getLength())),a.endContainer===this&&(a.endOffset>c?a.endOffset-=1:a.endOffset===c&&(a.endContainer=f,a.endOffset=f.getLength())),e.detach(),e.nodeType===h?f.appendData(e.data):d.push(e.empty());else if(e.nodeType===g){i=d.length;while(i--)e.appendChild(d.pop());e.mergeInlines(a)}}},mergeWithBlock:function(a,b){var c=this,d=a,e,f,g;while(d.parentNode.childNodes.length===1)d=d.parentNode;d.detach(),f=c.childNodes.length,e=c.lastChild,e&&e.nodeName==="BR"&&(c.removeChild(e),f-=1),g={startContainer:c,startOffset:f,endContainer:c,endOffset:f},c.appendChild(a.empty()),c.mergeInlines(g),b.setStart(g.startContainer,g.startOffset),b.collapse(!0),window.opera&&(e=c.lastChild)&&e.nodeName==="BR"&&c.removeChild(e)},mergeContainers:function(){var a=this.previousSibling,b=this.firstChild;a&&a.isLike(this)&&a.isContainer()&&(a.appendChild(this.detach().empty()),b&&b.mergeContainers())},split:function(a,b){var c=this;typeof a=="number"&&(a=c.childNodes[a]);if(b(c))return a;var d=c.parentNode,e=c.cloneNode(!1),f;while(a)f=a.nextSibling,e.appendChild(a),a=f;return c.fixCursor(),e.fixCursor(),(f=c.nextSibling)?d.insertBefore(e,f):d.appendChild(e),d.split(e,b)},fixCursor:function(){var a=this,b=a.ownerDocument,c,d;a.nodeName==="BODY"&&(a.firstChild||(c=b.createElement("DIV"),a.appendChild(c),a=c,c=null));if(a.isInline())a.firstChild||(c=b.createTextNode(""));else if(o)while(a.nodeType!==h){d=a.firstChild;if(!d){c=b.createTextNode("");break}a=d}else if(!a.textContent&&!a.querySelector("BR")){c=b.createElement("BR");while((d=a.lastElementChild)&&!d.isInline())a=d}return c&&a.appendChild(c),this}});if(function(){var a=document.createElement("div"),b=document.createTextNode("12");return a.appendChild(b),b.splitText(2),a.childNodes.length!==2}())Text.prototype.splitText=function(a){var b=this.ownerDocument.createTextNode(this.data.slice(a)),c=this.nextSibling,d=this.parentNode,e=this.length-a;return c?d.insertBefore(b,c):d.appendChild(b),e&&this.deleteData(a,e),b}})(),function(){"use strict";var a=function(a,b){var c=a.prototype,d;for(d in b)c[d]=b[d]},b=Array.prototype.indexOf,c=1,d=3,e=0,f=1,g=2,h=3;a(Range,{_insertNode:function(a){var c=this.startContainer,e=this.startOffset,f=this.endContainer,g=this.endOffset,h,i,j,k;return c.nodeType===d?(h=c.parentNode,i=h.childNodes,e&&(k=c.splitText(e),f===c?(g-=e,f=k):f===h&&(g+=1),c=k),e=b.call(i,c),c=h):i=c.childNodes,j=i.length,e===j?c.appendChild(a):c.insertBefore(a,i[e]),c===f&&(g+=i.length-j),this.setStart(c,e),this.setEnd(f,g),this},_extractContents:function(a){var c=this.startContainer,e=this.startOffset,f=this.endContainer,g=this.endOffset;a||(a=this.commonAncestorContainer),a.nodeType===d&&(a=a.parentNode);var h=function(b){return b===a},i=f.split(g,h)||null,j=c.split(e,h),k=a.ownerDocument.createDocumentFragment(),l;while(j!==i)l=j.nextSibling,k.appendChild(j),j=l;return this.setStart(a,i?b.call(a.childNodes,i):a.childNodes.length),this.collapse(!0),a.fixCursor(),k},_deleteContents:function(){this.moveBoundariesUpTree(),this._extractContents(),this.moveBoundariesDownTree();var a=this.getStartBlock(),b=this.getEndBlock();a!==b&&a.mergeWithBlock(b,this);var c=a.ownerDocument,d=c.body,e=d.firstChild;if(!e||e.nodeName==="BR")a=c.createElement("DIV").fixCursor(),e?d.replaceChild(a,e):d.appendChild(a),this.selectNodeContents(a);return this},insertTreeFragment:function(a){var b=!0,d=a.childNodes,e=d.length;while(e--)if(!d[e].isInline()){b=!1;break}this.collapsed||this._deleteContents(),this.moveBoundariesDownTree();if(b)this._insertNode(a),this.collapse(!1);else{var f=this.startContainer.split(this.startOffset,function(a){return a.nodeName==="BODY"}),g=f.previousSibling,h=g,i=h.childNodes.length,j=f,k=0,l=f.parentNode,m;while((m=h.lastChild)&&m.nodeType===c&&m.nodeName!=="BR")h=m,i=h.childNodes.length;while((m=j.firstChild)&&m.nodeType===c&&m.nodeName!=="BR")j=m;while((m=a.firstChild)&&m.isInline())h.appendChild(m);while((m=a.lastChild)&&m.isInline())j.insertBefore(m,j.firstChild),k+=1;l.insertBefore(a,f),f.mergeContainers(),g.nextSibling.mergeContainers(),this.setStart(h,i),this.setEnd(j,k)}},containsNode:function(a,b){var c=this,d=a.ownerDocument.createRange();d.selectNodeContents(a);if(b){var i=c.compareBoundaryPoints(h,d)===1,j=c.compareBoundaryPoints(f,d)===-1;return!i&&!j}var k=c.compareBoundaryPoints(e,d)===-1,l=c.compareBoundaryPoints(g,d)===1;return k&&l},moveBoundariesDownTree:function(){var a=this.startContainer,b=this.startOffset,c=this.endContainer,e=this.endOffset,f;while(a.nodeType!==d){f=a.childNodes[b];if(!f||f.nodeName==="BR")break;a=f,b=0}if(e)while(c.nodeType!==d){f=c.childNodes[e-1];if(!f||f.nodeName==="BR")break;c=f,e=c.getLength()}else while(c.nodeType!==d){f=c.firstChild;if(!f||f.nodeName==="BR")break;c=f}return this.collapsed?(this.setStart(c,e),this.setEnd(a,b)):(this.setStart(a,b),this.setEnd(c,e)),this},moveBoundariesUpTree:function(a){var c=this.startContainer,d=this.startOffset,e=this.endContainer,f=this.endOffset,g;a||(a=this.commonAncestorContainer);while(c!==a&&!d)g=c.parentNode,d=b.call(g.childNodes,c),c=g;while(e!==a&&f===e.getLength())g=e.parentNode,f=b.call(g.childNodes,e)+1,e=g;return this.setStart(c,d),this.setEnd(e,f),this},getStartBlock:function(){var a=this.startContainer,b=this.startOffset,d=a.childNodes;return a.nodeType===c&&b<d.length&&(a=d[b]),a.isBlock()||(a=a.getPreviousBlock()||this.startContainer.ownerDocument.body.getNextBlock()),a},getEndBlock:function(){var a=this.endContainer,b=this.endOffset,d=a.childNodes;return a.nodeType===c&&b&&b<=d.length&&(a=d[b-1]),a.isBlock()||(a=a.getPreviousBlock()||this.startContainer.ownerDocument.body.getNextBlock()),a},startsAtBlockBoundary:function(){var a=this.startContainer,c=this.startOffset,d,e;while(a.isInline()){if(c)return!1;d=a.parentNode,c=b.call(d.childNodes,a),a=d}while(c&&(e=a.childNodes[c-1])&&(e.data===""||e.nodeName==="BR"))c-=1;return!c},endsAtBlockBoundary:function(){var a=this.endContainer,c=this.endOffset,d=a.getLength(),e,f;while(a.isInline()){if(c!==d)return!1;e=a.parentNode,c=b.call(e.childNodes,a)+1,a=e,d=a.childNodes.length}while(c<d&&(f=a.childNodes[c])&&(f.data===""||f.nodeName==="BR"))c+=1;return c===d},expandToBlockBoundaries:function(){var a=this.getStartBlock(),c=this.getEndBlock(),d=a.parentNode;return this.setStart(d,b.call(d.childNodes,a)),d=c.parentNode,this.setEnd(d,b.call(d.childNodes,c)+1),this}})}(),document.addEventListener("DOMContentLoaded",function(){"use strict";var a=2,b=1,c=3,d=4,e=1,f=1,g=3,h=document,i=h.defaultView,j=h.body,k=!!i.opera,l=function(a,b,c){var d=h.createElement(a),e,f,g;b instanceof Array&&(c=b,b=null);if(b)for(e in b)d.setAttribute(e,b[e]);if(c)for(f=0,g=c.length;f<g;f+=1)d.appendChild(c[f]);return d},m={},n=function(a,b){var c=m[a]||(m[a]=[]);c.push(b)},o=function(a,b){var c=m[a],d;if(c){d=c.length;while(d--)c[d]===b&&c.splice(d,1)}},p=function(a,b){var c=m[a],d,e;if(c){typeof b!="object"&&(b={data:b}),b.type!==a&&(b.type=a),d=c.length;while(d--)e=c[d],e.handleEvent?e.handleEvent(b):e(b)}},q=function(a){p(a.type,a)},r=function(a,b,c,d){if(a instanceof Range)return a.cloneRange();var e=h.createRange();return e.setStart(a,b),c?e.setEnd(c,d):e.setEnd(a,b),e},s=i.getSelection(),t=null,u=function(){return s.rangeCount&&(t=s.getRangeAt(0).cloneRange()),t};i.ie&&i.addEventListener("beforedeactivate",u,!0);var v,w,x="",y=function(){var a=s.anchorNode,b=s.focusNode,c;if(a!==v||b!==w)v=a,w=b,c=a&&b?a===b?b.getPath():"(selection)":"",x!==c&&(x=c,p("pathChange",c)),a!==b&&p("select")};j.addEventListener("keyup",y,!1),j.addEventListener("mouseup",y,!1);var z=function(a){a&&(s.removeAllRanges(),s.addRange(a)),y()},A=function(){i.focus()},B=function(){i.blur()};i.addEventListener("focus",q,!1),i.addEventListener("blur",q,!1);var C=function(){return j.innerHTML},D=function(a){j.innerHTML=a,j.fixCursor()},E=function(a,b){b||(b=u()),b.collapse(!0),b._insertNode(a),b.setStartAfter(a),z(b)},F="ss-"+Date.now()+"-"+Math.random(),G="es-"+Date.now()+"-"+Math.random(),H=function(b){var c=l("INPUT",{id:F,type:"hidden"}),d=l("INPUT",{id:G,type:"hidden"}),e;b._insertNode(c),b.collapse(!1),b._insertNode(d),c.compareDocumentPosition(d)&a&&(c.id=G,d.id=F,e=c,c=d,d=e),c.nextSibling===d&&d.parentNode.insertBefore(h.createTextNode(""),d),b.setStartAfter(c),b.setEndBefore(d)},I=Array.prototype.indexOf,J=function(a){var b=h.getElementById(F),c=h.getElementById(G);if(b&&c){var d=b.parentNode,e=c.parentNode,f={startContainer:d,endContainer:e,startOffset:I.call(d.childNodes,b),endOffset:I.call(e.childNodes,c)};d===e&&(f.endOffset-=1),b.detach(),c.detach(),d.mergeInlines(f),d!==e&&e.mergeInlines(f),a||(a=h.createRange()),a.setStart(f.startContainer,f.startOffset),a.setEnd(f.endContainer,f.endOffset)}return a},K,L,M,N,O=function(){N&&(N=!1,p("undoStateChange",{canUndo:!0,canRedo:!1})),p("input")};j.addEventListener("DOMCharacterDataModified",O,!1);var P=function(a){N||(K+=1,K<M&&(L.length=M=K),a&&H(a),L[K]=C(),M+=1,N=!0)},Q=function(){if(K!==0||!N){P(u()),K-=1,D(L[K]);var a=J();a&&z(a),N=!0,p("undoStateChange",{canUndo:K!==0,canRedo:!0}),p("input")}},R=function(){if(K+1<M&&N){K+=1,D(L[K]);var a=J();a&&z(a),p("undoStateChange",{canUndo:!0,canRedo:K+1<M}),p("input")}},S=function(a,c,d){a=a.toUpperCase(),c||(c={});if(!d&&!(d=u()))return!1;var e=d.commonAncestorContainer;if(e.nearest(a,c))return!0;if(e.nodeType===b){var f=e.getElementsByTagName(a),g=f.length,h;while(g--){h=f[g];if(d.containsNode(h,!0)&&h.is(a,c))return!0}}return!1},T=function(a,b,e){if(e.collapsed){var i=l(a,b).fixCursor();e._insertNode(i),e.selectNodeContents(i)}else{var j=h.createTreeWalker(e.commonAncestorContainer,d,function(a){return e.containsNode(a,!0)?f:g},!1),k,m,n=0,o=0,p=j.currentNode=e.startContainer,q;p.nodeType!==c&&(p=j.nextNode());do q=!p.nearest(a,b),p===e.endContainer&&(q&&p.length>e.endOffset?p.splitText(e.endOffset):o=e.endOffset),p===e.startContainer&&(q&&e.startOffset?p=p.splitText(e.startOffset):n=e.startOffset),q&&(l(a,b).wraps(p),o=p.length),m=p,k||(k=m);while(p=j.nextNode());e=r(k,n,m,o)}return e},U=function(a,b,d){H(d);var e=d.commonAncestorContainer;while(e.isInline())e=e.parentNode;var f=d.startContainer,g=d.startOffset,h=d.endContainer,i=d.endOffset,j=[],k=function n(a,b){if(d.containsNode(a,!1))return;var e=a.nodeType===c,k,l;if(!d.containsNode(a,!0)){e&&!a.length?a.detach():a.nodeName!=="INPUT"&&j.push([b,a]);return}if(e)a===h&&i!==a.length&&j.push([b,a.splitText(i)]),a===f&&g&&(a.splitText(g),j.push([b,a]));else for(k=a.firstChild;k;k=l)l=k.nextSibling,n(k,b)},l=Array.prototype.filter.call(e.getElementsByTagName(a),function(c){return d.containsNode(c,!0)&&c.is(a,b)});l.forEach(function(a){k(a,a)}),j.forEach(function(a){a[0].cloneNode(!1).wraps(a[1])}),l.forEach(function(a){a.replaceWith(a.empty())}),d=J();var m={startContainer:d.startContainer,startOffset:d.startOffset,endContainer:d.endContainer,endOffset:d.endOffset};return e.mergeInlines(m),d.setStart(m.startContainer,m.startOffset),d.setEnd(m.endContainer,m.endOffset),d},V=function(a,b,c){if(!c&&!(c=u()))return;P(c),J(c),b&&(c=U(b.tag.toUpperCase(),b.attributes||{},c)),a&&(c=T(a.tag.toUpperCase(),a.attributes||{},c)),z(c),O()},W=function(a,b){if(!b&&!(b=u()))return;P(b),J(b);var c=b.commonAncestorContainer,d=h.createTreeWalker(c,e,function(a){return b.containsNode(a,!0)&&a.isBlock()?f:g},!1),i;while(i=d.nextNode())a(i);O()},X=function(a,b){if(!b&&!(b=u()))return;k||j.setAttribute("contenteditable","false"),N?H(b):P(b),b.expandToBlockBoundaries(),b.moveBoundariesUpTree(j);var c=b._extractContents(j);b._insertNode(a(c)),b.endOffset<b.endContainer.childNodes.length&&b.endContainer.childNodes[b.endOffset].mergeContainers(),b.startContainer.childNodes[b.startOffset].mergeContainers(),k||j.setAttribute("contenteditable","true"),z(J()),O()},Y=function(a){return l("BLOCKQUOTE",[a])},Z=function(a){var b=a.querySelectorAll("blockquote");return Array.prototype.filter.call(b,function(a){return!a.parentNode.nearest("BLOCKQUOTE")}).forEach(function(a){a.replaceWith(a.empty())}),a},$=function bq(a,b){var c,d,e,f,g,h;for(c=0,d=a.length;c<d;c+=1)e=a[c],f=e.nodeName,e.isBlock()?f!=="LI"&&(h=l("LI",[e.empty()]),e.parentNode.nodeName===b?e.replaceWith(h):(g=e.previousSibling)&&g.nodeName===b?(g.appendChild(h),e.detach(),c-=1,d-=1):e.replaceWith(l(b,[h]))):e.isContainer()&&(f!==b&&/^[DOU]L$/.test(f)?e.replaceWith(l(b,[e.empty()])):bq(e.childNodes,b))},_=function(a){return $(a.childNodes,"UL"),a},ba=function(a){return $(a.childNodes,"OL"),a},bb=function(a){var b=a.querySelectorAll("UL, OL");return Array.prototype.filter.call(b,function(a){return!a.parentNode.nearest("UL")&&!a.parentNode.nearest("OL")}).forEach(function(a){var b=a.empty(),c=b.childNodes,d=c.length,e;while(d--)e=c[d],e.nodeName==="LI"&&b.replaceChild(l("DIV",[e.empty()]),e);a.replaceWith(b)}),a},bc=/^A(?:DDRESS|RTICLE|SIDE)|BLOCKQUOTE|CAPTION|D(?:[DLT]|IV)|F(?:IGURE|OOTER)|H[1-6]|HEADER|L(?:ABEL|EGEND|I)|O(?:L|UTPUT)|P(?:RE)?|SECTION|T(?:ABLE|BODY|D|FOOT|H|HEAD|R)|UL$/,bd={SPAN:function(a,b){var c=a.style,d;return c.fontWeight&&/bold/i.test(c.fontWeight)&&(d=l("STRONG"),b.appendChild(d),b=d),c.fontStyle&&c.fontStyle.toLowerCase()==="italic"&&(d=l("EM"),b.appendChild(d),b=d),c.fontFamily&&(d=l("SPAN",{"class":"font",style:"font-family:"+c.fontFamily}),b.appendChild(d),b=d),c.fontSize&&(d=l("SPAN",{"class":"size",style:"font-size:"+c.fontSize}),b.appendChild(d),b=d),b},A:function(a,b){var c=l("a",{href:a.href});return b.appendChild(c),c},B:function(a,b){var c=l("STRONG");return b.appendChild(c),c},I:function(a,b){var c=l("EM");return b.appendChild(c),c},"#text":function(a,b){var c=a.data;return/\S/.test(c)&&b.appendChild(h.createTextNode(c)),b}},be=function(a,b,c){b||(b=h.createDocumentFragment());var d=a.childNodes,e,f,g,i,j,k,l;for(e=0,f=d.length;e<f;e+=1){g=d[e],i=g.nodeName,j=bd[i],l=b;if(j)l=j(g,b),i==="BR"&&(b=l);else if(bc.test(i)||g.isInline())l=g.cloneNode(!1),!c&&l.style.cssText&&l.removeAttribute("style"),b.appendChild(l);g.childNodes.length&&be(g,l,c)}return b},bf=function(a){var b=a.querySelectorAll("BR"),c=b.length,d,e,f,g,h,i=function(a){return e?!0:(a.isInline()||(e=!0),!1)};while(c--){d=b[c];if(!d.nextSibling&&!d.previousSibling)continue;e=!1,f=d.parentNode.split(d,i);if(f.isInline()){g=l("DIV"),f.parentNode.insertBefore(g,f);do h=f.nextSibling,g.appendChild(f),f=h;while(f&&f.isInline())}d.detach()}},bg=function(){var a=u(),b=a.startContainer,c=a.startOffset,d=a.endContainer,e=a.endOffset,f=l("DIV",{style:"position: absolute; overflow: hidden;top: -100px; left: -100px; width: 1px; height: 1px;"});j.appendChild(f),a.selectNodeContents(f),z(a),setTimeout(function(){var g=be(f.detach(),null,!1);bf(g),a.setStart(b,c),a.setEnd(d,e),a.insertTreeFragment(g),O(),a.collapse(!1),z(a)},0)};h.addEventListener("paste",bg,!1);var bh={8:"backspace",9:"tab",13:"enter",32:"space",46:"delete"},bi=function(a){return function(b){b.preventDefault(),a()}},bj=function(a){return function(b){b.preventDefault();var c=u();S(a,null,c)?V(null,{tag:a},c):V({tag:a},null,c)}},bk={H1:"DIV",H2:"DIV",H3:"DIV",H4:"DIV",H5:"DIV",H6:"DIV",P:"DIV"},bl={tab:function(a){a.preventDefault()},enter:function(a){a.preventDefault();var d=u();if(!d)return;P(d),J(d),d.collapsed||d._deleteContents();var e=d.startContainer,f=d.startOffset,g=d.getStartBlock(),h=g.nodeName,i=bk[h],m;if(!g.textContent){if(g.nearest("UL"))return X(bb,d);if(g.nearest("BLOCKQUOTE"))return X(Z,d)}m=e.split(f,function(a){return a===g.parentNode||a===j}),i&&(g=l(i),g.replaces(m).appendChild(m.empty()),m=g);while(m.nodeType===b){var n=m.firstChild,o;while(n&&n.nodeType===c&&!n.data){o=n.nextSibling;if(!o||o.nodeName==="BR")break;n.detach(),n=o}if(!n||n.nodeName==="BR"||n.nodeType===c&&!k)break;m=n}z(r(m,0)),O()},backspace:function(a){var b=u();if(!b.collapsed)a.preventDefault(),b._deleteContents(),z(b);else if(b.startsAtBlockBoundary()){a.preventDefault();var c=b.getStartBlock(),d=c.getPreviousBlock();if(d)d.mergeWithBlock(c,b),z(b);else{if(c.nearest("UL"))return X(bb,b);if(c.nearest("BLOCKQUOTE"))return X(Z,b);z(b)}}},"delete":function(a){var b=u();if(!b.collapsed)a.preventDefault(),b._deleteContents(),z(b);else if(b.endsAtBlockBoundary()){a.preventDefault();var c=b.getStartBlock(),d=c.getNextBlock();d&&(c.mergeWithBlock(d,b),z(b))}},space:function(){var a=u();P(a),J(a),z(a)},"ctrl-b":bj("STRONG"),"ctrl-i":bj("EM"),"ctrl-u":bj("U"),"ctrl-y":bi(R),"ctrl-z":bi(Q),"ctrl-shift-z":bi(R)};j.addEventListener("keydown",function(a){var b=a.keyCode||a.which,c=bh[b]||String.fromCharCode(b).toLowerCase(),d="";111<b&&b<124&&(c="f"+(b-111)),a.altKey&&(d+="alt-");if(a.ctrlKey||a.metaKey)d+="ctrl-";a.shiftKey&&(d+="shift-"),c=d+c,bl[c]?bl[c](a):p("keydown",a)},!1),j.addEventListener("keypress",q,!1),j.addEventListener("keyup",q,!1);var bm=/<style[^>]*>([\s\S]*?)<\/style>/gi,bn=function(a){return function(){return a.apply(null,arguments),this}},bo=function(a,b,c){return function(){return a(b,c),A(),this}};i.editor={addEventListener:bn(n),removeEventListener:bn(o),focus:bn(A),blur:bn(B),getDocument:function(){return h},getHTML:C,setHTML:function(a){var b=[];bm.lastIndex=0,a=a.replace(bm,function(a,c){return b.push(c.replace(//g,"")),""});var c=h.createDocumentFragment(),d=l("DIV"),e,f,g,i;d.innerHTML=a,be(d,c,!0),bf(c),e=c.childNodes,d=null;for(i=0,g=e.length;i<g;i+=1)f=e[i],f.isInline()?(d||(d=l("DIV")),d.appendChild(f),i-=1,g-=1):d&&(c.insertBefore(d,f),d=null,i+=1,g+=1);d&&c.appendChild(d);while(f=j.lastChild)j.removeChild(f);var k=h.documentElement.firstChild;for(i=0,g=b.length;i<g;i+=1){var m=l("STYLE",{type:"text/css"});m.styleSheet?(k.appendChild(m),m.styleSheet.cssText=b[i]):(m.appendChild(h.createTextNode(b[i])),k.appendChild(m))}j.appendChild(c),j.fixCursor(),K=-1,L=[],M=0,N=!1;var n=r(j.firstChild,0);return P(n),z(J(n)),this},insertImage:function(a){var b=l("IMG",{src:a});return E(b),b},getPath:function(){return x},getSelection:u,setSelection:bn(z),undo:bn(Q),redo:bn(R),hasFormat:bn(S),changeFormat:bn(V),bold:bo(V,{tag:"STRONG"}),italic:bo(V,{tag:"EM"}),underline:bo(V,{tag:"U"}),removeBold:bo(V,null,{tag:"STRONG"}),removeItalic:bo(V,null,{tag:"EM"}),removeUnderline:bo(V,null,{tag:"U"}),makeLink:function(a){return V({tag:"A",attributes:{href:a}},{tag:"A"}),A(),this},setFontFace:function(a){return V({tag:"SPAN",attributes:{"class":"font",style:"font-family: "+a+", sans-serif;"}},{tag:"SPAN","class":"font"}),A(),this},setFontSize:function(a){return V({tag:"SPAN",attributes:{"class":"size",style:"font-size: "+(typeof a=="number"?a+"px":a)}},{tag:"SPAN","class":"size"}),A(),this},setTextAlignment:function(a){return W(function(b){b.style.textAlign=a}),A(),this},modifyBlocks:bn(X),incQuoteLevel:bo(X,Y),decQuoteLevel:bo(X,Z),makeUnorderedList:bo(X,_),makeOrderedList:bo(X,ba),removeList:bo(X,bb)},j.setAttribute("contenteditable","true"),i.editor.setHTML("")},!1);
\ No newline at end of file
diff --git a/source/Editor.js b/source/Editor.js
new file mode 100644
index 0000000..40bf9ee
--- /dev/null
+++ b/source/Editor.js
@@ -0,0 +1,1326 @@
+/* Copyright © 2011 by Neil Jenkins. Licensed under the MIT license. */
+
+/*global Range, window, document, setTimeout */
+
+document.addEventListener( 'DOMContentLoaded', function () {
+    
+    "use strict";
+    
+    // --- Constants ---
+    
+    var DOCUMENT_POSITION_PRECEDING = 2, // Node.DOCUMENT_POSITION_PRECEDING
+        ELEMENT_NODE = 1,                // Node.ELEMENT_NODE,
+        TEXT_NODE = 3,                   // Node.TEXT_NODE,
+        SHOW_TEXT = 4,                   // NodeFilter.SHOW_TEXT,
+        SHOW_ELEMENT = 1,                // NodeFilter.SHOW_ELEMENT,
+        FILTER_ACCEPT = 1,               // NodeFilter.FILTER_ACCEPT,
+        FILTER_SKIP = 3;                 // NodeFilter.FILTER_SKIP;
+    
+    var doc = document,
+        win = doc.defaultView,
+        body = doc.body;
+        
+    var isOpera = !!win.opera;
+
+    // --- DOM Sugar ---
+    
+    var createElement = function ( tag, props, children ) {
+        var el = doc.createElement( tag ),
+            attr, i, l;
+        if ( props instanceof Array ) {
+            children = props;
+            props = null;
+        }
+        if ( props ) {
+            for ( attr in props ) {
+                el.setAttribute( attr, props[ attr ] );
+            }
+        }
+        if ( children ) {
+            for ( i = 0, l = children.length; i < l; i += 1 ) {
+                el.appendChild( children[i] );
+            }
+        }
+        return el;
+    };
+    
+    // --- Events ---
+    
+    var events = {};
+    var addEventListener = function ( type, fn ) {
+        var handlers = events[ type ] || ( events[ type ] = [] );
+        handlers.push( fn );
+    };
+    var removeEventListener = function ( type, fn ) {
+        var handlers = events[ type ],
+            l;
+        if ( handlers ) {
+            l = handlers.length;
+            while ( l-- ) {
+                if ( handlers[l] === fn ) {
+                    handlers.splice( l, 1 );
+                }
+            }
+        }
+    };
+    var fireEvent = function ( type, event ) {
+        var handlers = events[ type ],
+            l, obj;
+        if ( handlers ) {
+            if ( typeof event !== 'object' ) {
+                event = {
+                    data: event
+                };
+            }
+            if ( event.type !== type ) {
+                event.type = type;
+            }
+            l = handlers.length;
+            while ( l-- ) {
+                obj = handlers[l];
+                if ( obj.handleEvent ) {
+                    obj.handleEvent( event );
+                } else {
+                    obj( event );
+                }
+            }
+        }
+    };
+    
+    var propagateEvent = function ( event ) {
+        fireEvent( event.type, event );
+    };
+    
+    // --- Selection and Path ---
+
+    var createRange = function ( range, startOffset, endContainer, endOffset ) {
+        if ( range instanceof Range ) {
+            return range.cloneRange();
+        }
+        var domRange = doc.createRange();
+        domRange.setStart( range, startOffset );
+        if ( endContainer ) {
+            domRange.setEnd( endContainer, endOffset );
+        } else {
+            domRange.setEnd( range, startOffset );
+        }
+        return domRange;
+    };
+    
+    var sel = win.getSelection();
+    
+    var lastSelection = null;
+    var getSelection = function () {
+        if ( sel.rangeCount ) {
+            lastSelection =
+                sel.getRangeAt( 0 ).cloneRange();
+        }
+        return lastSelection;
+    };
+    
+    // IE9 loses selection state of iframe on blur, so make sure we
+    // cache it just before it loses focus.
+    if ( win.ie ) {
+        win.addEventListener( 'beforedeactivate', getSelection, true );
+    }
+    
+    var lastAnchorNode;
+    var lastFocusNode;
+    var path = '';
+    
+    var updatePath = function () {
+        var anchor = sel.anchorNode,
+            focus = sel.focusNode,
+            newPath;
+        if ( anchor !== lastAnchorNode || focus !== lastFocusNode ) {
+            lastAnchorNode = anchor;
+            lastFocusNode = focus;
+            newPath = ( anchor && focus ) ? ( anchor === focus ) ?
+                focus.getPath() : '(selection)' : '';
+            if ( path !== newPath ) {
+                path = newPath;
+                fireEvent( 'pathChange', newPath );
+            }
+            if ( anchor !== focus ) {
+                fireEvent( 'select' );
+            }
+        }
+    };
+    body.addEventListener( 'keyup', updatePath, false );
+    body.addEventListener( 'mouseup', updatePath, false );
+    
+    var setSelection = function ( range ) {
+        if ( range ) {
+            sel.removeAllRanges();
+            sel.addRange( range );
+        }
+        updatePath();
+    };
+    
+    // --- Focus ---
+    
+    var focus = function () {
+        win.focus();
+    };
+    
+    var blur = function () {
+        win.blur();
+    };
+    
+    win.addEventListener( 'focus', propagateEvent, false );
+    win.addEventListener( 'blur', propagateEvent, false );
+    
+    // --- Get/Set data ---
+    
+    var getHTML = function () {
+        return body.innerHTML;
+    };
+    
+    var setHTML = function ( html ) {
+        body.innerHTML = html;
+        body.fixCursor();
+    };
+    
+    var insertElement = function ( el, range ) {
+        if ( !range ) { range = getSelection(); }
+        range.collapse( true );
+        range._insertNode( el );
+        range.setStartAfter( el );
+        setSelection( range );
+    };
+    
+    // --- Bookmarking ---
+    
+    var startSelectionId = 'ss-' + Date.now() + '-' + Math.random();
+    var endSelectionId = 'es-' + Date.now() + '-' + Math.random();
+    
+    var saveRangeToBookmark = function ( range ) {
+        var startNode = createElement( 'INPUT', {
+                id: startSelectionId,
+                type: 'hidden'
+            }),
+            endNode = createElement( 'INPUT', {
+                id: endSelectionId,
+                type: 'hidden'
+            }),
+            temp;
+        
+        range._insertNode( startNode );
+        range.collapse( false );
+        range._insertNode( endNode );
+        
+        // In a collapsed range, the start is sometimes inserted after the end!
+        if ( startNode.compareDocumentPosition( endNode ) &
+                DOCUMENT_POSITION_PRECEDING ) {
+            startNode.id = endSelectionId;
+            endNode.id = startSelectionId;
+            temp = startNode;
+            startNode = endNode;
+            endNode = temp;
+        }
+        
+        // Ensure there's at least a text node in the selection
+        if ( startNode.nextSibling === endNode ) {
+            endNode.parentNode.insertBefore(
+                doc.createTextNode( '' ), endNode );
+        }
+        
+        range.setStartAfter( startNode );
+        range.setEndBefore( endNode );
+    };
+    
+    var indexOf = Array.prototype.indexOf;
+    
+    var getRangeAndRemoveBookmark = function ( range ) {
+        var start = doc.getElementById( startSelectionId ),
+            end = doc.getElementById( endSelectionId );
+        
+        if ( start && end ) {
+            var startContainer = start.parentNode,
+                endContainer = end.parentNode;
+            
+            var _range = {
+                startContainer: startContainer,
+                endContainer: endContainer,
+                startOffset: indexOf.call( startContainer.childNodes, start ),
+                endOffset: indexOf.call( endContainer.childNodes, end )
+            };
+            
+            if ( startContainer === endContainer ) {
+                _range.endOffset -= 1;
+            }
+            
+            start.detach();
+            end.detach();
+            
+            // Merge any text nodes we split
+            startContainer.mergeInlines( _range );
+            if ( startContainer !== endContainer ) {
+                endContainer.mergeInlines( _range );
+            }
+            
+            if ( !range ) {
+                range = doc.createRange();
+            }
+            range.setStart( _range.startContainer, _range.startOffset );
+            range.setEnd( _range.endContainer, _range.endOffset );
+        }
+        return range;
+    };
+    
+    // --- Undo ---
+    
+    var undoIndex, // = -1,
+        undoStack, // = [],
+        undoStackLength, // = 0,
+        isInUndoState, // = false,
+        docWasChanged = function docWasChanged () {
+            if ( isInUndoState ) {
+                isInUndoState = false;
+                fireEvent( 'undoStateChange', {
+                    canUndo: true,
+                    canRedo: false
+                });
+            }
+            fireEvent( 'input' );
+        };
+    
+    body.addEventListener( 'DOMCharacterDataModified', docWasChanged, false );
+    
+    // Leaves bookmark
+    var recordUndoState = function ( range ) {
+        // Don't record if we're already in an undo state
+        if ( !isInUndoState ) {
+            // Advance pointer to new position
+            undoIndex += 1;
+
+            // Truncate stack if longer (i.e. if has been previously undone)
+            if ( undoIndex < undoStackLength) {
+                undoStack.length = undoStackLength = undoIndex;
+            }
+
+            // Write out data
+            if ( range ) {
+                saveRangeToBookmark( range );
+            }
+            undoStack[ undoIndex ] = getHTML();
+            undoStackLength += 1;
+            isInUndoState = true;
+        }
+    };
+    
+    var undo = function () {
+        // Sanity check: must not be at beginning of the history stack
+        if ( undoIndex !== 0 || !isInUndoState ) {
+            // Make sure any changes since last checkpoint are saved.
+            recordUndoState( getSelection() );
+
+            undoIndex -= 1;
+            setHTML( undoStack[ undoIndex ] );
+            var range = getRangeAndRemoveBookmark();
+            if ( range ) {
+                setSelection( range );
+            }
+            isInUndoState = true;
+            fireEvent( 'undoStateChange', {
+                canUndo: undoIndex !== 0,
+                canRedo: true
+            });
+            fireEvent( 'input' );
+        }
+    };
+    
+    var redo = function () {
+        // Sanity check: must not be at end of stack and must be in an undo
+        // state.
+        if ( undoIndex + 1 < undoStackLength && isInUndoState ) {
+            undoIndex += 1;
+            setHTML( undoStack[ undoIndex ] );
+            var range = getRangeAndRemoveBookmark();
+            if ( range ) {
+                setSelection( range );
+            }
+            fireEvent( 'undoStateChange', {
+                canUndo: true,
+                canRedo: undoIndex + 1 < undoStackLength
+            });
+            fireEvent( 'input' );
+        }
+    };
+    
+    // --- Inline formatting ---
+    
+    // Looks for matching tag and attributes, so won't work
+    // if <b> instead of <strong> etc.
+    var hasFormat = function ( tag, attributes, range ) {
+        // 1. Normalise the arguments and get selection
+        tag = tag.toUpperCase();
+        if ( !attributes ) { attributes = {}; }
+        if ( !range && !( range = getSelection() ) ) {
+            return false;
+        }
+        
+        // 2. Check for ancestor matching tag/attributes
+        var root = range.commonAncestorContainer;
+        if ( root.nearest( tag, attributes ) ) {
+            return true;
+        }
+        
+        // 3. Get the elements matching the selector that are inside the root
+        // of the range and see if any of them are at least partially
+        // contained within the range
+        if ( root.nodeType === ELEMENT_NODE ) {
+            var els = root.getElementsByTagName( tag ),
+                l = els.length,
+                el;
+
+            while ( l-- ) {
+                el = els[l];
+                if ( range.containsNode( el, true ) &&
+                        el.is( tag, attributes ) ) {
+                    return true;
+                }
+            }
+        }
+                
+        return false;
+    };
+    
+    var addFormat = function ( tag, attributes, range ) {
+        // If the range is collapsed we simply insert the node by wrapping
+        // it round the range and focus it.
+        if ( range.collapsed ) {
+            var el = createElement( tag, attributes ).fixCursor();
+            range._insertNode( el );
+            range.selectNodeContents( el );
+        }
+        // Otherwise we find all the textnodes in the range (splitting
+        // partially selected nodes) and if they're not already formatted
+        // correctly we wrap them in the appropriate tag.
+        else {
+            // We don't want to apply formatting twice so we check each text
+            // node to see if it has an ancestor with the formatting already.
+            // Create an iterator to walk over all the text nodes under this
+            // ancestor which are in the range and not already formatted
+            // correctly.
+            var walker = doc.createTreeWalker(
+                range.commonAncestorContainer,
+                SHOW_TEXT,
+                function ( node ) {
+                    return range.containsNode( node, true ) ?
+                        FILTER_ACCEPT : FILTER_SKIP;
+                }, false );
+
+            // Start at the beginning node of the range and iterate through
+            // all the nodes in the range that need formatting.
+            var startContainer,
+                endContainer,
+                startOffset = 0,
+                endOffset = 0,
+                textnode = walker.currentNode = range.startContainer,
+                needsFormat;
+            
+            if ( textnode.nodeType !== TEXT_NODE ) {
+                textnode = walker.nextNode();
+            }
+            
+            do {
+                needsFormat = !textnode.nearest( tag, attributes );
+                if ( textnode === range.endContainer ) {
+                    if ( needsFormat && textnode.length > range.endOffset ) {
+                        textnode.splitText( range.endOffset );
+                    } else {
+                        endOffset = range.endOffset;
+                    }
+                }
+                if ( textnode === range.startContainer ) {
+                    if ( needsFormat && range.startOffset ) {
+                        textnode = textnode.splitText( range.startOffset );
+                    } else {
+                        startOffset = range.startOffset;
+                    }
+                }
+                if ( needsFormat ) {
+                    createElement( tag, attributes ).wraps( textnode );
+                    endOffset = textnode.length;
+                }
+                endContainer = textnode;
+                if ( !startContainer ) { startContainer = endContainer; }
+            } while ( textnode = walker.nextNode() );
+            
+            // Now set the selection to as it was before
+            range = createRange(
+                startContainer, startOffset, endContainer, endOffset );
+        }
+        return range;
+    };
+    
+    var removeFormat = function ( tag, attributes, range ) {
+        // Add bookmark
+        saveRangeToBookmark( range );
+        
+        // Find block-level ancestor of selection
+        var root = range.commonAncestorContainer;
+        while ( root.isInline() ) {
+            root = root.parentNode;
+        }
+        
+        // Find text nodes inside formatTags that are not in selection and
+        // add an extra tag with the same formatting.
+        var startContainer = range.startContainer,
+            startOffset = range.startOffset,
+            endContainer = range.endContainer,
+            endOffset = range.endOffset,
+            toWrap = [],
+            examineNode = function examineNode ( node, exemplar ) {
+                // If the node is completely contained by the range then
+                // we're going to remove all formatting so ignore it.
+                if ( range.containsNode( node, false ) ) {
+                    return;
+                }
+                
+                var isText = node.nodeType === TEXT_NODE,
+                    child, next;
+                
+                // If not at least partially contained, wrap entire contents
+                // in a clone of the tag we're removing and we're done.
+                if ( !range.containsNode( node, true ) ) {
+                    // Tidy up as we go...
+                    if ( isText && !node.length ) {
+                        node.detach();
+                    }
+                    // Ignore bookmarks
+                    else if ( node.nodeName !== 'INPUT' ) {
+                        toWrap.push([ exemplar, node ]);
+                    }
+                    return;
+                }
+                
+                // Split any partially selected text nodes.
+                if ( isText ) {
+                    if ( node === endContainer && endOffset !== node.length ) {
+                        toWrap.push([ exemplar, node.splitText( endOffset ) ]);
+                    }
+                    if ( node === startContainer && startOffset ) {
+                        node.splitText( startOffset );
+                        toWrap.push([ exemplar, node ]);
+                    }
+                }
+                // If not a text node, recurse onto all children.
+                // Beware, the tree may be rewritten with each call
+                // to examineNode, hence find the next sibling first.
+                else {
+                    for ( child = node.firstChild; child; child = next ) {
+                        next = child.nextSibling;
+                        examineNode( child, exemplar );
+                    }
+                }
+            },
+            formatTags = Array.prototype.filter.call(
+                root.getElementsByTagName( tag ), function ( el ) {
+                    return range.containsNode( el, true ) &&
+                        el.is( tag, attributes );
+                }
+            );
+        
+        formatTags.forEach( function ( node ) {
+            examineNode( node, node );
+        });
+        
+        // Now wrap unselected nodes in the tag
+        toWrap.forEach( function ( item ) {
+            // [ exemplar, node ] tuple
+            item[0].cloneNode( false ).wraps( item[1] );
+        });
+        // and remove old formatting tags.
+        formatTags.forEach( function ( el ) {
+            el.replaceWith( el.empty() );
+        });
+        
+        // Merge adjacent inlines:
+        range = getRangeAndRemoveBookmark();
+        var _range = {
+            startContainer: range.startContainer,
+            startOffset: range.startOffset,
+            endContainer: range.endContainer,
+            endOffset: range.endOffset
+        };
+        root.mergeInlines( _range );
+        range.setStart( _range.startContainer, _range.startOffset );
+        range.setEnd( _range.endContainer, _range.endOffset );
+        
+        return range;
+    };
+    
+    var changeFormat = function ( add, remove, range ) {
+        // Normalise the arguments and get selection
+        if ( !range && !( range = getSelection() ) ) {
+            return;
+        }
+        
+        // Save undo checkpoint
+        recordUndoState( range );
+        getRangeAndRemoveBookmark( range );
+        
+        if ( remove ) {
+            range = removeFormat( remove.tag.toUpperCase(),
+                remove.attributes || {}, range );
+        }
+        if ( add ) {
+            range = addFormat( add.tag.toUpperCase(),
+                add.attributes || {}, range );
+        }
+        
+        setSelection( range );
+        
+        // We're not still in an undo state
+        docWasChanged();
+    };
+    
+    // --- Block formatting ---
+    
+    var forEachBlock = function ( fn, range ) {
+        if ( !range && !( range = getSelection() ) ) {
+            return;
+        }
+        
+        // Save undo checkpoint
+        recordUndoState( range );
+        getRangeAndRemoveBookmark( range );
+        
+        var root = range.commonAncestorContainer,
+            walker = doc.createTreeWalker( root, SHOW_ELEMENT,
+            function ( node ) {
+                return range.containsNode( node, true ) && node.isBlock() ?
+                    FILTER_ACCEPT : FILTER_SKIP;
+            }, false ),
+            block;
+        
+        while ( block = walker.nextNode() ) {
+            fn( block );
+        }
+        
+        // We're not still in an undo state
+        docWasChanged();
+    };
+    
+    var modifyBlocks = function ( modify, range ) {
+        if ( !range && !( range = getSelection() ) ) {
+            return;
+        }
+        // 1. Stop firefox adding an extra <BR> to <BODY>
+        // if we remove everything. Don't want to do this in Opera
+        // as it can cause focus problems.
+        if ( !isOpera ) {
+            body.setAttribute( 'contenteditable', 'false' );
+        }
+        
+        // 2. Save undo checkpoint and bookmark selection
+        if ( isInUndoState ) {
+            saveRangeToBookmark( range );
+        } else {
+            recordUndoState( range );
+        }
+        
+        // 3. Expand range to block boundaries
+        range.expandToBlockBoundaries();
+        
+        // 4. Remove range.
+        range.moveBoundariesUpTree( body );
+        var frag = range._extractContents( body );
+        
+        // 5. Modify tree of fragment and reinsert.
+        range._insertNode( modify( frag ) );
+        
+        // 6. Merge containers at edges
+        if ( range.endOffset < range.endContainer.childNodes.length ) {
+            range.endContainer.childNodes[ range.endOffset ].mergeContainers();
+        }
+        range.startContainer.childNodes[ range.startOffset ].mergeContainers();
+        
+        // 7. Make it editable again
+        if ( !isOpera ) {
+            body.setAttribute( 'contenteditable', 'true' );
+        }
+        
+        // 8. Restore selection
+        setSelection( getRangeAndRemoveBookmark() );
+        
+        // 9. We're not still in an undo state
+        docWasChanged();
+    };
+    
+    var increaseBlockQuoteLevel = function ( frag ) {
+        return createElement( 'BLOCKQUOTE', [
+            frag
+        ]);
+    };
+    
+    var decreaseBlockQuoteLevel = function ( frag ) {
+        var blockquotes = frag.querySelectorAll( 'blockquote' );
+        Array.prototype.filter.call( blockquotes, function ( el ) {
+            return !el.parentNode.nearest( 'BLOCKQUOTE' );
+        }).forEach( function ( el ) {
+            el.replaceWith( el.empty() );
+        });
+        return frag;
+    };
+    
+    var makeList = function makeList ( nodes, type ) {
+        var i, l, node, tag, prev, replacement;
+        for ( i = 0, l = nodes.length; i < l; i += 1 ) {
+            node = nodes[i];
+            tag = node.nodeName;
+            if ( node.isBlock() ) {
+                if ( tag !== 'LI' ) {
+                    replacement = createElement( 'LI', [
+                        node.empty()
+                    ]);
+                    if ( node.parentNode.nodeName === type ) {
+                        node.replaceWith( replacement );
+                    }
+                    else if ( ( prev = node.previousSibling ) &&
+                            prev.nodeName === type ) {
+                        prev.appendChild( replacement );
+                        node.detach();
+                        i -= 1;
+                        l -= 1;
+                    }
+                    else {
+                        node.replaceWith(
+                            createElement( type, [
+                                replacement
+                            ])
+                        );
+                    }
+                }
+            } else if ( node.isContainer() ) {
+                if ( tag !== type && ( /^[DOU]L$/.test( tag ) ) ) {
+                    node.replaceWith( createElement( type, [
+                        node.empty()
+                    ]) );
+                } else {
+                    makeList( node.childNodes, type );
+                }
+            }
+        }
+    };
+    
+    var makeUnorderedList = function ( frag ) {
+        makeList( frag.childNodes, 'UL' );
+        return frag;
+    };
+    
+    var makeOrderedList = function ( frag ) {
+        makeList( frag.childNodes, 'OL' );
+        return frag;
+    };
+    
+    var decreaseListLevel = function ( frag ) {
+        var lists = frag.querySelectorAll( 'UL, OL' );
+        Array.prototype.filter.call( lists, function ( el ) {
+            return !el.parentNode.nearest( 'UL' ) &&
+                !el.parentNode.nearest( 'OL' );
+        }).forEach( function ( el ) {
+            var frag = el.empty(),
+                children = frag.childNodes,
+                l = children.length,
+                child;
+            while ( l-- ) {
+                child = children[l];
+                if ( child.nodeName === 'LI' ) {
+                    frag.replaceChild( createElement( 'DIV', [
+                        child.empty()
+                    ]), child );
+                }
+            }
+            el.replaceWith( frag );
+        });
+        return frag;
+    };
+    
+    // --- Paste and clean ---
+    
+    var allowedBlock = /^A(?:DDRESS|RTICLE|SIDE)|BLOCKQUOTE|CAPTION|D(?:[DLT]|IV)|F(?:IGURE|OOTER)|H[1-6]|HEADER|L(?:ABEL|EGEND|I)|O(?:L|UTPUT)|P(?:RE)?|SECTION|T(?:ABLE|BODY|D|FOOT|H|HEAD|R)|UL$/;
+    
+    var elCleaner = {
+        // Only allow a limited subset of properties.
+        SPAN: function ( span, parent ) {
+            var style = span.style,
+                el;
+            if ( style.fontWeight && ( /bold/i.test( style.fontWeight ) ) ) {
+                el = createElement( 'STRONG' );
+                parent.appendChild( el );
+                parent = el;
+            }
+            if ( style.fontStyle &&
+                    style.fontStyle.toLowerCase() === 'italic' ) {
+                el = createElement( 'EM' );
+                parent.appendChild( el );
+                parent = el;
+            }
+            if ( style.fontFamily ) {
+                el = createElement( 'SPAN', {
+                    'class': 'font',
+                    style: 'font-family:' + style.fontFamily
+                });
+                parent.appendChild( el );
+                parent = el;
+            }
+            if ( style.fontSize ) {
+                el = createElement( 'SPAN', {
+                    'class': 'size',
+                    style: 'font-size:' + style.fontSize
+                });
+                parent.appendChild( el );
+                parent = el;
+            }
+            return parent;
+        },
+        A: function ( a, parent ) {
+            var el = createElement( 'a', {
+                href: a.href
+            });
+            parent.appendChild( el );
+            return el;
+        },
+        B: function ( b, parent ) {
+            var el = createElement( 'STRONG' );
+            parent.appendChild( el );
+            return el;
+        },
+        I: function ( i, parent ) {
+            var el = createElement( 'EM' );
+            parent.appendChild( el );
+            return el;
+        },
+        '#text': function ( text, parent ) {
+            var data = text.data;
+            if ( /\S/.test( data ) ) {
+                parent.appendChild( doc.createTextNode( data ) );
+            }
+            return parent;
+        }
+    };
+    
+    var cleanTree = function ( oldParent, newParent, allowStyles ) {
+        if ( !newParent ) { newParent = doc.createDocumentFragment(); }
+        var children = oldParent.childNodes,
+            i, l, node, tag, cleaner, inline, parent;
+        for ( i = 0, l = children.length; i < l; i += 1 ) {
+            node = children[i];
+            tag = node.nodeName;
+            cleaner = elCleaner[ tag ];
+            parent = newParent;
+            if ( cleaner ) {
+                parent = cleaner( node, newParent );
+                if ( tag === 'BR' ) { newParent = parent; }
+            }
+            else if ( allowedBlock.test( tag ) || node.isInline() ) {
+                parent = node.cloneNode( false );
+                if ( !allowStyles && parent.style.cssText ) {
+                    parent.removeAttribute( 'style' );
+                }
+                newParent.appendChild( parent );
+            }
+            if ( node.childNodes.length ) {
+                cleanTree( node, parent, allowStyles );
+            }
+        }
+        return newParent;
+    };
+    
+    var convertBRtoDIV = function ( root ) {
+        var brs = root.querySelectorAll( 'BR' ),
+            l = brs.length,
+            br, seenBlock, nodeAfterSplit, div, next,
+            stopCondition = function ( node ) {
+                if ( seenBlock ) { return true; }
+                if ( !node.isInline() ) { seenBlock = true; }
+                return false;
+            };
+        
+        while ( l-- ) {
+            br = brs[l];
+            // Ignore cursor fixes.
+            if ( !br.nextSibling && !br.previousSibling ) {
+                continue;
+            }
+            seenBlock = false;
+            nodeAfterSplit = br.parentNode.split( br, stopCondition );
+            if ( nodeAfterSplit.isInline() ) {
+                div = createElement( 'DIV' );
+                nodeAfterSplit.parentNode.insertBefore( div, nodeAfterSplit );
+                do {
+                    next = nodeAfterSplit.nextSibling;
+                    div.appendChild( nodeAfterSplit );
+                    nodeAfterSplit = next;
+                } while ( nodeAfterSplit && nodeAfterSplit.isInline() );
+            }
+            br.detach();
+        }
+    };
+    
+    var onPaste = function () {
+        var range = getSelection(),
+            startContainer = range.startContainer,
+            startOffset = range.startOffset,
+            endContainer = range.endContainer,
+            endOffset = range.endOffset;
+        
+        var pasteArea = createElement( 'DIV', {
+            style: 'position: absolute; overflow: hidden;' +
+                'top: -100px; left: -100px; width: 1px; height: 1px;'
+        });
+        body.appendChild( pasteArea );
+        range.selectNodeContents( pasteArea );
+        setSelection( range );
+        
+        // A setTimeout of 0 means this is added to the back of the
+        // single javascript thread, so it will be executed after the
+        // paste event.
+        setTimeout( function () {
+            // Get the pasted content and clean
+            var frag = cleanTree( pasteArea.detach(), null, false );
+            convertBRtoDIV( frag );
+            
+            // Restore the previous selection
+            range.setStart( startContainer, startOffset );
+            range.setEnd( endContainer, endOffset );
+            
+            // Insert pasted data
+            range.insertTreeFragment( frag );
+            docWasChanged();
+            
+            range.collapse( false );
+            setSelection( range );
+        }, 0 );
+    };
+    
+    doc.addEventListener( 'paste', onPaste, false );
+    
+    // --- Keyboard interaction ---
+    
+    var keys = {
+        8: 'backspace',
+        9: 'tab',
+        13: 'enter',
+        32: 'space',
+        46: 'delete'
+    };
+    
+    var mapKeyTo = function ( fn ) {
+        return function ( event ) {
+            event.preventDefault();
+            fn();
+        };
+    };
+    
+    var mapKeyToFormat = function ( tag ) {
+        return function ( event ) {
+            event.preventDefault();
+            var range = getSelection();
+            if ( hasFormat( tag, null, range ) ) {
+                changeFormat( null, { tag: tag }, range );
+            } else {
+                changeFormat( { tag: tag }, null, range );
+            }
+        };
+    };
+    
+    var nextTag = {
+        H1: 'DIV',
+        H2: 'DIV',
+        H3: 'DIV',
+        H4: 'DIV',
+        H5: 'DIV',
+        H6: 'DIV',
+        P:  'DIV'
+    };
+    
+    var keyHandlers = {
+        tab: function ( event ) {
+            event.preventDefault();
+        },
+        enter: function ( event ) {
+            // We handle this ourselves
+            event.preventDefault();
+            
+            // Must have some form of selection
+            var range = getSelection();
+            if ( !range ) { return; }
+            
+            // Save undo checkpoint
+            recordUndoState( range );
+            getRangeAndRemoveBookmark( range );
+                        
+            // Selected text is overwritten, therefore delete the contents
+            // to collapse selection.
+            if ( !range.collapsed ) {
+                range._deleteContents();
+            }
+            
+            var splitNode = range.startContainer,
+                splitOffset = range.startOffset,
+                block = range.getStartBlock(),
+                tag = block.nodeName,
+                splitTag = nextTag[ tag ],
+                nodeAfterSplit;
+            
+            if ( !block.textContent ) {
+                // Break list
+                if ( block.nearest( 'UL' ) ) {
+                    return modifyBlocks( decreaseListLevel, range );
+                }
+                // Break blockquote
+                else if ( block.nearest( 'BLOCKQUOTE' ) ) {
+                    return modifyBlocks( decreaseBlockQuoteLevel, range );
+                }
+            }
+            
+            // Otherwise, split at cursor point.
+            nodeAfterSplit = splitNode.split( splitOffset,
+                function ( node ) {
+                    return ( node === block.parentNode || node === body );
+                });
+            
+            // Make sure the new node is the correct type.
+            if ( splitTag ) {
+                block = createElement( splitTag );
+                block.replaces( nodeAfterSplit )
+                     .appendChild( nodeAfterSplit.empty() );
+                nodeAfterSplit = block;
+            }
+            
+            // Focus cursor
+            // If there's a <strong>/<em> etc. at the beginning of the split
+            // make sure we focus inside it.
+            while ( nodeAfterSplit.nodeType === ELEMENT_NODE) {
+                var child = nodeAfterSplit.firstChild,
+                    next;
+                
+                while ( child && child.nodeType === TEXT_NODE && !child.data ) {
+                    next = child.nextSibling;
+                    if ( !next || next.nodeName === 'BR' ) {
+                        break;
+                    }
+                    child.detach();
+                    child = next;
+                }
+                
+                // 'BR's essentially don't count; they're a browser hack.
+                // If you try to select the contents of a 'BR', FF will not let
+                // you type anything!
+                if ( !child || child.nodeName === 'BR' ||
+                        ( child.nodeType === TEXT_NODE && !isOpera ) ) {
+                    break;
+                }
+                nodeAfterSplit = child;
+            }
+            setSelection( createRange( nodeAfterSplit, 0 ) );
+            
+            // We're not still in an undo state
+            docWasChanged();
+        },
+        backspace: function ( event ) {
+            var range = getSelection();
+            // If not collapsed, delete contents
+            if ( !range.collapsed ) {
+                event.preventDefault();
+                range._deleteContents();
+                setSelection( range );
+            }
+            // If at beginning of block, merge with previous
+            else if ( range.startsAtBlockBoundary() ) {
+                event.preventDefault();
+                var current = range.getStartBlock(),
+                    previous = current.getPreviousBlock();
+                // Must not be at the very beginning of the text area.
+                if ( previous ) {
+                    previous.mergeWithBlock( current, range );
+                    setSelection( range );
+                }
+                // If at very beginning of text area, allow backspace
+                // to break lists/blockquote.
+                else {
+                    // Break list
+                    if ( current.nearest( 'UL' ) ) {
+                        return modifyBlocks( decreaseListLevel, range );
+                    }
+                    // Break blockquote
+                    else if ( current.nearest( 'BLOCKQUOTE' ) ) {
+                        return modifyBlocks( decreaseBlockQuoteLevel, range );
+                    }
+                    setSelection( range );
+                }
+            }
+            // All other cases can be safely left to the browser (I hope!).
+        },
+        'delete': function ( event ) {
+            var range = getSelection();
+            // If not collapsed, delete contents
+            if ( !range.collapsed ) {
+                event.preventDefault();
+                range._deleteContents();
+                setSelection( range );
+            }
+            // If at end of block, merge next into this block
+            else if ( range.endsAtBlockBoundary() ) {
+                event.preventDefault();
+                var current = range.getStartBlock(),
+                    next = current.getNextBlock();
+                // Must not be at the very end of the text area.
+                if ( next ) {
+                    current.mergeWithBlock( next, range );
+                    setSelection( range );
+                }
+            }
+            // All other cases can be safely left to the browser (I hope!).
+        },
+        space: function () {
+            var range = getSelection();
+            recordUndoState( range );
+            getRangeAndRemoveBookmark( range );
+            setSelection( range );
+        },
+        'ctrl-b': mapKeyToFormat( 'STRONG' ),
+        'ctrl-i': mapKeyToFormat( 'EM' ),
+        'ctrl-u': mapKeyToFormat( 'U' ),
+        'ctrl-y': mapKeyTo( redo ),
+        'ctrl-z': mapKeyTo( undo ),
+        'ctrl-shift-z': mapKeyTo( redo )
+    };
+    
+    body.addEventListener( 'keydown', function ( event ) {
+        // Ref: http://unixpapa.com/js/key.html
+        var code = event.keyCode || event.which,
+            key = keys[ code ] || String.fromCharCode( code ).toLowerCase(),
+            modifiers = '';
+        
+        // Function keys
+        if ( 111 < code && code < 124 ) {
+            key = 'f' + ( code - 111 );
+        }
+        
+        if ( event.altKey ) { modifiers += 'alt-'; }
+        if ( event.ctrlKey || event.metaKey ) { modifiers += 'ctrl-'; }
+        if ( event.shiftKey ) { modifiers += 'shift-'; }
+        
+        key = modifiers + key;
+        
+        if ( keyHandlers[ key ] ) {
+            keyHandlers[ key ]( event );
+        } else {
+            fireEvent( 'keydown', event );
+        }
+    }, false );
+    body.addEventListener( 'keypress', propagateEvent, false );
+    body.addEventListener( 'keyup', propagateEvent, false );
+     
+    // --- Export ---
+    
+    var styleExtractor = /<style[^>]*>([\s\S]*?)<\/style>/gi;
+    
+    var chain = function ( fn ) {
+        return function () {
+            fn.apply( null, arguments );
+            return this;
+        };
+    };
+        
+    var command = function ( fn, arg, arg2 ) {
+        return function () {
+            fn( arg, arg2 );
+            focus();
+            return this;
+        };
+    };
+    
+    win.editor = {
+        
+        addEventListener: chain( addEventListener ),
+        removeEventListener: chain( removeEventListener ),
+        
+        focus: chain( focus ),
+        blur: chain( blur ),
+        
+        getDocument: function () {
+            return doc;
+        },
+        
+        getHTML: getHTML,
+        setHTML: function ( html ) {
+            // Extract styles to insert into <head>
+            var styles = [];
+            styleExtractor.lastIndex = 0;
+            html = html.replace( styleExtractor,
+                function ( _, rules ) {
+                    styles.push( rules.replace( //g, '' ) );
+                    return '';
+            });
+            
+            // Parse HTML into DOM tree and clean.
+            var frag = doc.createDocumentFragment(),
+                div = createElement( 'DIV' ),
+                children, child, l, i;
+            
+            div.innerHTML = html;
+            cleanTree( div, frag, true );
+            convertBRtoDIV( frag );
+            
+            // Wrap top-level inline nodes in div.
+            children = frag.childNodes;
+            div = null;
+            for ( i = 0, l = children.length; i < l; i += 1 ) {
+                child = children[i];
+                if ( child.isInline() ) {
+                    if ( !div ) { div = createElement( 'DIV' ); }
+                    div.appendChild( child );
+                    i -= 1;
+                    l -= 1;
+                } else if ( div ) {
+                    frag.insertBefore( div, child );
+                    div = null;
+                    i += 1;
+                    l += 1;
+                }
+            }
+            if ( div ) {
+                frag.appendChild( div );
+            }
+            
+            // Remove existing body children
+            while ( child = body.lastChild ) {
+                body.removeChild( child );
+            }
+            
+            // And insert new content
+            // Add the styles
+            var head = doc.documentElement.firstChild;
+            for ( i = 0, l = styles.length; i < l; i += 1 ) {
+                var style = createElement( 'STYLE', {
+                    type: 'text/css'
+                });
+                if ( style.styleSheet ) {
+                    // IE8: must append to document BEFORE adding styles
+                    // or you get the IE7 CSS parser!
+                    head.appendChild( style );
+                    style.styleSheet.cssText = styles[i];
+                } else {
+                    // Everyone else
+                    style.appendChild( doc.createTextNode( styles[i] ) );
+                    head.appendChild( style );
+                }
+            }
+            
+            body.appendChild( frag );
+            body.fixCursor();
+            
+            // Reset the undo stack
+            undoIndex = -1;
+            undoStack = [];
+            undoStackLength = 0;
+            isInUndoState = false;
+            
+            // Record undo state
+            var range = createRange( body.firstChild, 0 );
+            recordUndoState( range );
+            setSelection( getRangeAndRemoveBookmark( range ) );
+
+            return this;
+        },
+        
+        insertImage: function ( src ) {
+            var img = createElement( 'IMG', {
+                src: src
+            });
+            insertElement( img );
+            return img;
+        },
+        
+        getPath: function () {
+            return path;
+        },
+        getSelection: getSelection,
+        setSelection: chain( setSelection ),
+        
+        undo: chain( undo ),
+        redo: chain( redo ),
+        
+        hasFormat: chain( hasFormat ),
+        changeFormat: chain( changeFormat ),
+        
+        bold: command( changeFormat, { tag: 'STRONG' } ),
+        italic: command( changeFormat, { tag: 'EM' } ),
+        underline: command( changeFormat, { tag: 'U' } ),
+        
+        removeBold: command( changeFormat, null, { tag: 'STRONG' } ),
+        removeItalic: command( changeFormat, null, { tag: 'EM' } ),
+        removeUnderline: command( changeFormat, null, { tag: 'U' } ),
+        
+        makeLink: function ( url ) {
+            changeFormat({
+                tag: 'A',
+                attributes: {
+                    href: url
+                }
+            }, {
+                tag: 'A'
+            });
+            focus();
+            return this;
+        },
+        
+        setFontFace: function ( name ) {
+            changeFormat({
+                tag: 'SPAN',
+                attributes: {
+                    'class': 'font',
+                    style: 'font-family: ' + name + ', sans-serif;'
+                }
+            }, {
+                tag: 'SPAN',
+                'class': 'font'
+            });
+            focus();
+            return this;
+        },
+        setFontSize: function ( size ) {
+            changeFormat({
+                tag: 'SPAN',
+                attributes: {
+                    'class': 'size',
+                    style: 'font-size: ' +
+                        ( typeof size === 'number' ? size + 'px' : size )
+                }
+            }, {
+                tag: 'SPAN',
+                'class': 'size'
+            });
+            focus();
+            return this;
+        },
+        setTextAlignment: function ( dir ) {
+            forEachBlock( function ( block ) {
+                block.style.textAlign = dir;
+            });
+            focus();
+            return this;
+        },
+        
+        modifyBlocks: chain( modifyBlocks ),
+        
+        incQuoteLevel: command( modifyBlocks, increaseBlockQuoteLevel ),
+        decQuoteLevel: command( modifyBlocks, decreaseBlockQuoteLevel ),
+        
+        makeUnorderedList: command( modifyBlocks, makeUnorderedList ),
+        makeOrderedList: command( modifyBlocks, makeOrderedList ),
+        removeList: command( modifyBlocks, decreaseListLevel )
+    };
+    
+    // --- Initialise ---
+    
+    body.setAttribute( 'contenteditable', 'true' );
+    win.editor.setHTML( '' );
+    
+}, false );
\ No newline at end of file
diff --git a/source/Node.js b/source/Node.js
new file mode 100644
index 0000000..4556518
--- /dev/null
+++ b/source/Node.js
@@ -0,0 +1,452 @@
+/* Copyright © 2011 by Neil Jenkins. Licensed under the MIT license. */
+
+( function () {
+    
+/*global Node, Text, Element, window, document */
+
+"use strict";
+
+var implement = function ( constructor, props ) {
+    var proto = constructor.prototype,
+        prop;
+    for ( prop in props ) {
+        proto[ prop ] = props[ prop ];
+    }
+};
+
+var every = function ( nodeList, fn ) {
+    var l = nodeList.length;
+    while ( l-- ) {
+        if ( !fn( nodeList[l] ) ) {
+            return false;
+        }
+    }
+    return true;
+};
+
+var $False = function () { return false; };
+var $True = function () { return true; };
+
+var inlineNodeNames  = /^(?:A(?:BBR|CRONYM)?|B(?:R|D[IO])?|C(?:ITE|ODE)|D(?:FN|EL)|EM|HR|I(?:NPUT|MG|NS)?|KBD|Q|R(?:P|T|UBY)|S(?:U[BP]|PAN|TRONG|AMP)|U)$/;
+
+var swap = function( node, node2 ) {
+    var parent = node2.parentNode;
+    if ( parent ) {
+        parent.replaceChild( node, node2 );
+    }
+    return node;
+};
+
+var ELEMENT_NODE = 1,  // Node.ELEMENT_NODE,
+    TEXT_NODE = 3,     // Node.TEXT_NODE,
+    SHOW_ELEMENT = 1,  // NodeFilter.SHOW_ELEMENT,
+    FILTER_ACCEPT = 1, // NodeFilter.FILTER_ACCEPT,
+    FILTER_SKIP = 3;   // NodeFilter.FILTER_SKIP;
+
+var walkForward = function ( current, filter ) {
+    var node;
+    while ( true ) {
+        node = current.firstChild;
+        while ( !node && current ) {
+            node = current.nextSibling;
+            if ( !node ) {
+                current = current.parentNode;
+            }
+        }
+
+        if ( node.nodeName === 'BODY' ) {
+            return null;
+        }
+        if ( filter( node ) ) {
+            return node;
+        }
+
+        current = node;
+    }
+};
+
+var walkBackward = function ( current, filter ) {
+    var node;
+    while ( true ) {
+        node = current.previousSibling;
+        if ( node ) {
+            while ( current = node.lastChild ) {
+                node = current;
+            }
+        } else {
+            node = current.parentNode;
+        }
+
+        if ( node.nodeName === 'BODY' ) {
+            return null;
+        }
+        if ( filter( node ) ) {
+            return node;
+        }
+
+        current = node;
+    }
+};
+
+var isBlock = function ( el ) { return el.isBlock(); };
+var useTextFixer = !!( window.opera || window.ie );
+
+implement( Node, {
+    isInline: $False,
+    isBlock: $False,
+    isContainer: $False,
+    getPath: function () {
+        var parent = this.parentNode;
+        return parent ? parent.getPath() : '';
+    },
+    detach: function () {
+        var parent = this.parentNode;
+        if ( parent ) {
+            parent.removeChild( this );
+        }
+        return this;
+    },
+    replaceWith: function ( node ) {
+        swap( node, this );
+        return this;
+    },
+    replaces: function ( node ) {
+        swap( this, node );
+        return this;
+    },
+    nearest: function ( tag, attributes ) {
+        var parent = this.parentNode;
+        return parent ? parent.nearest( tag, attributes ) : null;
+    },
+    getPreviousBlock: function () {
+        return walkBackward( this, isBlock );
+    },
+    getNextBlock: function () {
+        return walkForward( this, isBlock );
+    },
+    split: function ( node, stopCondition ) {
+        return node;
+    },
+    mergeContainers: function () {}
+});
+
+implement( Text, {
+    isInline: $True,
+    getLength: function () {
+        return this.length;
+    },
+    isLike: function ( node ) {
+        return node.nodeType === TEXT_NODE;
+    },
+    split: function ( offset, stopCondition ) {
+        var node = this;
+        if ( stopCondition( node ) ) {
+            return offset;
+        }
+        return node.parentNode.split( node.splitText( offset ), stopCondition );
+    }
+});
+
+implement( Element, {
+    isInline: function () {
+        return inlineNodeNames.test( this.nodeName );
+    },
+    isBlock: function () {
+        return !this.isInline() && every( this.childNodes, function ( child ) {
+            return child.isInline();
+        });
+    },
+    isContainer: function () {
+        return !this.isInline() && !this.isBlock();
+    },
+    getLength: function () {
+        return this.childNodes.length;
+    },
+    getPath: function() {
+        var tag = this.nodeName;
+        if ( tag === 'BODY' ) {
+            return tag;
+        }
+        var path = this.parentNode.getPath(),
+            id = this.id,
+            className = this.className.trim();
+        
+        path += '>' + tag;
+        if ( id ) {
+            path += '#' + id;
+        }
+        if ( className ) {
+            className = className.split( /\s\s*/ );
+            className.sort();
+            path += '.';
+            path += className.join( '.' );
+        }
+        return path;
+    },
+    wraps: function ( node ) {
+        swap( this, node ).appendChild( node );
+        return this;
+    },
+    empty: function () {
+        var frag = this.ownerDocument.createDocumentFragment(),
+            l = this.childNodes.length;
+        while ( l-- ) {
+            frag.appendChild( this.firstChild );
+        }
+        return frag;
+    },
+    is: function ( tag, attributes ) {
+        if ( this.nodeName !== tag ) { return false; }
+        var attr;
+        for ( attr in attributes ) {
+            if ( this.getAttribute( attr ) !== attributes[ attr ] ) {
+                return false;
+            }
+        }
+        return true;
+    },
+    nearest: function ( tag, attributes ) {
+        var el = this;
+        do {
+            if ( el.is( tag, attributes ) ) {
+                return el;
+            }
+        } while ( ( el = el.parentNode ) &&
+            ( el.nodeType === ELEMENT_NODE ) );
+        return null;
+    },
+    isLike: function ( node ) {
+        return (
+            node.nodeType === ELEMENT_NODE &&
+            node.nodeName === this.nodeName &&
+            node.className === this.className &&
+            node.style.cssText === this.style.cssText
+        );
+    },
+    mergeInlines: function ( range ) {
+        var children = this.childNodes,
+            l = children.length,
+            frags = [],
+            child, prev, len;
+        while ( l-- ) {
+            child = children[l];
+            prev = l && children[ l - 1 ];
+            if ( l && child.isInline() && child.isLike( prev ) ) {
+                if ( range.startContainer === child ) {
+                    range.startContainer = prev;
+                    range.startOffset += prev.getLength();
+                }
+                if ( range.endContainer === child ) {
+                    range.endContainer = prev;
+                    range.endOffset += prev.getLength();
+                }
+                if ( range.startContainer === this ) {
+                    if ( range.startOffset > l ) {
+                        range.startOffset -= 1;
+                    }
+                    else if ( range.startOffset === l ) {
+                        range.startContainer = prev;
+                        range.startOffset = prev.getLength();
+                    }
+                }
+                if ( range.endContainer === this ) {
+                    if ( range.endOffset > l ) {
+                        range.endOffset -= 1;
+                    }
+                    else if ( range.endOffset === l ) {
+                        range.endContainer = prev;
+                        range.endOffset = prev.getLength();
+                    }
+                }
+                child.detach();
+                if ( child.nodeType === TEXT_NODE ) {
+                    prev.appendData( child.data );
+                }
+                else {
+                    frags.push( child.empty() );
+                }
+            }
+            else if ( child.nodeType === ELEMENT_NODE ) {
+                len = frags.length;
+                while ( len-- ) {
+                    child.appendChild( frags.pop() );
+                }
+                child.mergeInlines( range );
+            }
+        }
+    },
+    mergeWithBlock: function ( next, range ) {
+        var block = this,
+            container = next,
+            last, offset, _range;
+        while ( container.parentNode.childNodes.length === 1 ) {
+            container = container.parentNode;
+        }
+        container.detach();
+        
+        offset = block.childNodes.length;
+        
+        // Remove extra <BR> fixer if present.
+        last = block.lastChild;
+        if ( last && last.nodeName === 'BR' ) {
+            block.removeChild( last );
+            offset -= 1;
+        }
+        
+        _range = {
+            startContainer: block,
+            startOffset: offset,
+            endContainer: block,
+            endOffset: offset
+        };
+        
+        block.appendChild( next.empty() );
+        block.mergeInlines( _range );
+        
+        range.setStart(
+            _range.startContainer, _range.startOffset );
+        range.collapse( true );
+        
+        // Opera inserts a BR if you delete the last piece of text
+        // in a block-level element. Unfortunately, it then gets
+        // confused when setting the selection subsequently and
+        // refuses to accept the range that finishes just before the
+        // BR. Removing the BR fixes the bug.
+        // Steps to reproduce bug: Type "a-b-c" (where - is return)
+        // then backspace twice. The cursor goes to the top instead
+        // of after "b".
+        if ( window.opera && ( last = block.lastChild ) &&
+                last.nodeName === 'BR' ) {
+            block.removeChild( last );
+        }
+    },
+    mergeContainers: function () {
+        var prev = this.previousSibling,
+            first = this.firstChild;
+        if ( prev && prev.isLike( this ) && prev.isContainer() ) {
+            prev.appendChild( this.detach().empty() );
+            if ( first ) {
+                first.mergeContainers();
+            }
+        }
+    },
+    split: function ( childNodeToSplitBefore, stopCondition ) {
+        var node = this;
+        
+        if ( typeof( childNodeToSplitBefore ) === 'number' ) {
+            childNodeToSplitBefore = node.childNodes[ childNodeToSplitBefore ];
+        }
+        
+        if ( stopCondition( node ) ) {
+            return childNodeToSplitBefore;
+        }
+        
+        // Clone node without children
+        var parent = node.parentNode,
+            clone = node.cloneNode( false ),
+            next;
+        
+        // Add right-hand siblings to the clone
+        while ( childNodeToSplitBefore ) {
+            next = childNodeToSplitBefore.nextSibling;
+            clone.appendChild( childNodeToSplitBefore );
+            childNodeToSplitBefore = next;
+        }
+        
+        // DO NOT NORMALISE. This may undo the fixCursor() call
+        // of a node lower down the tree!
+        
+        // We need something in the element in order for the cursor to appear.
+        node.fixCursor();
+        clone.fixCursor();
+        
+        // Inject clone after original node
+        if ( next = node.nextSibling ) {
+            parent.insertBefore( clone, next );
+        } else {
+            parent.appendChild( clone );
+        }
+        
+        // Keep on splitting up the tree
+        return parent.split( clone, stopCondition );
+    },
+    fixCursor: function () {
+        // In Webkit and Gecko, block level elements are collapsed and
+        // unfocussable if they have no content. To remedy this, a <BR> must be
+        // inserted. In Opera and IE, we just need a textnode in order for the
+        // cursor to appear.
+        var el = this,
+            doc = el.ownerDocument,
+            fixer, child;
+        
+        if ( el.nodeName === 'BODY' ) {
+            if ( !el.firstChild ) {
+                fixer = doc.createElement( 'DIV' );
+                el.appendChild( fixer );
+                el = fixer;
+                fixer = null;
+            }
+        }
+        
+        if ( el.isInline() ) {
+            if ( !el.firstChild ) {
+                fixer = doc.createTextNode( /* isWebkit ? '\u200B' :*/ '' );
+            }
+        } else {
+            if ( useTextFixer ) {
+                while ( el.nodeType !== TEXT_NODE ) {
+                    child = el.firstChild;
+                    if ( !child ) {
+                        fixer = doc.createTextNode( '' );
+                        break;
+                    }
+                    el = child;
+                }
+            }
+            else if ( !el.textContent && !el.querySelector( 'BR' ) ) {
+                fixer = doc.createElement( 'BR' );
+                while ( ( child = el.lastElementChild ) && !child.isInline() ) {
+                    el = child;
+                }
+            }
+        }
+        if ( fixer ) {
+            el.appendChild( fixer );
+        }
+        
+        return this;
+    }
+});
+
+// Fix IE9's buggy implementation of Text#splitText.
+// If the split is at the end of the node, it doesn't insert the newly split
+// node into the document, and sets its value to undefined rather than ''.
+// And even if the split is not at the end, the original node is removed from
+// the document and replaced by another, rather than just having its data
+// shortened.
+if ( function () {
+    var div = document.createElement( 'div' ),
+        text = document.createTextNode( '12' );
+    div.appendChild( text );
+    text.splitText( 2 );
+    return div.childNodes.length !== 2;
+}() ) {
+    Text.prototype.splitText = function ( offset ) {
+        var afterSplit = this.ownerDocument.createTextNode(
+                this.data.slice( offset ) ),
+            next = this.nextSibling,
+            parent = this.parentNode,
+            toDelete = this.length - offset;
+        if ( next ) {
+            parent.insertBefore( afterSplit, next );
+        } else {
+            parent.appendChild( afterSplit );
+        }
+        if ( toDelete ) {
+            this.deleteData( offset, toDelete );
+        }
+        return afterSplit;
+    };
+}
+
+}() );
\ No newline at end of file
diff --git a/source/Range.js b/source/Range.js
new file mode 100644
index 0000000..d35dbdd
--- /dev/null
+++ b/source/Range.js
@@ -0,0 +1,410 @@
+/* Copyright © 2011 by Neil Jenkins. Licensed under the MIT license. */
+
+( function () {
+
+/*global Range, Node */
+
+"use strict";
+
+var implement = function ( constructor, props ) {
+    var proto = constructor.prototype,
+        prop;
+    for ( prop in props ) {
+        proto[ prop ] = props[ prop ];
+    }
+};
+
+var indexOf = Array.prototype.indexOf;
+
+var ELEMENT_NODE = 1,   // Node.ELEMENT_NODE
+    TEXT_NODE = 3,      // Node.TEXT_NODE
+    START_TO_START = 0, // Range.START_TO_START
+    START_TO_END = 1,   // Range.START_TO_END
+    END_TO_END = 2,     // Range.END_TO_END
+    END_TO_START = 3;   // Range.END_TO_START
+
+implement( Range, {
+    _insertNode: function ( node ) {
+        // Insert at start.
+        var startContainer = this.startContainer,
+            startOffset = this.startOffset,
+            endContainer = this.endContainer,
+            endOffset = this.endOffset,
+            parent, children, childCount, afterSplit;
+
+        if ( startContainer.nodeType === TEXT_NODE ) {
+            parent = startContainer.parentNode;
+            children = parent.childNodes;
+            if ( startOffset ) {
+                afterSplit = startContainer.splitText( startOffset );
+                if ( endContainer === startContainer ) {
+                    endOffset -= startOffset;
+                    endContainer = afterSplit;
+                }
+                else if ( endContainer === parent ) {
+                    endOffset += 1;
+                }
+                startContainer = afterSplit;
+            }
+            startOffset = indexOf.call( children, startContainer );
+            startContainer = parent;
+        } else {
+            children = startContainer.childNodes;
+        }
+
+        childCount = children.length;
+
+        if ( startOffset === childCount) {
+            startContainer.appendChild( node );
+        } else {
+            startContainer.insertBefore( node, children[ startOffset ] );
+        }
+        if ( startContainer === endContainer ) {
+            endOffset += children.length - childCount;
+        }
+
+        this.setStart( startContainer, startOffset );
+        this.setEnd( endContainer, endOffset );
+
+        return this;
+    },
+
+    _extractContents: function ( common ) {
+        var startContainer = this.startContainer,
+            startOffset = this.startOffset,
+            endContainer = this.endContainer,
+            endOffset = this.endOffset;
+
+        if ( !common ) {
+            common = this.commonAncestorContainer;
+        }
+
+        if ( common.nodeType === TEXT_NODE ) {
+            common = common.parentNode;
+        }
+
+        var uptoCommon = function ( node ) {
+                return node === common;
+            },
+            endNode = endContainer.split( endOffset, uptoCommon ) || null,
+            startNode = startContainer.split( startOffset, uptoCommon ),
+            frag = common.ownerDocument.createDocumentFragment(),
+            next;
+
+        // End node will be null if at end of child nodes list.
+        while ( startNode !== endNode ) {
+            next = startNode.nextSibling;
+            frag.appendChild( startNode );
+            startNode = next;
+        }
+
+        this.setStart( common, endNode ?
+            indexOf.call( common.childNodes, endNode ) :
+                common.childNodes.length );
+        this.collapse( true );
+
+        common.fixCursor();
+
+        return frag;
+    },
+    
+    _deleteContents: function () {
+        // Move boundaries up as much as possible to reduce need to split.
+        this.moveBoundariesUpTree();
+        
+        // Remove selected range
+        this._extractContents();
+        
+        // If we split into two different blocks, merge the blocks.
+        this.moveBoundariesDownTree();
+        
+        var startBlock = this.getStartBlock(),
+            endBlock = this.getEndBlock();
+        if ( startBlock !== endBlock ) {
+            startBlock.mergeWithBlock( endBlock, this );
+        }
+        
+        // Ensure body has a block-level element in it.
+        var doc = startBlock.ownerDocument,
+            body = doc.body,
+            bodyFirstChild = body.firstChild;
+        if ( !bodyFirstChild || bodyFirstChild.nodeName === 'BR' ) {
+            startBlock = doc.createElement( 'DIV' ).fixCursor();
+            if ( bodyFirstChild ) {
+                body.replaceChild( startBlock, bodyFirstChild );
+            }
+            else {
+                body.appendChild( startBlock );
+            }
+            this.selectNodeContents( startBlock );
+        }
+        
+        return this;
+    },
+    
+    // ---
+    
+    insertTreeFragment: function ( frag ) {
+        // Check if it's all inline content
+        var isInline = true,
+            children = frag.childNodes,
+            l = children.length;
+        while ( l-- ) {
+            if ( !children[l].isInline() ) {
+                isInline = false;
+                break;
+            }
+        }
+        
+        // Delete any selected content
+        if ( !this.collapsed ) {
+            this._deleteContents();
+        }
+
+        // Move range down into text ndoes
+        this.moveBoundariesDownTree();
+        
+        // If inline, just insert at the current position.
+        if ( isInline ) {
+            this._insertNode( frag );
+            this.collapse( false );
+        }
+        // Otherwise, split up to body, insert inline before and after split
+        // and insert block in between split, then merge containers.
+        else {
+            var nodeAfterSplit = this.startContainer.split( this.startOffset,
+                    function ( node ) { return node.nodeName === 'BODY'; }),
+                nodeBeforeSplit = nodeAfterSplit.previousSibling,
+                startContainer = nodeBeforeSplit,
+                startOffset = startContainer.childNodes.length,
+                endContainer = nodeAfterSplit,
+                endOffset = 0,
+                parent = nodeAfterSplit.parentNode,
+                child;
+            
+            while ( ( child = startContainer.lastChild ) &&
+                    child.nodeType === ELEMENT_NODE &&
+                    child.nodeName !== 'BR' ) {
+                startContainer = child;
+                startOffset = startContainer.childNodes.length;
+            }
+            while ( ( child = endContainer.firstChild ) &&
+                    child.nodeType === ELEMENT_NODE &&
+                    child.nodeName !== 'BR' ) {
+                endContainer = child;
+            }
+            while ( ( child = frag.firstChild ) && child.isInline() ) {
+                startContainer.appendChild( child );
+            }
+            while ( ( child = frag.lastChild ) && child.isInline() ) {
+                endContainer.insertBefore( child, endContainer.firstChild );
+                endOffset += 1;
+            }
+            parent.insertBefore( frag, nodeAfterSplit );
+            
+            // 6. Merge containers at edges
+            nodeAfterSplit.mergeContainers();
+            nodeBeforeSplit.nextSibling.mergeContainers();
+            
+            // Merge containers
+            this.setStart( startContainer, startOffset );
+            this.setEnd( endContainer, endOffset );
+        }
+    },
+
+    // ---
+    
+    containsNode: function ( node, partial ) {
+        var range = this,
+            nodeRange = node.ownerDocument.createRange();
+
+        nodeRange.selectNodeContents( node );
+
+        if ( partial ) {
+            // Node must not finish before range starts or start after range
+            // finishes.
+            var nodeEndBeforeStart = ( range.compareBoundaryPoints(
+                    END_TO_START, nodeRange ) === 1 ),
+                nodeStartAfterEnd = ( range.compareBoundaryPoints(
+                    START_TO_END, nodeRange ) === -1 );
+            return ( !nodeEndBeforeStart && !nodeStartAfterEnd );
+        }
+        else {
+            // Node must start after range starts and finish before range
+            // finishes
+            var nodeStartAfterStart = ( range.compareBoundaryPoints(
+                    START_TO_START, nodeRange ) === -1 ),
+                nodeEndBeforeEnd = ( range.compareBoundaryPoints(
+                    END_TO_END, nodeRange ) === 1 );
+            return ( nodeStartAfterStart && nodeEndBeforeEnd );
+        }
+    },
+    
+    moveBoundariesDownTree: function () {
+        var startContainer = this.startContainer,
+            startOffset = this.startOffset,
+            endContainer = this.endContainer,
+            endOffset = this.endOffset,
+            child;
+
+        while ( startContainer.nodeType !== TEXT_NODE ) {
+            child = startContainer.childNodes[ startOffset ];
+            if ( !child || child.nodeName === 'BR' ) {
+                break;
+            }
+            startContainer = child;
+            startOffset = 0;
+        }
+        if ( endOffset ) {
+            while ( endContainer.nodeType !== TEXT_NODE ) {
+                child = endContainer.childNodes[ endOffset - 1 ];
+                if ( !child || child.nodeName === 'BR' ) {
+                    break;
+                }
+                endContainer = child;
+                endOffset = endContainer.getLength();
+            }
+        } else {
+            while ( endContainer.nodeType !== TEXT_NODE ) {
+                child = endContainer.firstChild;
+                if ( !child || child.nodeName === 'BR' ) {
+                    break;
+                }
+                endContainer = child;
+            }
+        }
+        
+        // If collapsed, this algorithm finds the nearest text node positions
+        // *outside* the range rather than inside, but also it flips which is
+        // assigned to which.
+        if ( this.collapsed ) {
+            this.setStart( endContainer, endOffset );
+            this.setEnd( startContainer, startOffset );
+        } else {
+            this.setStart( startContainer, startOffset );
+            this.setEnd( endContainer, endOffset );
+        }
+        
+        return this;
+    },
+
+    moveBoundariesUpTree: function ( common ) {
+        var startContainer = this.startContainer,
+            startOffset = this.startOffset,
+            endContainer = this.endContainer,
+            endOffset = this.endOffset,
+            parent;
+
+        if ( !common ) {
+            common = this.commonAncestorContainer;
+        }
+
+        while ( startContainer !== common && !startOffset ) {
+            parent = startContainer.parentNode;
+            startOffset = indexOf.call( parent.childNodes, startContainer );
+            startContainer = parent;
+        }
+
+        while ( endContainer !== common &&
+                endOffset === endContainer.getLength() ) {
+            parent = endContainer.parentNode;
+            endOffset = indexOf.call( parent.childNodes, endContainer ) + 1;
+            endContainer = parent;
+        }
+
+        this.setStart( startContainer, startOffset );
+        this.setEnd( endContainer, endOffset );
+
+        return this;
+    },
+
+    getStartBlock: function () {
+        var node = this.startContainer,
+            offset = this.startOffset,
+            children = node.childNodes;
+        if ( node.nodeType === ELEMENT_NODE &&
+                offset < children.length ) {
+            node = children[ offset ];
+        }
+        if ( !node.isBlock() ) {
+            node = node.getPreviousBlock() ||
+                this.startContainer.ownerDocument.body.getNextBlock();
+        }
+        return node;
+    },
+
+    getEndBlock: function () {
+        var node = this.endContainer,
+            offset = this.endOffset,
+            children = node.childNodes;
+        if ( node.nodeType === ELEMENT_NODE &&
+                offset && offset <= children.length ) {
+            node = children[ offset - 1 ];
+        }
+        if ( !node.isBlock() ) {
+            node = node.getPreviousBlock() ||
+                this.startContainer.ownerDocument.body.getNextBlock();
+        }
+        return node;
+    },
+
+    startsAtBlockBoundary: function () {
+        var startContainer = this.startContainer,
+            startOffset = this.startOffset,
+            parent, child;
+
+        while ( startContainer.isInline() ) {
+            if ( startOffset ) {
+                return false;
+            }
+            parent = startContainer.parentNode;
+            startOffset = indexOf.call( parent.childNodes, startContainer );
+            startContainer = parent;
+        }
+        // Skip empty text nodes and <br>s.
+        while ( startOffset &&
+                ( child = startContainer.childNodes[ startOffset - 1 ] ) &&
+                ( child.data === '' || child.nodeName === 'BR' ) ) {
+            startOffset -= 1;
+        }
+        return !startOffset;
+    },
+
+    endsAtBlockBoundary: function () {
+        var endContainer = this.endContainer,
+            endOffset = this.endOffset,
+            length = endContainer.getLength(),
+            parent, child;
+
+        while ( endContainer.isInline() ) {
+            if ( endOffset !== length ) {
+                return false;
+            }
+            parent = endContainer.parentNode;
+            endOffset = indexOf.call( parent.childNodes, endContainer ) + 1;
+            endContainer = parent;
+            length = endContainer.childNodes.length;
+        }
+        // Skip empty text nodes and <br>s.
+        while ( endOffset < length &&
+                ( child = endContainer.childNodes[ endOffset ] ) &&
+                ( child.data === '' || child.nodeName === 'BR' ) ) {
+            endOffset += 1;
+        }
+        return endOffset === length;
+    },
+
+    expandToBlockBoundaries: function () {
+        var start = this.getStartBlock(),
+            end = this.getEndBlock(),
+            parent = start.parentNode;
+
+        this.setStart( parent, indexOf.call( parent.childNodes, start ) );
+        parent = end.parentNode;
+        this.setEnd( parent, indexOf.call( parent.childNodes, end ) + 1 );
+
+        return this;
+    }
+});
+
+}() );
\ No newline at end of file
diff --git a/source/document.html b/source/document.html
new file mode 100644
index 0000000..52398d1
--- /dev/null
+++ b/source/document.html
@@ -0,0 +1,57 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <title></title>
+  <style type="text/css">
+    html {
+      height: 100%;
+    }
+    body {
+      -moz-box-sizing: border-box;
+      -webkit-box-sizing: border-box;
+      -ms-box-sizing: border-box;
+      box-sizing: border-box;
+      height: 100%;
+	    padding: 1em;
+      background: transparent;
+      color: #2b2b2b;
+      font: 13px/1.35 Helvetica, arial, sans-serif;
+      cursor: text;
+    }
+    a {
+      text-decoration: underline;
+    }
+    h1 {
+      font-size: 138.5%;
+    }
+    h2 {
+      font-size: 123.1%;
+    }
+    h3 {
+      font-size: 108%;
+    }
+    h1,h2,h3,p {
+      margin: 1em 0;
+    }
+    h4,h5,h6 {
+      margin: 0;
+    }    
+    ul, ol {
+      margin: 0 1em;
+      padding: 0 1em;
+    }
+    
+    blockquote {
+      border-left: 2px solid blue;
+      margin: 0;
+      padding: 0 10px;
+    }
+  </style>
+  
+  <script type="text/javascript" src="squire.js"></script>
+</head>
+<body></body>
+</html>
\ No newline at end of file