From 29cc3af576f37f1ac778dc0aa4a3e3e2b03e7997 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ot=C3=A1vio=20Augusto=20Soares?= <otaviokk@gmail.com>
Date: Fri, 21 Feb 2014 03:11:30 -0300
Subject: [PATCH 1/4] textarea div replacement

---
 build/jquery.notebook.min.css |    2 +-
 build/jquery.notebook.min.js  |  404 +---------
 index.html                    |    4 +-
 src/js/jquery.notebook.js     | 1319 +++++++++++++++++----------------
 4 files changed, 670 insertions(+), 1059 deletions(-)

diff --git a/build/jquery.notebook.min.css b/build/jquery.notebook.min.css
index a0fb2d4..071fa61 100644
--- a/build/jquery.notebook.min.css
+++ b/build/jquery.notebook.min.css
@@ -1 +1 @@
-.jquery-notebook.editor{position:relative;outline:0;min-height:50px}.jquery-notebook.editor p{z-index:2;position:relative;min-height:1px}.jquery-notebook.editor p.placeholder{position:absolute;z-index:1;opacity:.5;pointer-events:none}.jquery-notebook p:first-child,.jquery-notebook p.placeholder+p{margin-top:0}.jquery-notebook.bubble{position:absolute;z-index:3;opacity:1;height:43px;left:0;top:0;opacity:0;border-radius:5px;-webkit-box-shadow:2px 2px 2px -1px rgba(0,0,0,.7),inset 0 0 1px rgba(255,255,255,.07),inset 0 0 2px rgba(255,255,255,.15000000000000002);box-shadow:2px 2px 2px -1px rgba(0,0,0,.7),inset 0 0 1px rgba(255,255,255,.07),inset 0 0 2px rgba(255,255,255,.15000000000000002);background:#323232;-webkit-transition:.5s ease-in-out;transition:.5s ease-in-out}.jquery-notebook.bubble.active{opacity:1}.jquery-notebook.bubble:after{content:'';display:block;position:absolute;left:50%;bottom:-3px;margin-left:-4px;width:8px;height:8px;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);background:#323232;-webkit-box-shadow:0 0 2px #262625;box-shadow:0 0 2px #262625}.jquery-notebook.bubble ul{padding:0;margin:0;list-style:none}.jquery-notebook.bubble ul li{display:inline}.jquery-notebook.bubble button{outline:0;border:0;background:transparent;width:41px;height:42px;font-family:FontAwesome;color:#fff;font-size:14pt;cursor:pointer;margin-top:0}.jquery-notebook.bubble button.active{color:#1ed228}.jquery-notebook.bubble button.bold:after{content:"\f032"}.jquery-notebook.bubble button.italic:after{content:"\f033"}.jquery-notebook.bubble button.underline:after{content:"\f0cd"}.jquery-notebook.bubble button.anchor:after{content:"\f0c1"}.jquery-notebook.bubble button.paste:after{content:"\f0ea"}.jquery-notebook.bubble button.h1:after{font-family:inherit;content:"h1"}.jquery-notebook.bubble button.h2:after{font-family:inherit;content:"h2"}.jquery-notebook.bubble button.ul:after{font-family:inherit;content:"\f0ca"}.jquery-notebook.bubble button.ol:after{font-family:inherit;content:"\f0cb"}.jquery-notebook .link-area{display:none}.jquery-notebook .link-area button{float:left}.jquery-notebook .link-area button:after{content:"\f00d"}.jquery-notebook input[type=text]{width:220px;height:28px;margin:6px 0 0 10px;background:0;border:0;outline:0;color:#fff;font-size:14px;float:left}
\ No newline at end of file
+.jquery-notebook.editor{position:relative;outline:0;min-height:50px}.jquery-notebook.editor p{z-index:2;position:relative;min-height:1px}.jquery-notebook.editor p.placeholder{position:absolute;z-index:1;opacity:.5;pointer-events:none}.jquery-notebook p:first-child,.jquery-notebook p.placeholder+p{margin-top:0}.jquery-notebook.bubble{position:absolute;z-index:3;opacity:1;height:43px;left:0;top:0;opacity:0;border-radius:5px;border:1px solid #1C1C1B;-webkit-box-shadow:0 2px 3px rgba(0,0,0,.2),inset 0 0 2px rgba(255,255,255,.2);box-shadow:0 2px 3px rgba(0,0,0,.2),inset 0 0 2px rgba(255,255,255,.2);background:#373735;background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(55,55,53,1)),color-stop(100%,rgba(40,40,39,1)));background:-webkit-linear-gradient(top,rgba(55,55,53,1) 0,rgba(40,40,39,1) 100%);background:-webkit-gradient(linear,left top,left bottom,from(rgba(55,55,53,1)),to(rgba(40,40,39,1)));background:-webkit-linear-gradient(top,rgba(55,55,53,1) 0,rgba(40,40,39,1) 100%);background:linear-gradient(to bottom,rgba(55,55,53,1) 0,rgba(40,40,39,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#373735', endColorstr='#282827', GradientType=0);-webkit-transition:.15s ease-in-out;transition:.15s ease-in-out;-webkit-transition:.15s ease-in-out}.jquery-notebook.bubble.active{opacity:1}.jquery-notebook.bubble.jump{-webkit-transition:opacity .15s;transition:opacity .15s;-webkit-transition:opacity .15s}.jquery-notebook.bubble:after{content:'';display:block;position:absolute;left:50%;bottom:-6px;margin-left:-8px;width:16px;height:16px;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);background:#282827;-webkit-box-shadow:2px 2px 1px rgba(0,0,0,.1);box-shadow:2px 2px 1px rgba(0,0,0,.1)}.jquery-notebook.bubble ul{padding:0;margin:0;list-style:none}.jquery-notebook.bubble ul li{display:inline}.jquery-notebook.bubble button{outline:0;border:0;background:transparent;width:41px;height:42px;font-family:FontAwesome;color:#fff;font-size:14pt;cursor:pointer}.jquery-notebook.bubble button.active{color:#60D778}.jquery-notebook.bubble button.bold:after{content:"\f032"}.jquery-notebook.bubble button.italic:after{content:"\f033"}.jquery-notebook.bubble button.underline:after{content:"\f0cd"}.jquery-notebook.bubble button.anchor:after{content:"\f0c1"}.jquery-notebook.bubble button.paste:after{content:"\f0ea"}.jquery-notebook.bubble button.h1:after{font-family:inherit;content:"h1"}.jquery-notebook.bubble button.h2:after{font-family:inherit;content:"h2"}.jquery-notebook.bubble button.ul:after{font-family:inherit;content:"\f0ca"}.jquery-notebook.bubble button.ol:after{font-family:inherit;content:"\f0cb"}.jquery-notebook .link-area{display:none}.jquery-notebook .link-area button{float:left}.jquery-notebook .link-area button:after{content:"\f00d"}.jquery-notebook input[type=text]{width:220px;height:28px;margin:6px 0 0 10px;background:0;border:0;outline:0;color:#fff;font-size:14px;float:left}
\ No newline at end of file
diff --git a/build/jquery.notebook.min.js b/build/jquery.notebook.min.js
index 62583b2..02a46bb 100644
--- a/build/jquery.notebook.min.js
+++ b/build/jquery.notebook.min.js
@@ -1,403 +1 @@
-! function(e, t, n) {
-  var o, i = function() {
-      var e = function(e) {
-        return e && "none" != e ? e.match(/(-?[0-9\.]+)/g) : [1, 0, 0, 1, 0, 0]
-      }, t = function(e) {
-          return e.css("-webkit-transform") || e.css("transform") || e.css("-moz-transform") || e.css("-o-transform") || e.css("-ms-transform")
-        }, n = function(n) {
-          var o = t(n);
-          return e(o)
-        }, o = function(e, t) {
-          e.css("-webkit-transform", t), e.css("-moz-transform", t), e.css("-o-transform", t), e.css("-ms-transform", t), e.css("transform", t)
-        }, i = function(e) {
-          return "matrix(" + e[0] + ", " + e[1] + ", " + e[2] + ", " + e[3] + ", " + e[4] + ", " + e[5] + ")"
-        }, a = function(e) {
-          var t = n(e);
-          return {
-            x: parseInt(t[4]),
-            y: parseInt(t[5])
-          }
-        }, l = function(e, t) {
-          var a = n(e);
-          a[0] = a[3] = t;
-          var l = i(a);
-          o(e, l)
-        }, c = function(e, t, a) {
-          var l = n(e);
-          l[4] = t, l[5] = a;
-          var c = i(l);
-          o(e, c)
-        }, r = function(e, t) {
-          var a = n(e),
-            l = t * (Math.PI / 180),
-            c = -1 * l;
-          a[1] = l, a[2] = c;
-          var r = i(a);
-          o(e, r)
-        };
-      return {
-        scale: l,
-        translate: c,
-        rotate: r,
-        getTranslate: a
-      }
-    }(),
-    a = "MacIntel" == n.navigator.platform,
-    l = 0,
-    c = 0,
-    r = {
-      command: !1,
-      shift: !1,
-      isSelecting: !1
-    }, s = {
-      66: "bold",
-      73: "italic",
-      85: "underline",
-      112: "h1",
-      113: "h2",
-      122: "undo"
-    }, u = {
-      keyboard: {
-        isCommand: function(e, t, n) {
-          a && e.metaKey || !a && e.ctrlKey ? t() : n()
-        },
-        isShift: function(e, t, n) {
-          e.shiftKey ? t() : n()
-        },
-        isModifier: function(e, t) {
-          var n = e.which,
-            o = s[n];
-          o && t.call(this, o)
-        },
-        isEnter: function(e, t) {
-          13 === e.which && t()
-        },
-        isArrow: function(e, t) {
-          (e.which >= 37 || e.which <= 40) && t()
-        }
-      },
-      html: {
-        addTag: function(n, o, i, a) {
-          var l = e(t.createElement(o));
-          return l.attr("contenteditable", Boolean(a)), l.append(" "), n.append(l), i && (r.focusedElement = n.children().last(), u.cursor.set(n, 0, r.focusedElement)), l
-        }
-      },
-      cursor: {
-        set: function(e, o, i) {
-          var a;
-          if (t.createRange) {
-            a = t.createRange();
-            var l = n.getSelection(),
-              c = e.children().last(),
-              r = c.html().length - 1,
-              s = i ? i[0] : c[0],
-              u = "undefined" != typeof o ? o : r;
-            a.setStart(s, u), a.collapse(!0), l.removeAllRanges(), l.addRange(a)
-          } else a = t.body.createTextRange(), a.moveToElementText(i), a.collapse(!1), a.select()
-        }
-      },
-      selection: {
-        save: function() {
-          if (n.getSelection) {
-            var e = n.getSelection();
-            if (e.rangeCount > 0) return e.getRangeAt(0)
-          } else if (t.selection && t.selection.createRange) return t.selection.createRange();
-          return null
-        },
-        restore: function(e) {
-          if (e)
-            if (n.getSelection) {
-              var o = n.getSelection();
-              o.removeAllRanges(), o.addRange(e)
-            } else t.selection && e.select && e.select()
-        },
-        getText: function() {
-          var e = "";
-          return n.getSelection ? e = n.getSelection().toString() : t.getSelection ? e = t.getSelection().toString() : t.selection && (e = t.selection.createRange().text), e
-        },
-        clear: function() {
-          window.getSelection ? window.getSelection().empty ? window.getSelection().empty() : window.getSelection().removeAllRanges && window.getSelection().removeAllRanges() : document.selection && document.selection.empty()
-        },
-        getContainer: function(e) {
-          return n.getSelection && e && e.commonAncestorContainer ? e.commonAncestorContainer : t.selection && e && e.parentElement ? e.parentElement() : null
-        }
-      },
-      validation: {
-        isUrl: function(e) {
-          return /^(https?:\/\/)?([\da-z\.-]+)\.([a-z\.]{2,6})([\/\w \.-]*)*\/?$/.test(e)
-        }
-      }
-    }, d = {
-      updatePos: function(t, o) {
-        var a = n.getSelection(),
-          l = a.getRangeAt(0),
-          c = l.getBoundingClientRect(),
-          r = o.width(),
-          s = o.height(),
-          u = (t.offset().left, {
-            x: c.left + c.width / 2 - r / 2,
-            y: c.top - s - 8 + e(document).scrollTop()
-          });
-        i.translate(o, u.x, u.y)
-      },
-      updateState: function(e, t) {
-        t.find("button").removeClass("active");
-        var o = n.getSelection(),
-          i = [];
-        d.checkForFormatting(o.focusNode, i);
-        for (var a = {
-          b: "bold",
-          i: "italic",
-          h1: "h1",
-          h2: "h2",
-          a: "anchor",
-          ul: "ul",
-          ol: "ol"
-        }, l = 0; l < i.length; l++) {
-          var c = i[l];
-          t.find("button." + a[c]).addClass("active")
-        }
-      },
-      checkForFormatting: function(e, t) {
-        var n = ["b", "i", "u", "h1", "h2", "ol", "ul", "li", "a"];
-        ("#text" === e.nodeName || -1 != n.indexOf(e.nodeName.toLowerCase())) && ("#text" != e.nodeName && t.push(e.nodeName.toLowerCase()), d.checkForFormatting(e.parentNode, t))
-      },
-      buildMenu: function(t, n) {
-        var i = u.html.addTag(n, "ul", !1, !1);
-        for (var a in o.modifiers) {
-          var l = u.html.addTag(i, "li", !1, !1),
-            c = u.html.addTag(l, "button", !1, !1);
-          c.attr("editor-command", o.modifiers[a]), c.addClass(o.modifiers[a])
-        }
-        n.find("button").click(function(n) {
-          n.preventDefault();
-          var o = e(this).attr("editor-command");
-          m.commands[o].call(t, n)
-        });
-        var r = u.html.addTag(n, "div", !1, !1);
-        r.addClass("link-area");
-        var s = u.html.addTag(r, "input", !1, !1);
-        s.attr({
-          type: "text"
-        });
-        var d = u.html.addTag(r, "button", !1, !1);
-        d.click(function(t) {
-          t.preventDefault();
-          e(this).closest(".editor");
-          e(this).closest(".link-area").hide(), e(this).closest(".bubble").find("ul").show()
-        })
-      },
-      show: function() {
-        var t = e(this).parent().find(".bubble");
-        t.length || (t = u.html.addTag(e(this).parent(), "div", !1, !1), t.addClass("jquery-notebook bubble"), d.buildMenu(this, t)), t.show(), d.updateState(this, t), t.addClass("active"), d.updatePos(e(this), t)
-      },
-      update: function() {
-        var t = e(this).parent().find(".bubble");
-        d.updateState(this, t)
-      },
-      clear: function() {
-        var t = e(this).parent().find(".bubble");
-        t.hasClass("active") && (t.removeClass("active"), d.hideLinkInput.call(this), d.showButtons.call(this), setTimeout(function() {
-          t.hasClass("active") || t.hide()
-        }, 500))
-      },
-      hideButtons: function() {
-        e(this).parent().find(".bubble").find("ul").hide()
-      },
-      showButtons: function() {
-        e(this).parent().find(".bubble").find("ul").show()
-      },
-      showLinkInput: function(t) {
-        d.hideButtons.call(this);
-        var n = this,
-          o = e(this).parent().find(".bubble").find("input[type=text]"),
-          i = o.closest(".jquery-notebook").find("button.anchor").hasClass("active");
-        o.unbind("keydown"), o.keydown(function(o) {
-          var a = e(this);
-          u.keyboard.isEnter(o, function() {
-            o.preventDefault();
-            var e = a.val();
-            u.validation.isUrl(e) ? (o.url = e, m.commands.createLink(o, t), d.clear.call(n)) : "" === e && i && (m.commands.removeLink(o, t), d.clear.call(n))
-          })
-        }), o.bind("paste", function() {
-          var t = e(this);
-          setTimeout(function() {
-            var e = t.val();
-            /http:\/\/https?:\/\//.test(e) && (e = e.substring(7), t.val(e))
-          }, 1)
-        });
-        var a = "http://";
-        if (i) {
-          var l = e(u.selection.getContainer(t)).closest("a");
-          a = l.prop("href") || a
-        }
-        e(this).parent().find(".link-area").show(), o.val(a).focus()
-      },
-      hideLinkInput: function() {
-        e(this).parent().find(".bubble").find(".link-area").hide()
-      }
-    }, f = {
-      bindEvents: function(t) {
-        t.keydown(h.keydown), t.keyup(h.keyup), t.focus(h.focus), t.bind("paste", m.paste), t.mousedown(h.mouseClick), t.mouseup(h.mouseUp), t.mousemove(h.mouseMove), t.blur(h.blur), e("body").mouseup(function(e) {
-          e.target == e.currentTarget && r.isSelecting && h.mouseUp.call(t, e)
-        })
-      },
-      setPlaceholder: function(t) {
-        if (/^\s*$/.test(e(this).text())) {
-          e(this).empty();
-          var n = u.html.addTag(e(this), "p").addClass("placeholder");
-          n.append(e(this).attr("editor-placeholder")), u.html.addTag(e(this), "p", "undefined" != typeof t.focus ? t.focus : !1, !0)
-        } else e(this).find(".placeholder").remove()
-      },
-      removePlaceholder: function() {
-        e(this).find(".placeholder").remove()
-      },
-      preserveElementFocus: function() {
-        var e = n.getSelection() ? n.getSelection().anchorNode : t.activeElement;
-        if (e) {
-          var o = e.parentNode,
-            i = o !== r.focusedElement,
-            a = this.children,
-            l = 0;
-          o === this && (o = e);
-          for (var c = 0; c < a.length; c++)
-            if (o === a[c]) {
-              l = c;
-              break
-            }
-          i && (r.focusedElement = o, r.focusedElementIndex = l)
-        }
-      },
-      prepare: function(e, t) {
-        if (o = t, e.attr("editor-mode", o.mode), e.attr("editor-placeholder", o.placeholder), e.attr("contenteditable", !0), e.css("position", "relative"), e.addClass("jquery-notebook editor"), f.setPlaceholder.call(e, {}), f.preserveElementFocus.call(e), o.autoFocus === !0) {
-          var n = e.find("p:not(.placeholder)");
-          u.cursor.set(e, 0, n)
-        }
-      }
-    }, h = {
-      keydown: function(e) {
-        var t = this;
-        r.command && 65 === e.which && setTimeout(function() {
-          d.show.call(t)
-        }, 50), u.keyboard.isCommand(e, function() {
-          r.command = !0
-        }, function() {
-          r.command = !1
-        }), u.keyboard.isShift(e, function() {
-          r.shift = !0
-        }, function() {
-          r.shift = !1
-        }), u.keyboard.isModifier.call(this, e, function(t) {
-          r.command && m.commands[t].call(this, e)
-        }), r.shift ? u.keyboard.isArrow.call(this, e, function() {
-          setTimeout(function() {
-            var e = u.selection.getText();
-            "" !== e ? d.show.call(t) : d.clear.call(t)
-          }, 100)
-        }) : u.keyboard.isArrow.call(this, e, function() {
-          d.clear.call(t)
-        }), 13 === e.which && m.enterKey.call(this, e), 27 === e.which && d.clear.call(this), 86 === e.which && m.paste.call(this, e)
-      },
-      keyup: function(t) {
-        u.keyboard.isCommand(t, function() {
-          r.command = !1
-        }, function() {
-          r.command = !0
-        }), f.preserveElementFocus.call(this), f.removePlaceholder.call(this), /^\s*$/.test(e(this).text()) && (e(this).empty(), u.html.addTag(e(this), "p", !0, !0))
-      },
-      focus: function() {
-        r.command = !1, r.shift = !1
-      },
-      mouseClick: function(t) {
-        var n = this;
-        if (r.isSelecting = !0, 2 === t.button) return setTimeout(function() {
-          d.show.call(n)
-        }, 50), void t.preventDefault();
-        if (e(this).find(".bubble:visible").length) {
-          var o = e(this).find(".bubble:visible"),
-            i = o.offset().left,
-            a = o.offset().top,
-            s = o.width(),
-            u = o.height();
-          if (l > i && i + s > l && c > a && a + u > c) return
-        }
-      },
-      mouseUp: function(e) {
-        e.preventDefault();
-        var t = this;
-        r.isSelecting = !1, setTimeout(function() {
-          var e = u.selection.save();
-          e.collapsed ? d.clear.call(t) : d.show.call(t)
-        }, 50)
-      },
-      mouseMove: function(e) {
-        l = e.pageX, c = e.pageY
-      },
-      blur: function() {
-        f.setPlaceholder.call(this, {
-          focus: !1
-        })
-      }
-    }, m = {
-      commands: {
-        bold: function(e) {
-          e.preventDefault(), t.execCommand("bold", !1), d.update.call(this)
-        },
-        italic: function(e) {
-          e.preventDefault(), t.execCommand("italic", !1), d.update.call(this)
-        },
-        underline: function(e) {
-          e.preventDefault(), t.execCommand("underline", !1), d.update.call(this)
-        },
-        anchor: function(e) {
-          e.preventDefault();
-          var t = u.selection.save();
-          d.showLinkInput.call(this, t)
-        },
-        createLink: function(e, n) {
-          u.selection.restore(n), t.execCommand("createLink", !1, e.url), d.update.call(this)
-        },
-        removeLink: function(t, n) {
-          var o = e(u.selection.getContainer(n)).closest("a");
-          o.contents().first().unwrap()
-        },
-        h1: function(n) {
-          n.preventDefault(), e(window.getSelection().anchorNode.parentNode).is("h1") ? t.execCommand("formatBlock", !1, "<p>") : t.execCommand("formatBlock", !1, "<h1>"), d.update.call(this)
-        },
-        h2: function(n) {
-          n.preventDefault(), e(window.getSelection().anchorNode.parentNode).is("h2") ? t.execCommand("formatBlock", !1, "<p>") : t.execCommand("formatBlock", !1, "<h2>"), d.update.call(this)
-        },
-        ul: function(e) {
-          e.preventDefault(), t.execCommand("insertUnorderedList", !1), d.update.call(this)
-        },
-        ol: function(e) {
-          e.preventDefault(), t.execCommand("insertOrderedList", !1), d.update.call(this)
-        },
-        undo: function(e) {
-          e.preventDefault(), t.execCommand("undo", !1)
-        }
-      },
-      enterKey: function(t) {
-        return "inline" === e(this).attr("editor-mode") ? void t.preventDefault() : void 0
-      },
-      paste: function() {
-        var t = e(this);
-        setTimeout(function() {
-          t.find("*").each(function() {
-            var t = e(this);
-            e.each(this.attributes, function() {
-              "class" === this.name && t.hasClass("placeholder") || t.removeAttr(this.name)
-            })
-          })
-        }, 100)
-      }
-    };
-  e.fn.notebook = function(t) {
-    return t = e.extend({}, e.fn.notebook.defaults, t), f.prepare(this, t), f.bindEvents(this), this
-  }, e.fn.notebook.defaults = {
-    autoFocus: !1,
-    placeholder: "Your text here...",
-    mode: "multiline",
-    modifiers: ["bold", "italic", "underline", "h1", "h2", "ol", "ul", "anchor"]
-  }
-}(jQuery, document, window);
\ No newline at end of file
+!function(e,t,n){var o,i=function(){var e=function(e){return e&&"none"!=e?e.match(/(-?[0-9\.]+)/g):[1,0,0,1,0,0]},t=function(e){return e.css("-webkit-transform")||e.css("transform")||e.css("-moz-transform")||e.css("-o-transform")||e.css("-ms-transform")},n=function(n){var o=t(n);return e(o)},o=function(e,t){e.css("-webkit-transform",t),e.css("-moz-transform",t),e.css("-o-transform",t),e.css("-ms-transform",t),e.css("transform",t)},i=function(e){return"matrix("+e[0]+", "+e[1]+", "+e[2]+", "+e[3]+", "+e[4]+", "+e[5]+")"},a=function(e){var t=n(e);return{x:parseInt(t[4]),y:parseInt(t[5])}},l=function(e,t){var a=n(e);a[0]=a[3]=t;var l=i(a);o(e,l)},s=function(e,t,a){var l=n(e);l[4]=t,l[5]=a;var s=i(l);o(e,s)},c=function(e,t){var a=n(e),l=t*(Math.PI/180),s=-1*l;a[1]=l,a[2]=s;var c=i(a);o(e,c)};return{scale:l,translate:s,rotate:c,getTranslate:a}}(),a="MacIntel"==n.navigator.platform,l=0,s=0,c={command:!1,shift:!1,isSelecting:!1},r={66:"bold",73:"italic",85:"underline",112:"h1",113:"h2",122:"undo"},u={keyboard:{isCommand:function(e,t,n){a&&e.metaKey||!a&&e.ctrlKey?t():n()},isShift:function(e,t,n){e.shiftKey?t():n()},isModifier:function(e,t){var n=e.which,o=r[n];o&&t.call(this,o)},isEnter:function(e,t){13===e.which&&t()},isArrow:function(e,t){(e.which>=37||e.which<=40)&&t()}},html:{addTag:function(n,o,i,a){var l=e(t.createElement(o));return l.attr("contenteditable",Boolean(a)),l.append(" "),n.append(l),i&&(c.focusedElement=n.children().last(),u.cursor.set(n,0,c.focusedElement)),l}},cursor:{set:function(e,o,i){var a;if(t.createRange){a=t.createRange();var l=n.getSelection(),s=e.children().last(),c=s.html().length-1,r=i?i[0]:s[0],u="undefined"!=typeof o?o:c;a.setStart(r,u),a.collapse(!0),l.removeAllRanges(),l.addRange(a)}else a=t.body.createTextRange(),a.moveToElementText(i),a.collapse(!1),a.select()}},selection:{save:function(){if(n.getSelection){var e=n.getSelection();if(e.rangeCount>0)return e.getRangeAt(0)}else if(t.selection&&t.selection.createRange)return t.selection.createRange();return null},restore:function(e){if(e)if(n.getSelection){var o=n.getSelection();o.removeAllRanges(),o.addRange(e)}else t.selection&&e.select&&e.select()},getText:function(){var e="";return n.getSelection?e=n.getSelection().toString():t.getSelection?e=t.getSelection().toString():t.selection&&(e=t.selection.createRange().text),e},clear:function(){window.getSelection?window.getSelection().empty?window.getSelection().empty():window.getSelection().removeAllRanges&&window.getSelection().removeAllRanges():document.selection&&document.selection.empty()},getContainer:function(e){return n.getSelection&&e&&e.commonAncestorContainer?e.commonAncestorContainer:t.selection&&e&&e.parentElement?e.parentElement():null}},validation:{isUrl:function(e){return/^(https?:\/\/)?([\da-z\.-]+)\.([a-z\.]{2,6})([\/\w \.-]*)*\/?$/.test(e)}}},d={updatePos:function(t,o){var a=n.getSelection(),l=a.getRangeAt(0),s=l.getBoundingClientRect(),c=o.width(),r=o.height(),u=(t.offset().left,{x:s.left+s.width/2-c/2,y:s.top-r-8+e(document).scrollTop()});i.translate(o,u.x,u.y)},updateState:function(e,t){t.find("button").removeClass("active");var o=n.getSelection(),i=[];d.checkForFormatting(o.focusNode,i);for(var a={b:"bold",i:"italic",u:"underline",h1:"h1",h2:"h2",a:"anchor",ul:"ul",ol:"ol"},l=0;l<i.length;l++){var s=i[l];t.find("button."+a[s]).addClass("active")}},checkForFormatting:function(e,t){var n=["b","i","u","h1","h2","ol","ul","li","a"];("#text"===e.nodeName||-1!=n.indexOf(e.nodeName.toLowerCase()))&&("#text"!=e.nodeName&&t.push(e.nodeName.toLowerCase()),d.checkForFormatting(e.parentNode,t))},buildMenu:function(t,n){var i=u.html.addTag(n,"ul",!1,!1);for(var a in o.modifiers){var l=u.html.addTag(i,"li",!1,!1),s=u.html.addTag(l,"button",!1,!1);s.attr("editor-command",o.modifiers[a]),s.addClass(o.modifiers[a])}n.find("button").click(function(n){n.preventDefault();var o=e(this).attr("editor-command");m.commands[o].call(t,n)});var c=u.html.addTag(n,"div",!1,!1);c.addClass("link-area");var r=u.html.addTag(c,"input",!1,!1);r.attr({type:"text"});var d=u.html.addTag(c,"button",!1,!1);d.click(function(t){t.preventDefault();e(this).closest(".editor");e(this).closest(".link-area").hide(),e(this).closest(".bubble").find("ul").show()})},show:function(){var t=e(this).parent().find(".bubble");t.length||(t=u.html.addTag(e(this).parent(),"div",!1,!1),t.addClass("jquery-notebook bubble"),d.buildMenu(this,t)),t.show(),d.updateState(this,t),t.hasClass("active")?t.removeClass("jump"):t.addClass("jump"),d.updatePos(e(this),t),t.addClass("active")},update:function(){var t=e(this).parent().find(".bubble");d.updateState(this,t)},clear:function(){var t=e(this).parent().find(".bubble");t.hasClass("active")&&(t.removeClass("active"),d.hideLinkInput.call(this),d.showButtons.call(this),setTimeout(function(){t.hasClass("active")||t.hide()},500))},hideButtons:function(){e(this).parent().find(".bubble").find("ul").hide()},showButtons:function(){e(this).parent().find(".bubble").find("ul").show()},showLinkInput:function(t){d.hideButtons.call(this);var n=this,o=e(this).parent().find(".bubble").find("input[type=text]"),i=o.closest(".jquery-notebook").find("button.anchor").hasClass("active");o.unbind("keydown"),o.keydown(function(o){var a=e(this);u.keyboard.isEnter(o,function(){o.preventDefault();var e=a.val();u.validation.isUrl(e)?(o.url=e,m.commands.createLink(o,t),d.clear.call(n)):""===e&&i&&(m.commands.removeLink(o,t),d.clear.call(n))})}),o.bind("paste",function(){var t=e(this);setTimeout(function(){var e=t.val();/http:\/\/https?:\/\//.test(e)&&(e=e.substring(7),t.val(e))},1)});var a="http://";if(i){var l=e(u.selection.getContainer(t)).closest("a");a=l.prop("href")||a}e(this).parent().find(".link-area").show(),o.val(a).focus()},hideLinkInput:function(){e(this).parent().find(".bubble").find(".link-area").hide()}},f={bindEvents:function(t){t.keydown(h.keydown),t.keyup(h.keyup),t.focus(h.focus),t.bind("paste",m.paste),t.mousedown(h.mouseClick),t.mouseup(h.mouseUp),t.mousemove(h.mouseMove),t.blur(h.blur),e("body").mouseup(function(e){e.target==e.currentTarget&&c.isSelecting&&h.mouseUp.call(t,e)})},setPlaceholder:function(t){if(/^\s*$/.test(e(this).text())){e(this).empty();var n=u.html.addTag(e(this),"p").addClass("placeholder");n.append(e(this).attr("editor-placeholder")),u.html.addTag(e(this),"p","undefined"!=typeof t.focus?t.focus:!1,!0)}else e(this).find(".placeholder").remove()},removePlaceholder:function(){e(this).find(".placeholder").remove()},preserveElementFocus:function(){var e=n.getSelection()?n.getSelection().anchorNode:t.activeElement;if(e){var o=e.parentNode,i=o!==c.focusedElement,a=this.children,l=0;o===this&&(o=e);for(var s=0;s<a.length;s++)if(o===a[s]){l=s;break}i&&(c.focusedElement=o,c.focusedElementIndex=l)}},prepare:function(e,t){if(o=t,e.attr("editor-mode",o.mode),e.attr("editor-placeholder",o.placeholder),e.attr("contenteditable",!0),e.css("position","relative"),e.addClass("jquery-notebook editor"),f.setPlaceholder.call(e,{}),f.preserveElementFocus.call(e),o.autoFocus===!0){var n=e.find("p:not(.placeholder)");u.cursor.set(e,0,n)}}},h={keydown:function(e){var t=this;c.command&&65===e.which&&setTimeout(function(){d.show.call(t)},50),u.keyboard.isCommand(e,function(){c.command=!0},function(){c.command=!1}),u.keyboard.isShift(e,function(){c.shift=!0},function(){c.shift=!1}),u.keyboard.isModifier.call(this,e,function(t){c.command&&m.commands[t].call(this,e)}),c.shift?u.keyboard.isArrow.call(this,e,function(){setTimeout(function(){var e=u.selection.getText();""!==e?d.show.call(t):d.clear.call(t)},100)}):u.keyboard.isArrow.call(this,e,function(){d.clear.call(t)}),13===e.which&&m.enterKey.call(this,e),27===e.which&&d.clear.call(this),86===e.which&&m.paste.call(this,e)},keyup:function(t){u.keyboard.isCommand(t,function(){c.command=!1},function(){c.command=!0}),f.preserveElementFocus.call(this),f.removePlaceholder.call(this),/^\s*$/.test(e(this).text())&&(e(this).empty(),u.html.addTag(e(this),"p",!0,!0))},focus:function(){c.command=!1,c.shift=!1},mouseClick:function(t){var n=this;if(c.isSelecting=!0,2===t.button)return setTimeout(function(){d.show.call(n)},50),void t.preventDefault();if(e(this).find(".bubble:visible").length){var o=e(this).find(".bubble:visible"),i=o.offset().left,a=o.offset().top,r=o.width(),u=o.height();if(l>i&&i+r>l&&s>a&&a+u>s)return}},mouseUp:function(e){e.preventDefault();var t=this;c.isSelecting=!1,setTimeout(function(){var e=u.selection.save();e.collapsed?d.clear.call(t):d.show.call(t)},50)},mouseMove:function(e){l=e.pageX,s=e.pageY},blur:function(){f.setPlaceholder.call(this,{focus:!1})}},m={commands:{bold:function(e){e.preventDefault(),t.execCommand("bold",!1),d.update.call(this)},italic:function(e){e.preventDefault(),t.execCommand("italic",!1),d.update.call(this)},underline:function(e){e.preventDefault(),t.execCommand("underline",!1),d.update.call(this)},anchor:function(e){e.preventDefault();var t=u.selection.save();d.showLinkInput.call(this,t)},createLink:function(e,n){u.selection.restore(n),t.execCommand("createLink",!1,e.url),d.update.call(this)},removeLink:function(t,n){var o=e(u.selection.getContainer(n)).closest("a");o.contents().first().unwrap()},h1:function(n){n.preventDefault(),e(window.getSelection().anchorNode.parentNode).is("h1")?t.execCommand("formatBlock",!1,"<p>"):t.execCommand("formatBlock",!1,"<h1>"),d.update.call(this)},h2:function(n){n.preventDefault(),e(window.getSelection().anchorNode.parentNode).is("h2")?t.execCommand("formatBlock",!1,"<p>"):t.execCommand("formatBlock",!1,"<h2>"),d.update.call(this)},ul:function(e){e.preventDefault(),t.execCommand("insertUnorderedList",!1),d.update.call(this)},ol:function(e){e.preventDefault(),t.execCommand("insertOrderedList",!1),d.update.call(this)},undo:function(e){e.preventDefault(),t.execCommand("undo",!1)}},enterKey:function(t){return"inline"===e(this).attr("editor-mode")?void t.preventDefault():void 0},paste:function(){var t=e(this);setTimeout(function(){t.find("*").each(function(){var t=e(this);e.each(this.attributes,function(){"class"===this.name&&t.hasClass("placeholder")||t.removeAttr(this.name)})})},100)}};e.fn.notebook=function(t){return t=e.extend({},e.fn.notebook.defaults,t),f.prepare(this,t),f.bindEvents(this),this},e.fn.notebook.defaults={autoFocus:!1,placeholder:"Your text here...",mode:"multiline",modifiers:["bold","italic","underline","h1","h2","ol","ul","anchor"]}}(jQuery,document,window);
\ No newline at end of file
diff --git a/index.html b/index.html
index 559829c..0397c95 100644
--- a/index.html
+++ b/index.html
@@ -9,12 +9,12 @@
     </head>
     <body>
         <a href="https://github.com/raphaelcruzeiro/jquery-notebook"><img style="position: absolute; top: 0; right: 0; border: 0;" src="https://s3.amazonaws.com/github/ribbons/forkme_right_green_007200.png" alt="Fork me on GitHub"></a>
-        <div class="editor">
+        <textarea class="editor">
             <h1>JQUERY NOTEBOOK DEMO</h1>
             <p>A simple, clean and elegant text editor. Inspired by the awesomeness of <a href="http://medium.com" target="_blank">Medium</a>.</p>
             <p>This jQuery plugin is released under the MIT license. You can check out the project and see how extremely simple it is to use this editor on your application by clicking on the Github ribbon on the top corner of this page. Feel free to contribute with this project by registering any bug that you may encounter as an issue on Github, and working on the issues that are already there. I'm looking forward to seeing your pull request!</p>
             <p>Now, just take a time to test the editor. Yes, <b>this div is the editor</b>. Try to edit this text, select a part of this text and don't forget to try the basic text editor keyboard shortcuts.</p>
-        </div>
+        </textarea>
         <script type="text/javascript" src="src/js/libs/jquery-1.10.2.min.js"></script>
         <script type="text/javascript" src="src/js/jquery.notebook.js"></script>
         <script type="text/javascript">
diff --git a/src/js/jquery.notebook.js b/src/js/jquery.notebook.js
index 3865821..6a363b9 100644
--- a/src/js/jquery.notebook.js
+++ b/src/js/jquery.notebook.js
@@ -17,679 +17,692 @@
 
 (function($, d, w) {
 
-    /*
-     * This module deals with the CSS transforms. As it is not possible to easily
-     * combine the transform functions with JavaScript this module abstract those
-     * functions and generates a raw transform matrix, combining the new transform
-     * with the others that were previously applied to the element.
-     */
-     
-    var transform = (function() {
-        var matrixToArray = function(str) {
-            if (!str || str == 'none') {
-                return [1, 0, 0, 1, 0, 0];
-            }
-            return str.match(/(-?[0-9\.]+)/g);
-        };
+  /*
+   * This module deals with the CSS transforms. As it is not possible to easily
+   * combine the transform functions with JavaScript this module abstract those
+   * functions and generates a raw transform matrix, combining the new transform
+   * with the others that were previously applied to the element.
+   */
 
-        var getPreviousTransforms = function(elem) {
-            return elem.css('-webkit-transform') || elem.css('transform') || elem.css('-moz-transform') ||
-                elem.css('-o-transform') || elem.css('-ms-transform');
-        };
+  var transform = (function() {
+    var matrixToArray = function(str) {
+      if (!str || str == 'none') {
+        return [1, 0, 0, 1, 0, 0];
+      }
+      return str.match(/(-?[0-9\.]+)/g);
+    };
 
-        var getMatrix = function(elem) {
-            var previousTransform = getPreviousTransforms(elem);
-            return matrixToArray(previousTransform);
-        };
-		
-        var applyTransform = function(elem, transform) {
-            elem.css('-webkit-transform', transform);
-            elem.css('-moz-transform', transform);
-            elem.css('-o-transform', transform);
-            elem.css('-ms-transform', transform);
-            elem.css('transform', transform);
-        };
-		
-        var buildTransformString = function(matrix) {
-            return 'matrix(' + matrix[0] +
-                ', ' + matrix[1] +
-                ', ' + matrix[2] +
-                ', ' + matrix[3] +
-                ', ' + matrix[4] +
-                ', ' + matrix[5] + ')';
-        };
+    var getPreviousTransforms = function(elem) {
+      return elem.css('-webkit-transform') || elem.css('transform') || elem.css('-moz-transform') ||
+        elem.css('-o-transform') || elem.css('-ms-transform');
+    };
 
-        var getTranslate = function(elem) {
-            var matrix = getMatrix(elem);
-            return {
-                x: parseInt(matrix[4]),
-                y: parseInt(matrix[5])
-            };
-        };
+    var getMatrix = function(elem) {
+      var previousTransform = getPreviousTransforms(elem);
+      return matrixToArray(previousTransform);
+    };
 
-        var scale = function(elem, _scale) {
-            var matrix = getMatrix(elem);
-            matrix[0] = matrix[3] = _scale;
-            var transform = buildTransformString(matrix);
-            applyTransform(elem, transform);
-        };
+    var applyTransform = function(elem, transform) {
+      elem.css('-webkit-transform', transform);
+      elem.css('-moz-transform', transform);
+      elem.css('-o-transform', transform);
+      elem.css('-ms-transform', transform);
+      elem.css('transform', transform);
+    };
 
-        var translate = function(elem, x, y) {
-            var matrix = getMatrix(elem);
-            matrix[4] = x;
-            matrix[5] = y;
-            var transform = buildTransformString(matrix);
-            applyTransform(elem, transform);
-        };
+    var buildTransformString = function(matrix) {
+      return 'matrix(' + matrix[0] +
+        ', ' + matrix[1] +
+        ', ' + matrix[2] +
+        ', ' + matrix[3] +
+        ', ' + matrix[4] +
+        ', ' + matrix[5] + ')';
+    };
 
-        var rotate = function(elem, deg) {
-            var matrix = getMatrix(elem);
-            var rad1 = deg * (Math.PI / 180);
-            var rad2 = rad1 * -1;
-            matrix[1] = rad1;
-            matrix[2] = rad2;
-            var transform = buildTransformString(matrix);
-            applyTransform(elem, transform);
-        };
+    var getTranslate = function(elem) {
+      var matrix = getMatrix(elem);
+      return {
+        x: parseInt(matrix[4]),
+        y: parseInt(matrix[5])
+      };
+    };
 
-        return {
-            scale: scale,
-            translate: translate,
-            rotate: rotate,
-            getTranslate: getTranslate
-        };
-    })();
+    var scale = function(elem, _scale) {
+      var matrix = getMatrix(elem);
+      matrix[0] = matrix[3] = _scale;
+      var transform = buildTransformString(matrix);
+      applyTransform(elem, transform);
+    };
+
+    var translate = function(elem, x, y) {
+      var matrix = getMatrix(elem);
+      matrix[4] = x;
+      matrix[5] = y;
+      var transform = buildTransformString(matrix);
+      applyTransform(elem, transform);
+    };
+
+    var rotate = function(elem, deg) {
+      var matrix = getMatrix(elem);
+      var rad1 = deg * (Math.PI / 180);
+      var rad2 = rad1 * -1;
+      matrix[1] = rad1;
+      matrix[2] = rad2;
+      var transform = buildTransformString(matrix);
+      applyTransform(elem, transform);
+    };
+
+    return {
+      scale: scale,
+      translate: translate,
+      rotate: rotate,
+      getTranslate: getTranslate
+    };
+  })();
 
-    var isMac = w.navigator.platform == 'MacIntel',
-        mouseX = 0,
-        mouseY = 0,
-        cache = {
-            command: false,
-            shift: false,
-            isSelecting: false
+  var isMac = w.navigator.platform == 'MacIntel',
+    mouseX = 0,
+    mouseY = 0,
+    cache = {
+      command: false,
+      shift: false,
+      isSelecting: false
+    },
+    modifiers = {
+      66: 'bold',
+      73: 'italic',
+      85: 'underline',
+      112: 'h1',
+      113: 'h2',
+      122: 'undo'
+    },
+    options,
+    utils = {
+      keyboard: {
+        isCommand: function(e, callbackTrue, callbackFalse) {
+          if (isMac && e.metaKey || !isMac && e.ctrlKey) {
+            callbackTrue();
+          } else {
+            callbackFalse();
+          }
         },
-        modifiers = {
-            66: 'bold',
-            73: 'italic',
-            85: 'underline',
-            112: 'h1',
-            113: 'h2',
-            122: 'undo'
+        isShift: function(e, callbackTrue, callbackFalse) {
+          if (e.shiftKey) {
+            callbackTrue();
+          } else {
+            callbackFalse();
+          }
         },
-        options,
-        utils = {
-            keyboard: {
-                isCommand: function(e, callbackTrue, callbackFalse) {
-                    if (isMac && e.metaKey || !isMac && e.ctrlKey) {
-                        callbackTrue();
-                    } else {
-                        callbackFalse();
-                    }
-                },
-                isShift: function(e, callbackTrue, callbackFalse) {
-                    if (e.shiftKey) {
-                        callbackTrue();
-                    } else {
-                        callbackFalse();
-                    }
-                },
-                isModifier: function(e, callback) {
-                    var key = e.which,
-                        cmd = modifiers[key];
-                    if (cmd) {
-                        callback.call(this, cmd);
-                    }
-                },
-                isEnter: function(e, callback) {
-                    if (e.which === 13) {
-                        callback();
-                    }
-                },
-                isArrow: function(e, callback) {
-                    if (e.which >= 37 || e.which <= 40) {
-                        callback();
-                    }
-                }
-            },
-            html: {
-                addTag: function(elem, tag, focus, editable) {
-                    var newElement = $(d.createElement(tag));
-                    newElement.attr('contenteditable', Boolean(editable));
-                    newElement.append(' ');
-                    elem.append(newElement);
-                    if (focus) {
-                        cache.focusedElement = elem.children().last();
-                        utils.cursor.set(elem, 0, cache.focusedElement);
-                    }
-                    return newElement;
-                }
-            },
-            cursor: {
-                set: function(editor, pos, elem) {
-                    var range;
-                    if (d.createRange) {
-                        range = d.createRange();
-                        var selection = w.getSelection(),
-                            lastChild = editor.children().last(),
-                            length = lastChild.html().length - 1,
-                            toModify = elem ? elem[0] : lastChild[0],
-                            theLength = typeof pos !== 'undefined' ? pos : length;
-                        range.setStart(toModify, theLength);
-                        range.collapse(true);
-                        selection.removeAllRanges();
-                        selection.addRange(range);
-                    } else {
-                        range = d.body.createTextRange();
-                        range.moveToElementText(elem);
-                        range.collapse(false);
-                        range.select();
-                    }
-                }
-            },
-            selection: {
-                save: function() {
-                    if (w.getSelection) {
-                        var sel = w.getSelection();
-                        if (sel.rangeCount > 0) {
-                            return sel.getRangeAt(0);
-                        }
-                    } else if (d.selection && d.selection.createRange) { // IE
-                        return d.selection.createRange();
-                    }
-                    return null;
-                },
-                restore: function(range) {
-                    if (range) {
-                        if (w.getSelection) {
-                            var sel = w.getSelection();
-                            sel.removeAllRanges();
-                            sel.addRange(range);
-                        } else if (d.selection && range.select) { // IE
-                            range.select();
-                        }
-                    }
-                },
-                getText: function() {
-                    var txt = '';
-                    if (w.getSelection) {
-                        txt = w.getSelection().toString();
-                    } else if (d.getSelection) {
-                        txt = d.getSelection().toString();
-                    } else if (d.selection) {
-                        txt = d.selection.createRange().text;
-                    }
-                    return txt;
-                },
-                clear: function() {
-                    if (window.getSelection) {
-                        if (window.getSelection().empty) { // Chrome
-                            window.getSelection().empty();
-                        } else if (window.getSelection().removeAllRanges) { // Firefox
-                            window.getSelection().removeAllRanges();
-                        }
-                    } else if (document.selection) { // IE?
-                        document.selection.empty();
-                    }
-                },
-                getContainer: function(sel) {
-                    if (w.getSelection && sel && sel.commonAncestorContainer) {
-                        return sel.commonAncestorContainer;
-                    } else if (d.selection && sel && sel.parentElement) {
-                        return sel.parentElement();
-                    }
-                    return null;
-                }
-            },
-            validation: {
-                isUrl: function(url) {
-                    return (/^(https?:\/\/)?([\da-z\.-]+)\.([a-z\.]{2,6})([\/\w \.-]*)*\/?$/).test(url);
-                }
+        isModifier: function(e, callback) {
+          var key = e.which,
+            cmd = modifiers[key];
+          if (cmd) {
+            callback.call(this, cmd);
+          }
+        },
+        isEnter: function(e, callback) {
+          if (e.which === 13) {
+            callback();
+          }
+        },
+        isArrow: function(e, callback) {
+          if (e.which >= 37 || e.which <= 40) {
+            callback();
+          }
+        }
+      },
+      html: {
+        addTag: function(elem, tag, focus, editable) {
+          var newElement = $(d.createElement(tag));
+          newElement.attr('contenteditable', Boolean(editable));
+          newElement.append(' ');
+          elem.append(newElement);
+          if (focus) {
+            cache.focusedElement = elem.children().last();
+            utils.cursor.set(elem, 0, cache.focusedElement);
+          }
+          return newElement;
+        },
+        decode: function(str) {
+          return $('<div/>').html(str).text();
+        }
+      },
+      cursor: {
+        set: function(editor, pos, elem) {
+          var range;
+          if (d.createRange) {
+            range = d.createRange();
+            var selection = w.getSelection(),
+              lastChild = editor.children().last(),
+              length = lastChild.html().length - 1,
+              toModify = elem ? elem[0] : lastChild[0],
+              theLength = typeof pos !== 'undefined' ? pos : length;
+            range.setStart(toModify, theLength);
+            range.collapse(true);
+            selection.removeAllRanges();
+            selection.addRange(range);
+          } else {
+            range = d.body.createTextRange();
+            range.moveToElementText(elem);
+            range.collapse(false);
+            range.select();
+          }
+        }
+      },
+      selection: {
+        save: function() {
+          if (w.getSelection) {
+            var sel = w.getSelection();
+            if (sel.rangeCount > 0) {
+              return sel.getRangeAt(0);
             }
+          } else if (d.selection && d.selection.createRange) { // IE
+            return d.selection.createRange();
+          }
+          return null;
         },
-        bubble = {
-            /*
-             * This is called to position the bubble above the selection.
-             */
-            updatePos: function(editor, elem) {
-                var sel = w.getSelection(),
-                    range = sel.getRangeAt(0),
-                    boundary = range.getBoundingClientRect(),
-                    bubbleWidth = elem.width(),
-                    bubbleHeight = elem.height(),
-                    offset = editor.offset().left,
-                    pos = {
-                        x: (boundary.left + boundary.width / 2) - bubbleWidth / 2,
-                        y: boundary.top - bubbleHeight - 8 + $(document).scrollTop()
-                    };
-                transform.translate(elem, pos.x, pos.y);
-            },
-            /*
-             * Updates the bubble to set the active formats for the current selection.
-             */
-            updateState: function(editor, elem) {
-                elem.find('button').removeClass('active');
-                var sel = w.getSelection(),
-                    formats = [];
-                bubble.checkForFormatting(sel.focusNode, formats);
-                var formatDict = {
-                    'b': 'bold',
-                    'i': 'italic',
-                    'u': 'underline',
-                    'h1': 'h1',
-                    'h2': 'h2',
-                    'a': 'anchor',
-                    'ul': 'ul',
-                    'ol': 'ol'
-                };
-                for (var i = 0; i < formats.length; i++) {
-                    var format = formats[i];
-                    elem.find('button.' + formatDict[format]).addClass('active');
-                }
-            },
-            /*
-             * Recursively navigates upwards in the DOM to find all the format
-             * tags enclosing the selection.
-             */
-            checkForFormatting: function(currentNode, formats) {
-                var validFormats = ['b', 'i', 'u', 'h1', 'h2', 'ol', 'ul', 'li', 'a'];
-                if (currentNode.nodeName === '#text' ||
-                    validFormats.indexOf(currentNode.nodeName.toLowerCase()) != -1) {
-                    if (currentNode.nodeName != '#text') {
-                        formats.push(currentNode.nodeName.toLowerCase());
-                    }
-                    bubble.checkForFormatting(currentNode.parentNode, formats);
-                }
-            },
-            buildMenu: function(editor, elem) {
-                var ul = utils.html.addTag(elem, 'ul', false, false);
-                for (var cmd in options.modifiers) {
-                    var li = utils.html.addTag(ul, 'li', false, false);
-                    var btn = utils.html.addTag(li, 'button', false, false);
-                    btn.attr('editor-command', options.modifiers[cmd]);
-                    btn.addClass(options.modifiers[cmd]);
-                }
-                elem.find('button').click(function(e) {
-                    e.preventDefault();
-                    var cmd = $(this).attr('editor-command');
-                    events.commands[cmd].call(editor, e);
-                });
-                var linkArea = utils.html.addTag(elem, 'div', false, false);
-                linkArea.addClass('link-area');
-                var linkInput = utils.html.addTag(linkArea, 'input', false, false);
-                linkInput.attr({
-                    type: 'text'
-                });
-                var closeBtn = utils.html.addTag(linkArea, 'button', false, false);
-                closeBtn.click(function(e) {
-                    e.preventDefault();
-                    var editor = $(this).closest('.editor');
-                    $(this).closest('.link-area').hide();
-                    $(this).closest('.bubble').find('ul').show();
-                });
-            },
-            show: function() {
-                var tag = $(this).parent().find('.bubble');
-                if (!tag.length) {
-                    tag = utils.html.addTag($(this).parent(), 'div', false, false);
-                    tag.addClass('jquery-notebook bubble');
-                    bubble.buildMenu(this, tag);
-                }
-                tag.show();
-                bubble.updateState(this, tag);
-                if (!tag.hasClass('active')) {
-	                tag.addClass('jump');
-                } else {
-	                tag.removeClass('jump');
-                }
-				bubble.updatePos($(this), tag);  
-                tag.addClass('active');
-            },
-            update: function() {
-                var tag = $(this).parent().find('.bubble');
-                bubble.updateState(this, tag);
-            },
-            clear: function() {
-                var elem = $(this).parent().find('.bubble');
-                if (!elem.hasClass('active')) return;
-                elem.removeClass('active');
-                bubble.hideLinkInput.call(this);
-                bubble.showButtons.call(this);
-                setTimeout(function() {
-                    if (elem.hasClass('active')) return;
-                    elem.hide();
-                }, 500);
-            },
-            hideButtons: function() {
-                $(this).parent().find('.bubble').find('ul').hide();
-            },
-            showButtons: function() {
-                $(this).parent().find('.bubble').find('ul').show();
-            },
-            showLinkInput: function(selection) {
-                bubble.hideButtons.call(this);
-                var editor = this;
-                var elem = $(this).parent().find('.bubble').find('input[type=text]');
-                var hasLink = elem.closest('.jquery-notebook').find('button.anchor').hasClass('active');
-                elem.unbind('keydown');
-                elem.keydown(function(e) {
-                    var elem = $(this);
-                    utils.keyboard.isEnter(e, function() {
-                        e.preventDefault();
-                        var url = elem.val();
-                        if (utils.validation.isUrl(url)) {
-                            e.url = url;
-                            events.commands.createLink(e, selection);
-                            bubble.clear.call(editor);
-                        } else if (url === '' && hasLink) {
-                            events.commands.removeLink(e, selection);
-                            bubble.clear.call(editor);
-                        }
-                    });
-                });
-                elem.bind('paste', function(e) {
-                    var elem = $(this);
-                    setTimeout(function() {
-                        var text = elem.val();
-                        if (/http:\/\/https?:\/\//.test(text)) {
-                            text = text.substring(7);
-                            elem.val(text);
-                        }
-                    }, 1);
-                });
-                var linkText = 'http://';
-                if (hasLink) {
-                    var anchor = $(utils.selection.getContainer(selection)).closest('a');
-                    linkText = anchor.prop('href') || linkText;
-                }
-                $(this).parent().find('.link-area').show();
-                elem.val(linkText).focus();
-            },
-            hideLinkInput: function() {
-                $(this).parent().find('.bubble').find('.link-area').hide();
+        restore: function(range) {
+          if (range) {
+            if (w.getSelection) {
+              var sel = w.getSelection();
+              sel.removeAllRanges();
+              sel.addRange(range);
+            } else if (d.selection && range.select) { // IE
+              range.select();
             }
+          }
         },
-        actions = {
-            bindEvents: function(elem) {
-                elem.keydown(rawEvents.keydown);
-                elem.keyup(rawEvents.keyup);
-                elem.focus(rawEvents.focus);
-                elem.bind('paste', events.paste);
-                elem.mousedown(rawEvents.mouseClick);
-                elem.mouseup(rawEvents.mouseUp);
-                elem.mousemove(rawEvents.mouseMove);
-                elem.blur(rawEvents.blur);
-                $('body').mouseup(function(e) {
-                    if (e.target == e.currentTarget && cache.isSelecting) {
-                        rawEvents.mouseUp.call(elem, e);
-                    }
-                });
-            },
-            setPlaceholder: function(e) {
-                if (/^\s*$/.test($(this).text())) {
-                    $(this).empty();
-                    var placeholder = utils.html.addTag($(this), 'p').addClass('placeholder');
-                    placeholder.append($(this).attr('editor-placeholder'));
-                    utils.html.addTag($(this), 'p', typeof e.focus != 'undefined' ? e.focus : false, true);
-                } else {
-                    $(this).find('.placeholder').remove();
-                }
-            },
-            removePlaceholder: function(e) {
-                $(this).find('.placeholder').remove();
-            },
-            preserveElementFocus: function() {
-                var anchorNode = w.getSelection() ? w.getSelection().anchorNode : d.activeElement;
-                if (anchorNode) {
-                    var current = anchorNode.parentNode,
-                        diff = current !== cache.focusedElement,
-                        children = this.children,
-                        elementIndex = 0;
-                    if (current === this) {
-                        current = anchorNode;
-                    }
-                    for (var i = 0; i < children.length; i++) {
-                        if (current === children[i]) {
-                            elementIndex = i;
-                            break;
-                        }
-                    }
-                    if (diff) {
-                        cache.focusedElement = current;
-                        cache.focusedElementIndex = elementIndex;
-                    }
-                }
-            },
-            prepare: function(elem, customOptions) {
-                options = customOptions;
-                elem.attr('editor-mode', options.mode);
-                elem.attr('editor-placeholder', options.placeholder);
-                elem.attr('contenteditable', true);
-                elem.css('position', 'relative');
-                elem.addClass('jquery-notebook editor');
-                actions.setPlaceholder.call(elem, {});
-                actions.preserveElementFocus.call(elem);
-                if (options.autoFocus === true) {
-                    var firstP = elem.find('p:not(.placeholder)');
-                    utils.cursor.set(elem, 0, firstP);
-                }
+        getText: function() {
+          var txt = '';
+          if (w.getSelection) {
+            txt = w.getSelection().toString();
+          } else if (d.getSelection) {
+            txt = d.getSelection().toString();
+          } else if (d.selection) {
+            txt = d.selection.createRange().text;
+          }
+          return txt;
+        },
+        clear: function() {
+          if (window.getSelection) {
+            if (window.getSelection().empty) { // Chrome
+              window.getSelection().empty();
+            } else if (window.getSelection().removeAllRanges) { // Firefox
+              window.getSelection().removeAllRanges();
             }
+          } else if (document.selection) { // IE?
+            document.selection.empty();
+          }
         },
-        rawEvents = {
-            keydown: function(e) {
-                var elem = this;
-                if (cache.command && e.which === 65) {
-                    setTimeout(function() {
-                        bubble.show.call(elem);
-                    }, 50);
-                }
-                utils.keyboard.isCommand(e, function() {
-                    cache.command = true;
-                }, function() {
-                    cache.command = false;
-                });
-                utils.keyboard.isShift(e, function() {
-                    cache.shift = true;
-                }, function() {
-                    cache.shift = false;
-                });
-                utils.keyboard.isModifier.call(this, e, function(modifier) {
-                    if (cache.command) {
-                        events.commands[modifier].call(this, e);
-                    }
-                });
+        getContainer: function(sel) {
+          if (w.getSelection && sel && sel.commonAncestorContainer) {
+            return sel.commonAncestorContainer;
+          } else if (d.selection && sel && sel.parentElement) {
+            return sel.parentElement();
+          }
+          return null;
+        }
+      },
+      validation: {
+        isUrl: function(url) {
+          return (/^(https?:\/\/)?([\da-z\.-]+)\.([a-z\.]{2,6})([\/\w \.-]*)*\/?$/).test(url);
+        }
+      }
+    },
+    bubble = {
+      /*
+       * This is called to position the bubble above the selection.
+       */
+      updatePos: function(editor, elem) {
+        var sel = w.getSelection(),
+          range = sel.getRangeAt(0),
+          boundary = range.getBoundingClientRect(),
+          bubbleWidth = elem.width(),
+          bubbleHeight = elem.height(),
+          offset = editor.offset().left,
+          pos = {
+            x: (boundary.left + boundary.width / 2) - bubbleWidth / 2,
+            y: boundary.top - bubbleHeight - 8 + $(document).scrollTop()
+          };
+        transform.translate(elem, pos.x, pos.y);
+      },
+      /*
+       * Updates the bubble to set the active formats for the current selection.
+       */
+      updateState: function(editor, elem) {
+        elem.find('button').removeClass('active');
+        var sel = w.getSelection(),
+          formats = [];
+        bubble.checkForFormatting(sel.focusNode, formats);
+        var formatDict = {
+          'b': 'bold',
+          'i': 'italic',
+          'u': 'underline',
+          'h1': 'h1',
+          'h2': 'h2',
+          'a': 'anchor',
+          'ul': 'ul',
+          'ol': 'ol'
+        };
+        for (var i = 0; i < formats.length; i++) {
+          var format = formats[i];
+          elem.find('button.' + formatDict[format]).addClass('active');
+        }
+      },
+      /*
+       * Recursively navigates upwards in the DOM to find all the format
+       * tags enclosing the selection.
+       */
+      checkForFormatting: function(currentNode, formats) {
+        var validFormats = ['b', 'i', 'u', 'h1', 'h2', 'ol', 'ul', 'li', 'a'];
+        if (currentNode.nodeName === '#text' ||
+          validFormats.indexOf(currentNode.nodeName.toLowerCase()) != -1) {
+          if (currentNode.nodeName != '#text') {
+            formats.push(currentNode.nodeName.toLowerCase());
+          }
+          bubble.checkForFormatting(currentNode.parentNode, formats);
+        }
+      },
+      buildMenu: function(editor, elem) {
+        var ul = utils.html.addTag(elem, 'ul', false, false);
+        for (var cmd in options.modifiers) {
+          var li = utils.html.addTag(ul, 'li', false, false);
+          var btn = utils.html.addTag(li, 'button', false, false);
+          btn.attr('editor-command', options.modifiers[cmd]);
+          btn.addClass(options.modifiers[cmd]);
+        }
+        elem.find('button').click(function(e) {
+          e.preventDefault();
+          var cmd = $(this).attr('editor-command');
+          events.commands[cmd].call(editor, e);
+        });
+        var linkArea = utils.html.addTag(elem, 'div', false, false);
+        linkArea.addClass('link-area');
+        var linkInput = utils.html.addTag(linkArea, 'input', false, false);
+        linkInput.attr({
+          type: 'text'
+        });
+        var closeBtn = utils.html.addTag(linkArea, 'button', false, false);
+        closeBtn.click(function(e) {
+          e.preventDefault();
+          var editor = $(this).closest('.editor');
+          $(this).closest('.link-area').hide();
+          $(this).closest('.bubble').find('ul').show();
+        });
+      },
+      show: function() {
+        var tag = $(this).parent().find('.bubble');
+        if (!tag.length) {
+          tag = utils.html.addTag($(this).parent(), 'div', false, false);
+          tag.addClass('jquery-notebook bubble');
+          bubble.buildMenu(this, tag);
+        }
+        tag.show();
+        bubble.updateState(this, tag);
+        if (!tag.hasClass('active')) {
+          tag.addClass('jump');
+        } else {
+          tag.removeClass('jump');
+        }
+        bubble.updatePos($(this), tag);
+        tag.addClass('active');
+      },
+      update: function() {
+        var tag = $(this).parent().find('.bubble');
+        bubble.updateState(this, tag);
+      },
+      clear: function() {
+        var elem = $(this).parent().find('.bubble');
+        if (!elem.hasClass('active')) return;
+        elem.removeClass('active');
+        bubble.hideLinkInput.call(this);
+        bubble.showButtons.call(this);
+        setTimeout(function() {
+          if (elem.hasClass('active')) return;
+          elem.hide();
+        }, 500);
+      },
+      hideButtons: function() {
+        $(this).parent().find('.bubble').find('ul').hide();
+      },
+      showButtons: function() {
+        $(this).parent().find('.bubble').find('ul').show();
+      },
+      showLinkInput: function(selection) {
+        bubble.hideButtons.call(this);
+        var editor = this;
+        var elem = $(this).parent().find('.bubble').find('input[type=text]');
+        var hasLink = elem.closest('.jquery-notebook').find('button.anchor').hasClass('active');
+        elem.unbind('keydown');
+        elem.keydown(function(e) {
+          var elem = $(this);
+          utils.keyboard.isEnter(e, function() {
+            e.preventDefault();
+            var url = elem.val();
+            if (utils.validation.isUrl(url)) {
+              e.url = url;
+              events.commands.createLink(e, selection);
+              bubble.clear.call(editor);
+            } else if (url === '' && hasLink) {
+              events.commands.removeLink(e, selection);
+              bubble.clear.call(editor);
+            }
+          });
+        });
+        elem.bind('paste', function(e) {
+          var elem = $(this);
+          setTimeout(function() {
+            var text = elem.val();
+            if (/http:\/\/https?:\/\//.test(text)) {
+              text = text.substring(7);
+              elem.val(text);
+            }
+          }, 1);
+        });
+        var linkText = 'http://';
+        if (hasLink) {
+          var anchor = $(utils.selection.getContainer(selection)).closest('a');
+          linkText = anchor.prop('href') || linkText;
+        }
+        $(this).parent().find('.link-area').show();
+        elem.val(linkText).focus();
+      },
+      hideLinkInput: function() {
+        $(this).parent().find('.bubble').find('.link-area').hide();
+      }
+    },
+    actions = {
+      bindEvents: function(elem) {
+        elem.keydown(rawEvents.keydown);
+        elem.keyup(rawEvents.keyup);
+        elem.focus(rawEvents.focus);
+        elem.bind('paste', events.paste);
+        elem.mousedown(rawEvents.mouseClick);
+        elem.mouseup(rawEvents.mouseUp);
+        elem.mousemove(rawEvents.mouseMove);
+        elem.blur(rawEvents.blur);
+        $('body').mouseup(function(e) {
+          if (e.target == e.currentTarget && cache.isSelecting) {
+            rawEvents.mouseUp.call(elem, e);
+          }
+        });
+      },
+      setPlaceholder: function(e) {
+        if (/^\s*$/.test($(this).text())) {
+          $(this).empty();
+          var placeholder = utils.html.addTag($(this), 'p').addClass('placeholder');
+          placeholder.append($(this).attr('editor-placeholder'));
+          utils.html.addTag($(this), 'p', typeof e.focus != 'undefined' ? e.focus : false, true);
+        } else {
+          $(this).find('.placeholder').remove();
+        }
+      },
+      removePlaceholder: function(e) {
+        $(this).find('.placeholder').remove();
+      },
+      preserveElementFocus: function() {
+        var anchorNode = w.getSelection() ? w.getSelection().anchorNode : d.activeElement;
+        if (anchorNode) {
+          var current = anchorNode.parentNode,
+            diff = current !== cache.focusedElement,
+            children = this.children,
+            elementIndex = 0;
+          if (current === this) {
+            current = anchorNode;
+          }
+          for (var i = 0; i < children.length; i++) {
+            if (current === children[i]) {
+              elementIndex = i;
+              break;
+            }
+          }
+          if (diff) {
+            cache.focusedElement = current;
+            cache.focusedElementIndex = elementIndex;
+          }
+        }
+      },
+      prepare: function(elem, customOptions) {
+        options = customOptions;
 
-                if (cache.shift) {
-                    utils.keyboard.isArrow.call(this, e, function() {
-                        setTimeout(function() {
-                            var txt = utils.selection.getText();
-                            if (txt !== '') {
-                                bubble.show.call(elem);
-                            } else {
-                                bubble.clear.call(elem);
-                            }
-                        }, 100);
-                    });
-                } else {
-                    utils.keyboard.isArrow.call(this, e, function() {
-                        bubble.clear.call(elem);
-                    });
-                }
+        elem.attr('editor-mode', options.mode);
+        elem.attr('editor-placeholder', options.placeholder);
+        elem.attr('contenteditable', true);
+        elem.css('position', 'relative');
+        elem.addClass('jquery-notebook editor');
+        actions.setPlaceholder.call(elem, {});
+        actions.preserveElementFocus.call(elem);
+        if (options.autoFocus === true) {
+          var firstP = elem.find('p:not(.placeholder)');
+          utils.cursor.set(elem, 0, firstP);
+        }
+      }
+    },
+    rawEvents = {
+      keydown: function(e) {
+        var elem = this;
+        if (cache.command && e.which === 65) {
+          setTimeout(function() {
+            bubble.show.call(elem);
+          }, 50);
+        }
+        utils.keyboard.isCommand(e, function() {
+          cache.command = true;
+        }, function() {
+          cache.command = false;
+        });
+        utils.keyboard.isShift(e, function() {
+          cache.shift = true;
+        }, function() {
+          cache.shift = false;
+        });
+        utils.keyboard.isModifier.call(this, e, function(modifier) {
+          if (cache.command) {
+            events.commands[modifier].call(this, e);
+          }
+        });
 
-                if (e.which === 13) {
-                    events.enterKey.call(this, e);
-                }
-                if (e.which === 27) {
-                    bubble.clear.call(this);
-                }
-                if (e.which === 86) {
-                    events.paste.call(this, e);
-                }
-            },
-            keyup: function(e) {
-                utils.keyboard.isCommand(e, function() {
-                    cache.command = false;
-                }, function() {
-                    cache.command = true;
-                });
-                actions.preserveElementFocus.call(this);
-                actions.removePlaceholder.call(this);
+        if (cache.shift) {
+          utils.keyboard.isArrow.call(this, e, function() {
+            setTimeout(function() {
+              var txt = utils.selection.getText();
+              if (txt !== '') {
+                bubble.show.call(elem);
+              } else {
+                bubble.clear.call(elem);
+              }
+            }, 100);
+          });
+        } else {
+          utils.keyboard.isArrow.call(this, e, function() {
+            bubble.clear.call(elem);
+          });
+        }
 
-                /*
-                 * This breaks the undo when the whole text is deleted but so far
-                 * it is the only way that I fould to solve the more serious bug
-                 * that the editor was losing the p elements after deleting the whole text
-                 */
-                if (/^\s*$/.test($(this).text())) {
-                    $(this).empty();
-                    utils.html.addTag($(this), 'p', true, true);
-                }
-            },
-            focus: function(e) {
-                cache.command = false;
-                cache.shift = false;
-            },
-            mouseClick: function(e) {
-                var elem = this;
-                cache.isSelecting = true;
-                if (e.button === 2) {
-                    setTimeout(function() {
-                        bubble.show.call(elem);
-                    }, 50);
-                    e.preventDefault();
-                    return;
-                }
-                if ($(this).find('.bubble:visible').length) {
-                    var bubbleTag = $(this).find('.bubble:visible'),
-                        bubbleX = bubbleTag.offset().left,
-                        bubbleY = bubbleTag.offset().top,
-                        bubbleWidth = bubbleTag.width(),
-                        bubbleHeight = bubbleTag.height();
-                    if (mouseX > bubbleX && mouseX < bubbleX + bubbleWidth &&
-                        mouseY > bubbleY && mouseY < bubbleY + bubbleHeight) {
-                        return;
-                    }
-                }
-            },
-            mouseUp: function(e) {
-                e.preventDefault();
-                var elem = this;
-                cache.isSelecting = false;
-                setTimeout(function() {
-                    var s = utils.selection.save();
-                    if (s.collapsed) {
-                        bubble.clear.call(elem);
-                    } else {
-                        bubble.show.call(elem);
-                    }
-                }, 50);
-            },
-            mouseMove: function(e) {
-                mouseX = e.pageX;
-                mouseY = e.pageY;
-            },
-            blur: function(e) {
-                actions.setPlaceholder.call(this, {
-                    focus: false
-                });
-            }
-        },
-        events = {
-            commands: {
-                bold: function(e) {
-                    e.preventDefault();
-                    d.execCommand('bold', false);
-                    bubble.update.call(this);
-                },
-                italic: function(e) {
-                    e.preventDefault();
-                    d.execCommand('italic', false);
-                    bubble.update.call(this);
-                },
-                underline: function(e) {
-                    e.preventDefault();
-                    d.execCommand('underline', false);
-                    bubble.update.call(this);
-                },
-                anchor: function(e) {
-                    e.preventDefault();
-                    var s = utils.selection.save();
-                    bubble.showLinkInput.call(this, s);
-                },
-                createLink: function(e, s) {
-                    utils.selection.restore(s);
-                    d.execCommand('createLink', false, e.url);
-                    bubble.update.call(this);
-                },
-                removeLink: function(e, s) {
-                    var el = $(utils.selection.getContainer(s)).closest('a');
-                    el.contents().first().unwrap();
-                },
-                h1: function(e) {
-                    e.preventDefault();
-                    if ($(window.getSelection().anchorNode.parentNode).is('h1')) {
-                        d.execCommand('formatBlock', false, '<p>');
-                    } else {
-                        d.execCommand('formatBlock', false, '<h1>');
-                    }
-                    bubble.update.call(this);
-                },
-                h2: function(e) {
-                    e.preventDefault();
-                    if ($(window.getSelection().anchorNode.parentNode).is('h2')) {
-                        d.execCommand('formatBlock', false, '<p>');
-                    } else {
-                        d.execCommand('formatBlock', false, '<h2>');
-                    }
-                    bubble.update.call(this);
-                },
-                ul: function(e) {
-                    e.preventDefault();
-                    d.execCommand('insertUnorderedList', false);
-                    bubble.update.call(this);
-                },
-                ol: function(e) {
-                    e.preventDefault();
-                    d.execCommand('insertOrderedList', false);
-                    bubble.update.call(this);
-                },
-                undo: function(e) {
-                    e.preventDefault();
-                    d.execCommand('undo', false);
-                }
-            },
-            enterKey: function(e) {
-                if ($(this).attr('editor-mode') === 'inline') {
-                    e.preventDefault();
-                    return;
-                }
-            },
-            paste: function(e) {
-                var elem = $(this);
-                setTimeout(function() {
-                    elem.find('*').each(function() {
-                        var current = $(this);
-                        $.each(this.attributes, function() {
-                            if (this.name !== 'class' || !current.hasClass('placeholder')) {
-                                current.removeAttr(this.name);
-                            }
-                        });
-                    });
-                }, 100);
-            }
-        };
+        if (e.which === 13) {
+          events.enterKey.call(this, e);
+        }
+        if (e.which === 27) {
+          bubble.clear.call(this);
+        }
+        if (e.which === 86) {
+          events.paste.call(this, e);
+        }
+      },
+      keyup: function(e) {
+        utils.keyboard.isCommand(e, function() {
+          cache.command = false;
+        }, function() {
+          cache.command = true;
+        });
+        actions.preserveElementFocus.call(this);
+        actions.removePlaceholder.call(this);
 
-    $.fn.notebook = function(options) {
-        options = $.extend({}, $.fn.notebook.defaults, options);
-        actions.prepare(this, options);
-        actions.bindEvents(this);
-        return this;
+        /*
+         * This breaks the undo when the whole text is deleted but so far
+         * it is the only way that I fould to solve the more serious bug
+         * that the editor was losing the p elements after deleting the whole text
+         */
+        if (/^\s*$/.test($(this).text())) {
+          $(this).empty();
+          utils.html.addTag($(this), 'p', true, true);
+        }
+      },
+      focus: function(e) {
+        cache.command = false;
+        cache.shift = false;
+      },
+      mouseClick: function(e) {
+        var elem = this;
+        cache.isSelecting = true;
+        if (e.button === 2) {
+          setTimeout(function() {
+            bubble.show.call(elem);
+          }, 50);
+          e.preventDefault();
+          return;
+        }
+        if ($(this).find('.bubble:visible').length) {
+          var bubbleTag = $(this).find('.bubble:visible'),
+            bubbleX = bubbleTag.offset().left,
+            bubbleY = bubbleTag.offset().top,
+            bubbleWidth = bubbleTag.width(),
+            bubbleHeight = bubbleTag.height();
+          if (mouseX > bubbleX && mouseX < bubbleX + bubbleWidth &&
+            mouseY > bubbleY && mouseY < bubbleY + bubbleHeight) {
+            return;
+          }
+        }
+      },
+      mouseUp: function(e) {
+        e.preventDefault();
+        var elem = this;
+        cache.isSelecting = false;
+        setTimeout(function() {
+          var s = utils.selection.save();
+          if (s.collapsed) {
+            bubble.clear.call(elem);
+          } else {
+            bubble.show.call(elem);
+          }
+        }, 50);
+      },
+      mouseMove: function(e) {
+        mouseX = e.pageX;
+        mouseY = e.pageY;
+      },
+      blur: function(e) {
+        actions.setPlaceholder.call(this, {
+          focus: false
+        });
+      }
+    },
+    events = {
+      commands: {
+        bold: function(e) {
+          e.preventDefault();
+          d.execCommand('bold', false);
+          bubble.update.call(this);
+        },
+        italic: function(e) {
+          e.preventDefault();
+          d.execCommand('italic', false);
+          bubble.update.call(this);
+        },
+        underline: function(e) {
+          e.preventDefault();
+          d.execCommand('underline', false);
+          bubble.update.call(this);
+        },
+        anchor: function(e) {
+          e.preventDefault();
+          var s = utils.selection.save();
+          bubble.showLinkInput.call(this, s);
+        },
+        createLink: function(e, s) {
+          utils.selection.restore(s);
+          d.execCommand('createLink', false, e.url);
+          bubble.update.call(this);
+        },
+        removeLink: function(e, s) {
+          var el = $(utils.selection.getContainer(s)).closest('a');
+          el.contents().first().unwrap();
+        },
+        h1: function(e) {
+          e.preventDefault();
+          if ($(window.getSelection().anchorNode.parentNode).is('h1')) {
+            d.execCommand('formatBlock', false, '<p>');
+          } else {
+            d.execCommand('formatBlock', false, '<h1>');
+          }
+          bubble.update.call(this);
+        },
+        h2: function(e) {
+          e.preventDefault();
+          if ($(window.getSelection().anchorNode.parentNode).is('h2')) {
+            d.execCommand('formatBlock', false, '<p>');
+          } else {
+            d.execCommand('formatBlock', false, '<h2>');
+          }
+          bubble.update.call(this);
+        },
+        ul: function(e) {
+          e.preventDefault();
+          d.execCommand('insertUnorderedList', false);
+          bubble.update.call(this);
+        },
+        ol: function(e) {
+          e.preventDefault();
+          d.execCommand('insertOrderedList', false);
+          bubble.update.call(this);
+        },
+        undo: function(e) {
+          e.preventDefault();
+          d.execCommand('undo', false);
+        }
+      },
+      enterKey: function(e) {
+        if ($(this).attr('editor-mode') === 'inline') {
+          e.preventDefault();
+          return;
+        }
+      },
+      paste: function(e) {
+        var elem = $(this);
+        setTimeout(function() {
+          elem.find('*').each(function() {
+            var current = $(this);
+            $.each(this.attributes, function() {
+              if (this.name !== 'class' || !current.hasClass('placeholder')) {
+                current.removeAttr(this.name);
+              }
+            });
+          });
+        }, 100);
+      }
     };
 
-    $.fn.notebook.defaults = {
-        autoFocus: false,
-        placeholder: 'Your text here...',
-        mode: 'multiline',
-        modifiers: ['bold', 'italic', 'underline', 'h1', 'h2', 'ol', 'ul', 'anchor']
-    };
+  $.fn.notebook = function(options) {
+    options = $.extend({}, $.fn.notebook.defaults, options);
+    var self = this;
+    if (this.prop("tagName") == 'TEXTAREA') {
+      self.hide();
+      var textarea = self;
+      self = $('<div />', {
+        html: utils.html.decode(textarea.html())
+      });
+      self.insertAfter(textarea);
+    }
+    actions.prepare(self, options);
+    actions.bindEvents(self);
+    return self;
+  };
+
+  $.fn.notebook.defaults = {
+    autoFocus: false,
+    placeholder: 'Your text here...',
+    mode: 'multiline',
+    modifiers: ['bold', 'italic', 'underline', 'h1', 'h2', 'ol', 'ul', 'anchor']
+  };
 
-})(jQuery, document, window);
+})(jQuery, document, window);
\ No newline at end of file

From d5b5748d0f57aaf30f3d513c3c124e76fd82f6fc Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ot=C3=A1vio=20Augusto=20Soares?= <otaviokk@gmail.com>
Date: Sat, 22 Feb 2014 23:59:52 -0300
Subject: [PATCH 2/4] modules refactor

---
 build/jquery.notebook.min.js |   2 +-
 index.html                   |   4 +-
 src/js/jquery.notebook.js    | 739 ++++++++++++++++++-----------------
 3 files changed, 382 insertions(+), 363 deletions(-)

diff --git a/build/jquery.notebook.min.js b/build/jquery.notebook.min.js
index 02a46bb..b215708 100644
--- a/build/jquery.notebook.min.js
+++ b/build/jquery.notebook.min.js
@@ -1 +1 @@
-!function(e,t,n){var o,i=function(){var e=function(e){return e&&"none"!=e?e.match(/(-?[0-9\.]+)/g):[1,0,0,1,0,0]},t=function(e){return e.css("-webkit-transform")||e.css("transform")||e.css("-moz-transform")||e.css("-o-transform")||e.css("-ms-transform")},n=function(n){var o=t(n);return e(o)},o=function(e,t){e.css("-webkit-transform",t),e.css("-moz-transform",t),e.css("-o-transform",t),e.css("-ms-transform",t),e.css("transform",t)},i=function(e){return"matrix("+e[0]+", "+e[1]+", "+e[2]+", "+e[3]+", "+e[4]+", "+e[5]+")"},a=function(e){var t=n(e);return{x:parseInt(t[4]),y:parseInt(t[5])}},l=function(e,t){var a=n(e);a[0]=a[3]=t;var l=i(a);o(e,l)},s=function(e,t,a){var l=n(e);l[4]=t,l[5]=a;var s=i(l);o(e,s)},c=function(e,t){var a=n(e),l=t*(Math.PI/180),s=-1*l;a[1]=l,a[2]=s;var c=i(a);o(e,c)};return{scale:l,translate:s,rotate:c,getTranslate:a}}(),a="MacIntel"==n.navigator.platform,l=0,s=0,c={command:!1,shift:!1,isSelecting:!1},r={66:"bold",73:"italic",85:"underline",112:"h1",113:"h2",122:"undo"},u={keyboard:{isCommand:function(e,t,n){a&&e.metaKey||!a&&e.ctrlKey?t():n()},isShift:function(e,t,n){e.shiftKey?t():n()},isModifier:function(e,t){var n=e.which,o=r[n];o&&t.call(this,o)},isEnter:function(e,t){13===e.which&&t()},isArrow:function(e,t){(e.which>=37||e.which<=40)&&t()}},html:{addTag:function(n,o,i,a){var l=e(t.createElement(o));return l.attr("contenteditable",Boolean(a)),l.append(" "),n.append(l),i&&(c.focusedElement=n.children().last(),u.cursor.set(n,0,c.focusedElement)),l}},cursor:{set:function(e,o,i){var a;if(t.createRange){a=t.createRange();var l=n.getSelection(),s=e.children().last(),c=s.html().length-1,r=i?i[0]:s[0],u="undefined"!=typeof o?o:c;a.setStart(r,u),a.collapse(!0),l.removeAllRanges(),l.addRange(a)}else a=t.body.createTextRange(),a.moveToElementText(i),a.collapse(!1),a.select()}},selection:{save:function(){if(n.getSelection){var e=n.getSelection();if(e.rangeCount>0)return e.getRangeAt(0)}else if(t.selection&&t.selection.createRange)return t.selection.createRange();return null},restore:function(e){if(e)if(n.getSelection){var o=n.getSelection();o.removeAllRanges(),o.addRange(e)}else t.selection&&e.select&&e.select()},getText:function(){var e="";return n.getSelection?e=n.getSelection().toString():t.getSelection?e=t.getSelection().toString():t.selection&&(e=t.selection.createRange().text),e},clear:function(){window.getSelection?window.getSelection().empty?window.getSelection().empty():window.getSelection().removeAllRanges&&window.getSelection().removeAllRanges():document.selection&&document.selection.empty()},getContainer:function(e){return n.getSelection&&e&&e.commonAncestorContainer?e.commonAncestorContainer:t.selection&&e&&e.parentElement?e.parentElement():null}},validation:{isUrl:function(e){return/^(https?:\/\/)?([\da-z\.-]+)\.([a-z\.]{2,6})([\/\w \.-]*)*\/?$/.test(e)}}},d={updatePos:function(t,o){var a=n.getSelection(),l=a.getRangeAt(0),s=l.getBoundingClientRect(),c=o.width(),r=o.height(),u=(t.offset().left,{x:s.left+s.width/2-c/2,y:s.top-r-8+e(document).scrollTop()});i.translate(o,u.x,u.y)},updateState:function(e,t){t.find("button").removeClass("active");var o=n.getSelection(),i=[];d.checkForFormatting(o.focusNode,i);for(var a={b:"bold",i:"italic",u:"underline",h1:"h1",h2:"h2",a:"anchor",ul:"ul",ol:"ol"},l=0;l<i.length;l++){var s=i[l];t.find("button."+a[s]).addClass("active")}},checkForFormatting:function(e,t){var n=["b","i","u","h1","h2","ol","ul","li","a"];("#text"===e.nodeName||-1!=n.indexOf(e.nodeName.toLowerCase()))&&("#text"!=e.nodeName&&t.push(e.nodeName.toLowerCase()),d.checkForFormatting(e.parentNode,t))},buildMenu:function(t,n){var i=u.html.addTag(n,"ul",!1,!1);for(var a in o.modifiers){var l=u.html.addTag(i,"li",!1,!1),s=u.html.addTag(l,"button",!1,!1);s.attr("editor-command",o.modifiers[a]),s.addClass(o.modifiers[a])}n.find("button").click(function(n){n.preventDefault();var o=e(this).attr("editor-command");m.commands[o].call(t,n)});var c=u.html.addTag(n,"div",!1,!1);c.addClass("link-area");var r=u.html.addTag(c,"input",!1,!1);r.attr({type:"text"});var d=u.html.addTag(c,"button",!1,!1);d.click(function(t){t.preventDefault();e(this).closest(".editor");e(this).closest(".link-area").hide(),e(this).closest(".bubble").find("ul").show()})},show:function(){var t=e(this).parent().find(".bubble");t.length||(t=u.html.addTag(e(this).parent(),"div",!1,!1),t.addClass("jquery-notebook bubble"),d.buildMenu(this,t)),t.show(),d.updateState(this,t),t.hasClass("active")?t.removeClass("jump"):t.addClass("jump"),d.updatePos(e(this),t),t.addClass("active")},update:function(){var t=e(this).parent().find(".bubble");d.updateState(this,t)},clear:function(){var t=e(this).parent().find(".bubble");t.hasClass("active")&&(t.removeClass("active"),d.hideLinkInput.call(this),d.showButtons.call(this),setTimeout(function(){t.hasClass("active")||t.hide()},500))},hideButtons:function(){e(this).parent().find(".bubble").find("ul").hide()},showButtons:function(){e(this).parent().find(".bubble").find("ul").show()},showLinkInput:function(t){d.hideButtons.call(this);var n=this,o=e(this).parent().find(".bubble").find("input[type=text]"),i=o.closest(".jquery-notebook").find("button.anchor").hasClass("active");o.unbind("keydown"),o.keydown(function(o){var a=e(this);u.keyboard.isEnter(o,function(){o.preventDefault();var e=a.val();u.validation.isUrl(e)?(o.url=e,m.commands.createLink(o,t),d.clear.call(n)):""===e&&i&&(m.commands.removeLink(o,t),d.clear.call(n))})}),o.bind("paste",function(){var t=e(this);setTimeout(function(){var e=t.val();/http:\/\/https?:\/\//.test(e)&&(e=e.substring(7),t.val(e))},1)});var a="http://";if(i){var l=e(u.selection.getContainer(t)).closest("a");a=l.prop("href")||a}e(this).parent().find(".link-area").show(),o.val(a).focus()},hideLinkInput:function(){e(this).parent().find(".bubble").find(".link-area").hide()}},f={bindEvents:function(t){t.keydown(h.keydown),t.keyup(h.keyup),t.focus(h.focus),t.bind("paste",m.paste),t.mousedown(h.mouseClick),t.mouseup(h.mouseUp),t.mousemove(h.mouseMove),t.blur(h.blur),e("body").mouseup(function(e){e.target==e.currentTarget&&c.isSelecting&&h.mouseUp.call(t,e)})},setPlaceholder:function(t){if(/^\s*$/.test(e(this).text())){e(this).empty();var n=u.html.addTag(e(this),"p").addClass("placeholder");n.append(e(this).attr("editor-placeholder")),u.html.addTag(e(this),"p","undefined"!=typeof t.focus?t.focus:!1,!0)}else e(this).find(".placeholder").remove()},removePlaceholder:function(){e(this).find(".placeholder").remove()},preserveElementFocus:function(){var e=n.getSelection()?n.getSelection().anchorNode:t.activeElement;if(e){var o=e.parentNode,i=o!==c.focusedElement,a=this.children,l=0;o===this&&(o=e);for(var s=0;s<a.length;s++)if(o===a[s]){l=s;break}i&&(c.focusedElement=o,c.focusedElementIndex=l)}},prepare:function(e,t){if(o=t,e.attr("editor-mode",o.mode),e.attr("editor-placeholder",o.placeholder),e.attr("contenteditable",!0),e.css("position","relative"),e.addClass("jquery-notebook editor"),f.setPlaceholder.call(e,{}),f.preserveElementFocus.call(e),o.autoFocus===!0){var n=e.find("p:not(.placeholder)");u.cursor.set(e,0,n)}}},h={keydown:function(e){var t=this;c.command&&65===e.which&&setTimeout(function(){d.show.call(t)},50),u.keyboard.isCommand(e,function(){c.command=!0},function(){c.command=!1}),u.keyboard.isShift(e,function(){c.shift=!0},function(){c.shift=!1}),u.keyboard.isModifier.call(this,e,function(t){c.command&&m.commands[t].call(this,e)}),c.shift?u.keyboard.isArrow.call(this,e,function(){setTimeout(function(){var e=u.selection.getText();""!==e?d.show.call(t):d.clear.call(t)},100)}):u.keyboard.isArrow.call(this,e,function(){d.clear.call(t)}),13===e.which&&m.enterKey.call(this,e),27===e.which&&d.clear.call(this),86===e.which&&m.paste.call(this,e)},keyup:function(t){u.keyboard.isCommand(t,function(){c.command=!1},function(){c.command=!0}),f.preserveElementFocus.call(this),f.removePlaceholder.call(this),/^\s*$/.test(e(this).text())&&(e(this).empty(),u.html.addTag(e(this),"p",!0,!0))},focus:function(){c.command=!1,c.shift=!1},mouseClick:function(t){var n=this;if(c.isSelecting=!0,2===t.button)return setTimeout(function(){d.show.call(n)},50),void t.preventDefault();if(e(this).find(".bubble:visible").length){var o=e(this).find(".bubble:visible"),i=o.offset().left,a=o.offset().top,r=o.width(),u=o.height();if(l>i&&i+r>l&&s>a&&a+u>s)return}},mouseUp:function(e){e.preventDefault();var t=this;c.isSelecting=!1,setTimeout(function(){var e=u.selection.save();e.collapsed?d.clear.call(t):d.show.call(t)},50)},mouseMove:function(e){l=e.pageX,s=e.pageY},blur:function(){f.setPlaceholder.call(this,{focus:!1})}},m={commands:{bold:function(e){e.preventDefault(),t.execCommand("bold",!1),d.update.call(this)},italic:function(e){e.preventDefault(),t.execCommand("italic",!1),d.update.call(this)},underline:function(e){e.preventDefault(),t.execCommand("underline",!1),d.update.call(this)},anchor:function(e){e.preventDefault();var t=u.selection.save();d.showLinkInput.call(this,t)},createLink:function(e,n){u.selection.restore(n),t.execCommand("createLink",!1,e.url),d.update.call(this)},removeLink:function(t,n){var o=e(u.selection.getContainer(n)).closest("a");o.contents().first().unwrap()},h1:function(n){n.preventDefault(),e(window.getSelection().anchorNode.parentNode).is("h1")?t.execCommand("formatBlock",!1,"<p>"):t.execCommand("formatBlock",!1,"<h1>"),d.update.call(this)},h2:function(n){n.preventDefault(),e(window.getSelection().anchorNode.parentNode).is("h2")?t.execCommand("formatBlock",!1,"<p>"):t.execCommand("formatBlock",!1,"<h2>"),d.update.call(this)},ul:function(e){e.preventDefault(),t.execCommand("insertUnorderedList",!1),d.update.call(this)},ol:function(e){e.preventDefault(),t.execCommand("insertOrderedList",!1),d.update.call(this)},undo:function(e){e.preventDefault(),t.execCommand("undo",!1)}},enterKey:function(t){return"inline"===e(this).attr("editor-mode")?void t.preventDefault():void 0},paste:function(){var t=e(this);setTimeout(function(){t.find("*").each(function(){var t=e(this);e.each(this.attributes,function(){"class"===this.name&&t.hasClass("placeholder")||t.removeAttr(this.name)})})},100)}};e.fn.notebook=function(t){return t=e.extend({},e.fn.notebook.defaults,t),f.prepare(this,t),f.bindEvents(this),this},e.fn.notebook.defaults={autoFocus:!1,placeholder:"Your text here...",mode:"multiline",modifiers:["bold","italic","underline","h1","h2","ol","ul","anchor"]}}(jQuery,document,window);
\ No newline at end of file
+!function(e,t,n){var o=function(){var e=function(e){return e&&"none"!=e?e.match(/(-?[0-9\.]+)/g):[1,0,0,1,0,0]},t=function(e){return e.css("-webkit-transform")||e.css("transform")||e.css("-moz-transform")||e.css("-o-transform")||e.css("-ms-transform")},n=function(n){var o=t(n);return e(o)},o=function(e,t){e.css("-webkit-transform",t),e.css("-moz-transform",t),e.css("-o-transform",t),e.css("-ms-transform",t),e.css("transform",t)},i=function(e){return"matrix("+e[0]+", "+e[1]+", "+e[2]+", "+e[3]+", "+e[4]+", "+e[5]+")"},s=function(e){var t=n(e);return{x:parseInt(t[4]),y:parseInt(t[5])}},a=function(e,t){var s=n(e);s[0]=s[3]=t;var a=i(s);o(e,a)},l=function(e,t,s){var a=n(e);a[4]=t,a[5]=s;var l=i(a);o(e,l)},r=function(e,t){var s=n(e),a=t*(Math.PI/180),l=-1*a;s[1]=a,s[2]=l;var r=i(s);o(e,r)};return{scale:a,translate:l,rotate:r,getTranslate:s}}(),i=function(o,i){var l=this;l.element=e(o),l.options=i,l.utils=new s,l.bubble=new a(l),e.extend(l,{bindEvents:function(){l.element.keydown(this.rawEvents.keydown),l.element.keyup(this.rawEvents.keyup),l.element.focus(this.rawEvents.focus),l.element.bind("paste",this.events.paste),l.element.mousedown(this.rawEvents.mouseClick),l.element.mouseup(this.rawEvents.mouseUp),l.element.mousemove(this.rawEvents.mouseMove),l.element.blur(this.rawEvents.blur),e("body").mouseup(function(e){e.target==e.currentTarget&&u.isSelecting&&this.rawEvents.mouseUp.call(l.element,e)})},setPlaceholder:function(t){if(/^\s*$/.test(e(this).text())){e(this).empty();var n=l.utils.html.addTag(e(this),"p").addClass("placeholder");n.append(e(this).attr("editor-placeholder")),l.utils.html.addTag(e(this),"p","undefined"!=typeof t.focus?t.focus:!1,!0)}else e(this).find(".placeholder").remove()},removePlaceholder:function(){e(this).find(".placeholder").remove()},preserveElementFocus:function(){var e=n.getSelection()?n.getSelection().anchorNode:t.activeElement;if(e){var o=e.parentNode,i=o!==u.focusedElement,s=this.children,a=0;o===this&&(o=e);for(var l=0;l<s.length;l++)if(o===s[l]){a=l;break}i&&(u.focusedElement=o,u.focusedElementIndex=a)}},prepare:function(){if(l.element.attr("editor-mode",l.options.mode),l.element.attr("editor-placeholder",l.options.placeholder),l.element.attr("contenteditable",!0),l.element.css("position","relative"),l.element.addClass("jquery-notebook editor"),l.setPlaceholder.call(l.element,{}),l.preserveElementFocus.call(l.element),i.autoFocus===!0){var e=l.element.find("p:not(.placeholder)");l.utils.cursor.set(l.element,0,e)}},rawEvents:{keydown:function(e){var t=this;u.command&&65===e.which&&setTimeout(function(){l.bubble.show()},50),l.utils.keyboard.isCommand(e,function(){u.command=!0},function(){u.command=!1}),l.utils.keyboard.isShift(e,function(){u.shift=!0},function(){u.shift=!1}),l.utils.keyboard.isModifier.call(this,e,function(t){u.command&&this.events.commands[t].call(this,e)}),u.shift?l.utils.keyboard.isArrow.call(this,e,function(){setTimeout(function(){var e=l.utils.selection.getText();""!==e?l.bubble.show():l.bubble.clear.call(t)},100)}):l.utils.keyboard.isArrow.call(this,e,function(){l.bubble.clear.call(t)}),13===e.which&&this.events.enterKey.call(this,e),27===e.which&&l.bubble.clear.call(this),86===e.which&&this.events.paste.call(this,e)},keyup:function(t){l.utils.keyboard.isCommand(t,function(){u.command=!1},function(){u.command=!0}),l.preserveElementFocus.call(this),l.removePlaceholder.call(this),/^\s*$/.test(e(this).text())&&(e(this).empty(),l.utils.html.addTag(e(this),"p",!0,!0))},focus:function(){u.command=!1,u.shift=!1},mouseClick:function(t){if(u.isSelecting=!0,2===t.button)return setTimeout(function(){l.bubble.show()},50),void t.preventDefault();if(e(this).find(".bubble:visible").length){var n=e(this).find(".bubble:visible"),o=n.offset().left,i=n.offset().top,s=n.width(),a=n.height();if(r>o&&o+s>r&&c>i&&i+a>c)return}},mouseUp:function(e){e.preventDefault();var t=this;u.isSelecting=!1,setTimeout(function(){var e=l.utils.selection.save();e.collapsed?l.bubble.clear.call(t):l.bubble.show()},50)},mouseMove:function(e){r=e.pageX,c=e.pageY},blur:function(){l.setPlaceholder.call(this,{focus:!1})}},events:{commands:{bold:function(e){e.preventDefault(),t.execCommand("bold",!1),l.bubble.update.call(this)},italic:function(e){e.preventDefault(),t.execCommand("italic",!1),l.bubble.update.call(this)},underline:function(e){e.preventDefault(),t.execCommand("underline",!1),l.bubble.update.call(this)},anchor:function(e){e.preventDefault();var t=l.utils.selection.save();l.bubble.showLinkInput.call(this,t)},createLink:function(e,n){l.utils.selection.restore(n),t.execCommand("createLink",!1,e.url),l.bubble.update.call(this)},removeLink:function(t,n){var o=e(l.utils.selection.getContainer(n)).closest("a");o.contents().first().unwrap()},h1:function(n){n.preventDefault(),e(window.getSelection().anchorNode.parentNode).is("h1")?t.execCommand("formatBlock",!1,"<p>"):t.execCommand("formatBlock",!1,"<h1>"),l.bubble.update.call(this)},h2:function(n){n.preventDefault(),e(window.getSelection().anchorNode.parentNode).is("h2")?t.execCommand("formatBlock",!1,"<p>"):t.execCommand("formatBlock",!1,"<h2>"),l.bubble.update.call(this)},ul:function(e){e.preventDefault(),t.execCommand("insertUnorderedList",!1),l.bubble.update.call(this)},ol:function(e){e.preventDefault(),t.execCommand("insertOrderedList",!1),l.bubble.update.call(this)},undo:function(e){e.preventDefault(),t.execCommand("undo",!1)}},enterKey:function(t){return"inline"===e(this).attr("editor-mode")?void t.preventDefault():void 0},paste:function(){var t=e(this);setTimeout(function(){t.find("*").each(function(){var t=e(this);e.each(this.attributes,function(){"class"===this.name&&t.hasClass("placeholder")||t.removeAttr(this.name)})})},100)}}});var r=("MacIntel"==n.navigator.platform,0),c=0,u={command:!1,shift:!1,isSelecting:!1};l.prepare(),l.bindEvents()},s=function(){e.extend(this,{keyboard:{isCommand:function(e,t,n){isMac&&e.metaKey||!isMac&&e.ctrlKey?t():n()},isShift:function(e,t,n){e.shiftKey?t():n()},isModifier:function(e,t){var n=e.which,o=modifiers[n];o&&t.call(this,o)},isEnter:function(e,t){13===e.which&&t()},isArrow:function(e,t){(e.which>=37||e.which<=40)&&t()}},html:{addTag:function(n,o,i,s){var a=e(t.createElement(o));return a.attr("contenteditable",Boolean(s)),a.append(" "),n.append(a),i&&(cache.focusedElement=n.children().last(),this.cursor.set(n,0,cache.focusedElement)),a},decode:function(t){return e("<div/>").html(t).text()}},cursor:{set:function(e,o,i){var s;if(t.createRange){s=t.createRange();var a=n.getSelection(),l=e.children().last(),r=l.html().length-1,c=i?i[0]:l[0],u="undefined"!=typeof o?o:r;s.setStart(c,u),s.collapse(!0),a.removeAllRanges(),a.addRange(s)}else s=t.body.createTextRange(),s.moveToElementText(i),s.collapse(!1),s.select()}},selection:{save:function(){if(n.getSelection){var e=n.getSelection();if(e.rangeCount>0)return e.getRangeAt(0)}else if(t.selection&&t.selection.createRange)return t.selection.createRange();return null},restore:function(e){if(e)if(n.getSelection){var o=n.getSelection();o.removeAllRanges(),o.addRange(e)}else t.selection&&e.select&&e.select()},getText:function(){var e="";return n.getSelection?e=n.getSelection().toString():t.getSelection?e=t.getSelection().toString():t.selection&&(e=t.selection.createRange().text),e},clear:function(){window.getSelection?window.getSelection().empty?window.getSelection().empty():window.getSelection().removeAllRanges&&window.getSelection().removeAllRanges():document.selection&&document.selection.empty()},getContainer:function(e){return n.getSelection&&e&&e.commonAncestorContainer?e.commonAncestorContainer:t.selection&&e&&e.parentElement?e.parentElement():null}},validation:{isUrl:function(e){return/^(https?:\/\/)?([\da-z\.-]+)\.([a-z\.]{2,6})([\/\w \.-]*)*\/?$/.test(e)}}})},a=function(t){e.extend(this,{notebook:t,updatePos:function(t){var i=n.getSelection(),s=i.getRangeAt(0),a=s.getBoundingClientRect(),l=t.width(),r=t.height(),c=(this.notebook.element.offset().left,{x:a.left+a.width/2-l/2,y:a.top-r-8+e(document).scrollTop()});o.translate(t,c.x,c.y)},updateState:function(e,t){t.find("button").removeClass("active");var o=n.getSelection(),i=[];this.checkForFormatting(o.focusNode,i);for(var s={b:"bold",i:"italic",u:"underline",h1:"h1",h2:"h2",a:"anchor",ul:"ul",ol:"ol"},a=0;a<i.length;a++){var l=i[a];t.find("button."+s[l]).addClass("active")}},checkForFormatting:function(e,t){var n=["b","i","u","h1","h2","ol","ul","li","a"];("#text"===e.nodeName||-1!=n.indexOf(e.nodeName.toLowerCase()))&&("#text"!=e.nodeName&&t.push(e.nodeName.toLowerCase()),this.checkForFormatting(e.parentNode,t))},buildMenu:function(t){var n=this.notebook.utils.html.addTag(t,"ul",!1,!1);for(var o in this.notebook.options.modifiers){var i=this.notebook.utils.html.addTag(n,"li",!1,!1),s=this.notebook.utils.html.addTag(i,"button",!1,!1);s.attr("editor-command",this.notebook.options.modifiers[o]),s.addClass(this.notebook.options.modifiers[o])}t.find("button").click(function(t){t.preventDefault();var n=e(this).attr("editor-command");this.notebook.events.commands[n].call(this.notebook.element,t)});var a=this.notebook.utils.html.addTag(t,"div",!1,!1);a.addClass("link-area");var l=this.notebook.utils.html.addTag(a,"input",!1,!1);l.attr({type:"text"});var r=this.notebook.utils.html.addTag(a,"button",!1,!1);r.click(function(t){t.preventDefault();e(this).closest(".editor");e(this).closest(".link-area").hide(),e(this).closest(".bubble").find("ul").show()})},show:function(){var e=this.notebook.element.parent().find(".bubble");e.length||(e=this.notebook.utils.html.addTag(this.notebook.element.parent(),"div",!1,!1),e.addClass("jquery-notebook bubble"),this.buildMenu(e)),e.show(),this.updateState(this,e),e.hasClass("active")?e.removeClass("jump"):e.addClass("jump"),this.updatePos(e),e.addClass("active")},update:function(){var t=e(this).parent().find(".bubble");this.updateState(this,t)},clear:function(){var t=e(this).parent().find(".bubble");t.hasClass("active")&&(t.removeClass("active"),this.hideLinkInput.call(this),this.showButtons.call(this),setTimeout(function(){t.hasClass("active")||t.hide()},500))},hideButtons:function(){e(this).parent().find(".bubble").find("ul").hide()},showButtons:function(){e(this).parent().find(".bubble").find("ul").show()},showLinkInput:function(t){this.hideButtons.call(this);var n=this,o=e(this).parent().find(".bubble").find("input[type=text]"),i=o.closest(".jquery-notebook").find("button.anchor").hasClass("active");o.unbind("keydown"),o.keydown(function(o){var s=e(this);this.notebook.utils.keyboard.isEnter(o,function(){o.preventDefault();var e=s.val();this.notebook.utils.validation.isUrl(e)?(o.url=e,this.notebook.events.commands.createLink(o,t),this.clear.call(n)):""===e&&i&&(this.notebook.events.commands.removeLink(o,t),this.clear.call(n))})}),o.bind("paste",function(){var t=e(this);setTimeout(function(){var e=t.val();/http:\/\/https?:\/\//.test(e)&&(e=e.substring(7),t.val(e))},1)});var s="http://";if(i){var a=e(this.notebook.utils.selection.getContainer(t)).closest("a");s=a.prop("href")||s}e(this).parent().find(".link-area").show(),o.val(s).focus()},hideLinkInput:function(){e(this).parent().find(".bubble").find(".link-area").hide()}})};e.fn.notebook=function(t){return t=e.extend({},e.fn.notebook.defaults,t),this.each(function(){new i(this,t)})},e.fn.notebook.defaults={autoFocus:!1,placeholder:"Your text here...",mode:"multiline",modifiers:["bold","italic","underline","h1","h2","ol","ul","anchor"]}}(jQuery,document,window);
\ No newline at end of file
diff --git a/index.html b/index.html
index 0397c95..559829c 100644
--- a/index.html
+++ b/index.html
@@ -9,12 +9,12 @@
     </head>
     <body>
         <a href="https://github.com/raphaelcruzeiro/jquery-notebook"><img style="position: absolute; top: 0; right: 0; border: 0;" src="https://s3.amazonaws.com/github/ribbons/forkme_right_green_007200.png" alt="Fork me on GitHub"></a>
-        <textarea class="editor">
+        <div class="editor">
             <h1>JQUERY NOTEBOOK DEMO</h1>
             <p>A simple, clean and elegant text editor. Inspired by the awesomeness of <a href="http://medium.com" target="_blank">Medium</a>.</p>
             <p>This jQuery plugin is released under the MIT license. You can check out the project and see how extremely simple it is to use this editor on your application by clicking on the Github ribbon on the top corner of this page. Feel free to contribute with this project by registering any bug that you may encounter as an issue on Github, and working on the issues that are already there. I'm looking forward to seeing your pull request!</p>
             <p>Now, just take a time to test the editor. Yes, <b>this div is the editor</b>. Try to edit this text, select a part of this text and don't forget to try the basic text editor keyboard shortcuts.</p>
-        </textarea>
+        </div>
         <script type="text/javascript" src="src/js/libs/jquery-1.10.2.min.js"></script>
         <script type="text/javascript" src="src/js/jquery.notebook.js"></script>
         <script type="text/javascript">
diff --git a/src/js/jquery.notebook.js b/src/js/jquery.notebook.js
index 6a363b9..d9e4545 100644
--- a/src/js/jquery.notebook.js
+++ b/src/js/jquery.notebook.js
@@ -100,24 +100,307 @@
     };
   })();
 
-  var isMac = w.navigator.platform == 'MacIntel',
-    mouseX = 0,
-    mouseY = 0,
-    cache = {
-      command: false,
-      shift: false,
-      isSelecting: false
-    },
-    modifiers = {
-      66: 'bold',
-      73: 'italic',
-      85: 'underline',
-      112: 'h1',
-      113: 'h2',
-      122: 'undo'
-    },
-    options,
-    utils = {
+  var Notebook = function(element, options) {
+    var self = this,
+      mouseX = 0,
+      mouseY = 0,
+      cache = {
+        command: false,
+        shift: false,
+        isSelecting: false
+      },
+      modifiers = {
+        66: 'bold',
+        73: 'italic',
+        85: 'underline',
+        112: 'h1',
+        113: 'h2',
+        122: 'undo'
+      };
+
+    $.extend(self, {
+      init: function() {
+        self.element = $(element);
+        self.options = options;
+        self.utils = new Utils();
+        self.bubble = new notebookBubble(self);
+
+        self.prepare();
+        self.bindEvents();
+      },
+      bindEvents: function(elem) {
+        self.element.keydown(self.rawEvents.keydown);
+        self.element.keyup(self.rawEvents.keyup);
+        self.element.focus(self.rawEvents.focus);
+        self.element.bind('paste', self.events.paste);
+        self.element.mousedown(self.rawEvents.mouseClick);
+        self.element.mouseup(self.rawEvents.mouseUp);
+        self.element.mousemove(self.rawEvents.mouseMove);
+        self.element.blur(self.rawEvents.blur);
+        $('body').mouseup(function(e) {
+          if (e.target == e.currentTarget && cache.isSelecting) {
+            self.rawEvents.mouseUp(e);
+          }
+        });
+      },
+      setPlaceholder: function(e) {
+        if (/^\s*$/.test(self.element.text())) {
+          self.element.empty();
+          var placeholder = self.utils.html.addTag(self.element, 'p').addClass('placeholder');
+          placeholder.append(self.element.attr('editor-placeholder'));
+          self.utils.html.addTag(self.element, 'p', typeof e.focus != 'undefined' ? e.focus : false, true);
+        } else {
+          self.element.find('.placeholder').remove();
+        }
+      },
+      removePlaceholder: function(e) {
+        self.element.find('.placeholder').remove();
+      },
+      preserveElementFocus: function() {
+        var anchorNode = w.getSelection() ? w.getSelection().anchorNode : d.activeElement;
+        if (anchorNode) {
+          var current = anchorNode.parentNode,
+            diff = current !== cache.focusedElement,
+            children = self.element[0].children,
+            elementIndex = 0;
+          if (current === self.element[0]) {
+            current = anchorNode;
+          }
+          for (var i = 0; i < children.length; i++) {
+            if (current === children[i]) {
+              elementIndex = i;
+              break;
+            }
+          }
+          if (diff) {
+            cache.focusedElement = current;
+            cache.focusedElementIndex = elementIndex;
+          }
+        }
+      },
+      prepare: function() {
+        self.element.attr('editor-mode', self.options.mode);
+        self.element.attr('editor-placeholder', self.options.placeholder);
+        self.element.attr('contenteditable', true);
+        self.element.css('position', 'relative');
+        self.element.addClass('jquery-notebook editor');
+        self.setPlaceholder({});
+        self.preserveElementFocus();
+        if (options.autoFocus === true) {
+          var firstP = self.element.find('p:not(.placeholder)');
+          self.utils.cursor.set(self.element, 0, firstP);
+        }
+      },
+      rawEvents: {
+        keydown: function(e) {
+          var elem = this;
+          if (cache.command && e.which === 65) {
+            setTimeout(function() {
+              self.bubble.show();
+            }, 50);
+          }
+          self.utils.keyboard.isCommand(e, function() {
+            cache.command = true;
+          }, function() {
+            cache.command = false;
+          });
+          self.utils.keyboard.isShift(e, function() {
+            cache.shift = true;
+          }, function() {
+            cache.shift = false;
+          });
+          self.utils.keyboard.isModifier(e, function(modifier) {
+            if (cache.command) {
+              self.events.commands[modifier](e);
+            }
+          });
+
+          if (cache.shift) {
+            self.utils.keyboard.isArrow(e, function() {
+              setTimeout(function() {
+                var txt = self.utils.selection.getText();
+                if (txt !== '') {
+                  self.bubble.show();
+                } else {
+                  self.bubble.clear();
+                }
+              }, 100);
+            });
+          } else {
+            self.utils.keyboard.isArrow(e, function() {
+              self.bubble.clear();
+            });
+          }
+
+          if (e.which === 13) {
+            self.events.enterKey();
+          }
+          if (e.which === 27) {
+            self.bubble.clear();
+          }
+          if (e.which === 86) {
+            this.events.paste(e);
+          }
+        },
+        keyup: function(e) {
+          self.utils.keyboard.isCommand(e, function() {
+            cache.command = false;
+          }, function() {
+            cache.command = true;
+          });
+          self.preserveElementFocus();
+          self.removePlaceholder();
+
+          /*
+           * This breaks the undo when the whole text is deleted but so far
+           * it is the only way that I fould to solve the more serious bug
+           * that the editor was losing the p elements after deleting the whole text
+           */
+          if (/^\s*$/.test($(this).text())) {
+            $(this).empty();
+            self.utils.html.addTag($(this), 'p', true, true);
+          }
+        },
+        focus: function(e) {
+          cache.command = false;
+          cache.shift = false;
+        },
+        mouseClick: function(e) {
+          var elem = this;
+          cache.isSelecting = true;
+          if (e.button === 2) {
+            setTimeout(function() {
+              self.bubble.show();
+            }, 50);
+            e.preventDefault();
+            return;
+          }
+          if (self.bubble.isVisible()) {
+            var bubbleTag = self.bubble.element,
+              bubbleX = bubbleTag.offset().left,
+              bubbleY = bubbleTag.offset().top,
+              bubbleWidth = bubbleTag.width(),
+              bubbleHeight = bubbleTag.height();
+            if (mouseX > bubbleX && mouseX < bubbleX + bubbleWidth &&
+              mouseY > bubbleY && mouseY < bubbleY + bubbleHeight) {
+              return;
+            }
+          }
+        },
+        mouseUp: function(e) {
+          e.preventDefault();
+          cache.isSelecting = false;
+          setTimeout(function() {
+            var s = self.utils.selection.save();
+            if (s.collapsed) {
+              self.bubble.clear();
+            } else {
+              self.bubble.show();
+            }
+          }, 50);
+        },
+        mouseMove: function(e) {
+          mouseX = e.pageX;
+          mouseY = e.pageY;
+        },
+        blur: function(e) {
+          self.setPlaceholder({
+            focus: false
+          });
+        }
+      },
+      events: {
+        commands: {
+          bold: function(e) {
+            e.preventDefault();
+            d.execCommand('bold', false);
+            self.bubble.update();
+          },
+          italic: function(e) {
+            e.preventDefault();
+            d.execCommand('italic', false);
+            self.bubble.update();
+          },
+          underline: function(e) {
+            e.preventDefault();
+            d.execCommand('underline', false);
+            self.bubble.update();
+          },
+          anchor: function(e) {
+            e.preventDefault();
+            var s = self.utils.selection.save();
+            self.bubble.showLinkInput(s);
+          },
+          createLink: function(e, s) {
+            self.utils.selection.restore(s);
+            d.execCommand('createLink', false, e.url);
+            self.bubble.update();
+          },
+          removeLink: function(e, s) {
+            var el = $(self.utils.selection.getContainer(s)).closest('a');
+            el.contents().first().unwrap();
+          },
+          h1: function(e) {
+            e.preventDefault();
+            if ($(window.getSelection().anchorNode.parentNode).is('h1')) {
+              d.execCommand('formatBlock', false, '<p>');
+            } else {
+              d.execCommand('formatBlock', false, '<h1>');
+            }
+            self.bubble.update();
+          },
+          h2: function(e) {
+            e.preventDefault();
+            if ($(window.getSelection().anchorNode.parentNode).is('h2')) {
+              d.execCommand('formatBlock', false, '<p>');
+            } else {
+              d.execCommand('formatBlock', false, '<h2>');
+            }
+            self.bubble.update();
+          },
+          ul: function(e) {
+            e.preventDefault();
+            d.execCommand('insertUnorderedList', false);
+            self.bubble.update();
+          },
+          ol: function(e) {
+            e.preventDefault();
+            d.execCommand('insertOrderedList', false);
+            self.bubble.update();
+          },
+          undo: function(e) {
+            e.preventDefault();
+            d.execCommand('undo', false);
+          }
+        },
+        enterKey: function(e) {
+          if (self.element.attr('editor-mode') === 'inline') {
+            e.preventDefault();
+            return;
+          }
+        },
+        paste: function(e) {
+          setTimeout(function() {
+            self.element.find('*').each(function() {
+              var current = $(this);
+              $.each(this.attributes, function() {
+                if (this.name !== 'class' || !current.hasClass('placeholder')) {
+                  current.removeAttr(this.name);
+                }
+              });
+            });
+          }, 100);
+        }
+      }
+    });
+    self.init();
+  };
+
+  var Utils = function() {
+    var isMac, self;
+    self = this;
+    isMac = w.navigator.platform == 'MacIntel';
+    $.extend(this, {
       keyboard: {
         isCommand: function(e, callbackTrue, callbackFalse) {
           if (isMac && e.metaKey || !isMac && e.ctrlKey) {
@@ -137,7 +420,7 @@
           var key = e.which,
             cmd = modifiers[key];
           if (cmd) {
-            callback.call(this, cmd);
+            callback(cmd);
           }
         },
         isEnter: function(e, callback) {
@@ -159,7 +442,7 @@
           elem.append(newElement);
           if (focus) {
             cache.focusedElement = elem.children().last();
-            utils.cursor.set(elem, 0, cache.focusedElement);
+            this.cursor.set(elem, 0, cache.focusedElement);
           }
           return newElement;
         },
@@ -248,32 +531,39 @@
           return (/^(https?:\/\/)?([\da-z\.-]+)\.([a-z\.]{2,6})([\/\w \.-]*)*\/?$/).test(url);
         }
       }
-    },
-    bubble = {
+    });
+  };
+
+  var notebookBubble = function(editor) {
+    var self = this;
+    $.extend(self, {
       /*
        * This is called to position the bubble above the selection.
        */
-      updatePos: function(editor, elem) {
+      isVisible: function() {
+        return self.element.is(':visible');
+      },
+      updatePos: function() {
         var sel = w.getSelection(),
           range = sel.getRangeAt(0),
           boundary = range.getBoundingClientRect(),
-          bubbleWidth = elem.width(),
-          bubbleHeight = elem.height(),
-          offset = editor.offset().left,
+          bubbleWidth = self.element.width(),
+          bubbleHeight = self.element.height(),
+          offset = self.notebook.element.offset().left,
           pos = {
             x: (boundary.left + boundary.width / 2) - bubbleWidth / 2,
             y: boundary.top - bubbleHeight - 8 + $(document).scrollTop()
           };
-        transform.translate(elem, pos.x, pos.y);
+        transform.translate(self.element, pos.x, pos.y);
       },
       /*
        * Updates the bubble to set the active formats for the current selection.
        */
-      updateState: function(editor, elem) {
-        elem.find('button').removeClass('active');
+      updateState: function() {
+        self.element.find('button').removeClass('active');
         var sel = w.getSelection(),
           formats = [];
-        bubble.checkForFormatting(sel.focusNode, formats);
+        self.checkForFormatting(sel.focusNode, formats);
         var formatDict = {
           'b': 'bold',
           'i': 'italic',
@@ -286,7 +576,7 @@
         };
         for (var i = 0; i < formats.length; i++) {
           var format = formats[i];
-          elem.find('button.' + formatDict[format]).addClass('active');
+          self.element.find('button.' + formatDict[format]).addClass('active');
         }
       },
       /*
@@ -300,92 +590,86 @@
           if (currentNode.nodeName != '#text') {
             formats.push(currentNode.nodeName.toLowerCase());
           }
-          bubble.checkForFormatting(currentNode.parentNode, formats);
+          self.checkForFormatting(currentNode.parentNode, formats);
         }
       },
-      buildMenu: function(editor, elem) {
-        var ul = utils.html.addTag(elem, 'ul', false, false);
-        for (var cmd in options.modifiers) {
-          var li = utils.html.addTag(ul, 'li', false, false);
-          var btn = utils.html.addTag(li, 'button', false, false);
-          btn.attr('editor-command', options.modifiers[cmd]);
-          btn.addClass(options.modifiers[cmd]);
+      buildMenu: function() {
+        var ul = self.notebook.utils.html.addTag(self.element, 'ul', false, false);
+        for (var cmd in self.notebook.options.modifiers) {
+          var li = self.notebook.utils.html.addTag(ul, 'li', false, false);
+          var btn = self.notebook.utils.html.addTag(li, 'button', false, false);
+          btn.attr('editor-command', self.notebook.options.modifiers[cmd]);
+          btn.addClass(self.notebook.options.modifiers[cmd]);
         }
-        elem.find('button').click(function(e) {
+        self.element.find('button').click(function(e) {
           e.preventDefault();
           var cmd = $(this).attr('editor-command');
-          events.commands[cmd].call(editor, e);
+          self.notebook.events.commands[cmd](e);
         });
-        var linkArea = utils.html.addTag(elem, 'div', false, false);
+        var linkArea = self.notebook.utils.html.addTag(self.element, 'div', false, false);
         linkArea.addClass('link-area');
-        var linkInput = utils.html.addTag(linkArea, 'input', false, false);
+        var linkInput = self.notebook.utils.html.addTag(linkArea, 'input', false, false);
         linkInput.attr({
           type: 'text'
         });
-        var closeBtn = utils.html.addTag(linkArea, 'button', false, false);
+        var closeBtn = self.notebook.utils.html.addTag(linkArea, 'button', false, false);
         closeBtn.click(function(e) {
           e.preventDefault();
-          var editor = $(this).closest('.editor');
           $(this).closest('.link-area').hide();
-          $(this).closest('.bubble').find('ul').show();
+          self.element.find('ul').show();
         });
       },
+      init: function(editor) {
+        self.notebook = editor;
+
+        self.element = self.notebook.utils.html.addTag(self.notebook.element.parent(), 'div', false, false);
+        self.element.addClass('jquery-notebook bubble');
+        self.buildMenu();
+      },
       show: function() {
-        var tag = $(this).parent().find('.bubble');
-        if (!tag.length) {
-          tag = utils.html.addTag($(this).parent(), 'div', false, false);
-          tag.addClass('jquery-notebook bubble');
-          bubble.buildMenu(this, tag);
-        }
-        tag.show();
-        bubble.updateState(this, tag);
-        if (!tag.hasClass('active')) {
-          tag.addClass('jump');
-        } else {
-          tag.removeClass('jump');
-        }
-        bubble.updatePos($(this), tag);
-        tag.addClass('active');
+        self.element.show();
+        self.updateState();
+        self.element.toggleClass('jump');
+        self.updatePos();
+        self.element.addClass('active');
       },
       update: function() {
-        var tag = $(this).parent().find('.bubble');
-        bubble.updateState(this, tag);
+        self.updateState();
       },
       clear: function() {
-        var elem = $(this).parent().find('.bubble');
-        if (!elem.hasClass('active')) return;
-        elem.removeClass('active');
-        bubble.hideLinkInput.call(this);
-        bubble.showButtons.call(this);
+        if (!self.element.hasClass('active')) return;
+        self.element.removeClass('active');
+        self.hideLinkInput();
+        self.showButtons();
         setTimeout(function() {
-          if (elem.hasClass('active')) return;
-          elem.hide();
+          if (self.element.hasClass('active')) return;
+          self.element.hide();
         }, 500);
       },
       hideButtons: function() {
-        $(this).parent().find('.bubble').find('ul').hide();
+        self.element.find('ul').hide();
       },
       showButtons: function() {
-        $(this).parent().find('.bubble').find('ul').show();
+        self.element.find('ul').show();
       },
       showLinkInput: function(selection) {
-        bubble.hideButtons.call(this);
-        var editor = this;
-        var elem = $(this).parent().find('.bubble').find('input[type=text]');
-        var hasLink = elem.closest('.jquery-notebook').find('button.anchor').hasClass('active');
+        self.hideButtons();
+        var elem, hasLink;
+        elem = self.element.find('input[type=text]');
+        hasLink = elem.closest('.jquery-notebook').find('button.anchor').hasClass('active');
         elem.unbind('keydown');
         elem.keydown(function(e) {
-          var elem = $(this);
-          utils.keyboard.isEnter(e, function() {
+          var el = $(this);
+          self.notebook.utils.keyboard.isEnter(e, function() {
             e.preventDefault();
-            var url = elem.val();
-            if (utils.validation.isUrl(url)) {
+            var url = el.val();
+            if (self.notebook.utils.validation.isUrl(url)) {
               e.url = url;
-              events.commands.createLink(e, selection);
-              bubble.clear.call(editor);
+              self.notebook.events.commands.createLink(e, selection);
+              self.clear();
             } else if (url === '' && hasLink) {
-              events.commands.removeLink(e, selection);
-              bubble.clear.call(editor);
+              self.notebook.events.commands.removeLink(e, selection);
+              self.clear();
             }
           });
         });
@@ -401,290 +685,23 @@
         });
         var linkText = 'http://';
         if (hasLink) {
-          var anchor = $(utils.selection.getContainer(selection)).closest('a');
+          var anchor = $(self.notebook.utils.selection.getContainer(selection)).closest('a');
           linkText = anchor.prop('href') || linkText;
         }
-        $(this).parent().find('.link-area').show();
+        self.notebook.element.parent().find('.link-area').show();
         elem.val(linkText).focus();
       },
       hideLinkInput: function() {
-        $(this).parent().find('.bubble').find('.link-area').hide();
-      }
-    },
-    actions = {
-      bindEvents: function(elem) {
-        elem.keydown(rawEvents.keydown);
-        elem.keyup(rawEvents.keyup);
-        elem.focus(rawEvents.focus);
-        elem.bind('paste', events.paste);
-        elem.mousedown(rawEvents.mouseClick);
-        elem.mouseup(rawEvents.mouseUp);
-        elem.mousemove(rawEvents.mouseMove);
-        elem.blur(rawEvents.blur);
-        $('body').mouseup(function(e) {
-          if (e.target == e.currentTarget && cache.isSelecting) {
-            rawEvents.mouseUp.call(elem, e);
-          }
-        });
-      },
-      setPlaceholder: function(e) {
-        if (/^\s*$/.test($(this).text())) {
-          $(this).empty();
-          var placeholder = utils.html.addTag($(this), 'p').addClass('placeholder');
-          placeholder.append($(this).attr('editor-placeholder'));
-          utils.html.addTag($(this), 'p', typeof e.focus != 'undefined' ? e.focus : false, true);
-        } else {
-          $(this).find('.placeholder').remove();
-        }
-      },
-      removePlaceholder: function(e) {
-        $(this).find('.placeholder').remove();
-      },
-      preserveElementFocus: function() {
-        var anchorNode = w.getSelection() ? w.getSelection().anchorNode : d.activeElement;
-        if (anchorNode) {
-          var current = anchorNode.parentNode,
-            diff = current !== cache.focusedElement,
-            children = this.children,
-            elementIndex = 0;
-          if (current === this) {
-            current = anchorNode;
-          }
-          for (var i = 0; i < children.length; i++) {
-            if (current === children[i]) {
-              elementIndex = i;
-              break;
-            }
-          }
-          if (diff) {
-            cache.focusedElement = current;
-            cache.focusedElementIndex = elementIndex;
-          }
-        }
-      },
-      prepare: function(elem, customOptions) {
-        options = customOptions;
-
-        elem.attr('editor-mode', options.mode);
-        elem.attr('editor-placeholder', options.placeholder);
-        elem.attr('contenteditable', true);
-        elem.css('position', 'relative');
-        elem.addClass('jquery-notebook editor');
-        actions.setPlaceholder.call(elem, {});
-        actions.preserveElementFocus.call(elem);
-        if (options.autoFocus === true) {
-          var firstP = elem.find('p:not(.placeholder)');
-          utils.cursor.set(elem, 0, firstP);
-        }
+        self.element.find('.link-area').hide();
       }
-    },
-    rawEvents = {
-      keydown: function(e) {
-        var elem = this;
-        if (cache.command && e.which === 65) {
-          setTimeout(function() {
-            bubble.show.call(elem);
-          }, 50);
-        }
-        utils.keyboard.isCommand(e, function() {
-          cache.command = true;
-        }, function() {
-          cache.command = false;
-        });
-        utils.keyboard.isShift(e, function() {
-          cache.shift = true;
-        }, function() {
-          cache.shift = false;
-        });
-        utils.keyboard.isModifier.call(this, e, function(modifier) {
-          if (cache.command) {
-            events.commands[modifier].call(this, e);
-          }
-        });
-
-        if (cache.shift) {
-          utils.keyboard.isArrow.call(this, e, function() {
-            setTimeout(function() {
-              var txt = utils.selection.getText();
-              if (txt !== '') {
-                bubble.show.call(elem);
-              } else {
-                bubble.clear.call(elem);
-              }
-            }, 100);
-          });
-        } else {
-          utils.keyboard.isArrow.call(this, e, function() {
-            bubble.clear.call(elem);
-          });
-        }
-
-        if (e.which === 13) {
-          events.enterKey.call(this, e);
-        }
-        if (e.which === 27) {
-          bubble.clear.call(this);
-        }
-        if (e.which === 86) {
-          events.paste.call(this, e);
-        }
-      },
-      keyup: function(e) {
-        utils.keyboard.isCommand(e, function() {
-          cache.command = false;
-        }, function() {
-          cache.command = true;
-        });
-        actions.preserveElementFocus.call(this);
-        actions.removePlaceholder.call(this);
+    });
 
-        /*
-         * This breaks the undo when the whole text is deleted but so far
-         * it is the only way that I fould to solve the more serious bug
-         * that the editor was losing the p elements after deleting the whole text
-         */
-        if (/^\s*$/.test($(this).text())) {
-          $(this).empty();
-          utils.html.addTag($(this), 'p', true, true);
-        }
-      },
-      focus: function(e) {
-        cache.command = false;
-        cache.shift = false;
-      },
-      mouseClick: function(e) {
-        var elem = this;
-        cache.isSelecting = true;
-        if (e.button === 2) {
-          setTimeout(function() {
-            bubble.show.call(elem);
-          }, 50);
-          e.preventDefault();
-          return;
-        }
-        if ($(this).find('.bubble:visible').length) {
-          var bubbleTag = $(this).find('.bubble:visible'),
-            bubbleX = bubbleTag.offset().left,
-            bubbleY = bubbleTag.offset().top,
-            bubbleWidth = bubbleTag.width(),
-            bubbleHeight = bubbleTag.height();
-          if (mouseX > bubbleX && mouseX < bubbleX + bubbleWidth &&
-            mouseY > bubbleY && mouseY < bubbleY + bubbleHeight) {
-            return;
-          }
-        }
-      },
-      mouseUp: function(e) {
-        e.preventDefault();
-        var elem = this;
-        cache.isSelecting = false;
-        setTimeout(function() {
-          var s = utils.selection.save();
-          if (s.collapsed) {
-            bubble.clear.call(elem);
-          } else {
-            bubble.show.call(elem);
-          }
-        }, 50);
-      },
-      mouseMove: function(e) {
-        mouseX = e.pageX;
-        mouseY = e.pageY;
-      },
-      blur: function(e) {
-        actions.setPlaceholder.call(this, {
-          focus: false
-        });
-      }
-    },
-    events = {
-      commands: {
-        bold: function(e) {
-          e.preventDefault();
-          d.execCommand('bold', false);
-          bubble.update.call(this);
-        },
-        italic: function(e) {
-          e.preventDefault();
-          d.execCommand('italic', false);
-          bubble.update.call(this);
-        },
-        underline: function(e) {
-          e.preventDefault();
-          d.execCommand('underline', false);
-          bubble.update.call(this);
-        },
-        anchor: function(e) {
-          e.preventDefault();
-          var s = utils.selection.save();
-          bubble.showLinkInput.call(this, s);
-        },
-        createLink: function(e, s) {
-          utils.selection.restore(s);
-          d.execCommand('createLink', false, e.url);
-          bubble.update.call(this);
-        },
-        removeLink: function(e, s) {
-          var el = $(utils.selection.getContainer(s)).closest('a');
-          el.contents().first().unwrap();
-        },
-        h1: function(e) {
-          e.preventDefault();
-          if ($(window.getSelection().anchorNode.parentNode).is('h1')) {
-            d.execCommand('formatBlock', false, '<p>');
-          } else {
-            d.execCommand('formatBlock', false, '<h1>');
-          }
-          bubble.update.call(this);
-        },
-        h2: function(e) {
-          e.preventDefault();
-          if ($(window.getSelection().anchorNode.parentNode).is('h2')) {
-            d.execCommand('formatBlock', false, '<p>');
-          } else {
-            d.execCommand('formatBlock', false, '<h2>');
-          }
-          bubble.update.call(this);
-        },
-        ul: function(e) {
-          e.preventDefault();
-          d.execCommand('insertUnorderedList', false);
-          bubble.update.call(this);
-        },
-        ol: function(e) {
-          e.preventDefault();
-          d.execCommand('insertOrderedList', false);
-          bubble.update.call(this);
-        },
-        undo: function(e) {
-          e.preventDefault();
-          d.execCommand('undo', false);
-        }
-      },
-      enterKey: function(e) {
-        if ($(this).attr('editor-mode') === 'inline') {
-          e.preventDefault();
-          return;
-        }
-      },
-      paste: function(e) {
-        var elem = $(this);
-        setTimeout(function() {
-          elem.find('*').each(function() {
-            var current = $(this);
-            $.each(this.attributes, function() {
-              if (this.name !== 'class' || !current.hasClass('placeholder')) {
-                current.removeAttr(this.name);
-              }
-            });
-          });
-        }, 100);
-      }
-    };
+    self.init(editor);
+  };
 
   $.fn.notebook = function(options) {
     options = $.extend({}, $.fn.notebook.defaults, options);
-    var self = this;
+    /*var self = this;
     if (this.prop("tagName") == 'TEXTAREA') {
       self.hide();
       var textarea = self;
@@ -694,8 +711,10 @@
       self.insertAfter(textarea);
     }
     actions.prepare(self, options);
-    actions.bindEvents(self);
-    return self;
+    actions.bindEvents(self);*/
+    return this.each(function() {
+      new Notebook(this, options);
+    });
   };
 
   $.fn.notebook.defaults = {

From cec4388e487f0303d11e8de8f32b6a48ca51d525 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ot=C3=A1vio=20Augusto=20Soares?= <otaviokk@gmail.com>
Date: Sun, 23 Feb 2014 00:07:29 -0300
Subject: [PATCH 3/4] removed debug

---
 src/js/jquery.notebook.js | 12 +-----------
 1 file changed, 1 insertion(+), 11 deletions(-)

diff --git a/src/js/jquery.notebook.js b/src/js/jquery.notebook.js
index d9e4545..3421027 100644
--- a/src/js/jquery.notebook.js
+++ b/src/js/jquery.notebook.js
@@ -701,17 +701,7 @@
 
   $.fn.notebook = function(options) {
     options = $.extend({}, $.fn.notebook.defaults, options);
-    /*var self = this;
-    if (this.prop("tagName") == 'TEXTAREA') {
-      self.hide();
-      var textarea = self;
-      self = $('<div />', {
-        html: utils.html.decode(textarea.html())
-      });
-      self.insertAfter(textarea);
-    }
-    actions.prepare(self, options);
-    actions.bindEvents(self);*/
+
     return this.each(function() {
       new Notebook(this, options);
     });

From 039c9b227270ffaa3dc630a92d309c055f8a83ba Mon Sep 17 00:00:00 2001
From: Raphael Cruzeiro <raphaelcruzeiro@raphaelcruzeiro.com>
Date: Sun, 23 Feb 2014 20:19:19 -0300
Subject: [PATCH 4/4] Fixed the formatting back to 4 spaces

---
 build/jquery.notebook.min.js |    2 +-
 src/js/jquery.notebook.js    | 1336 +++++++++++++++++-----------------
 2 files changed, 669 insertions(+), 669 deletions(-)

diff --git a/build/jquery.notebook.min.js b/build/jquery.notebook.min.js
index b215708..eb1906a 100644
--- a/build/jquery.notebook.min.js
+++ b/build/jquery.notebook.min.js
@@ -1 +1 @@
-!function(e,t,n){var o=function(){var e=function(e){return e&&"none"!=e?e.match(/(-?[0-9\.]+)/g):[1,0,0,1,0,0]},t=function(e){return e.css("-webkit-transform")||e.css("transform")||e.css("-moz-transform")||e.css("-o-transform")||e.css("-ms-transform")},n=function(n){var o=t(n);return e(o)},o=function(e,t){e.css("-webkit-transform",t),e.css("-moz-transform",t),e.css("-o-transform",t),e.css("-ms-transform",t),e.css("transform",t)},i=function(e){return"matrix("+e[0]+", "+e[1]+", "+e[2]+", "+e[3]+", "+e[4]+", "+e[5]+")"},s=function(e){var t=n(e);return{x:parseInt(t[4]),y:parseInt(t[5])}},a=function(e,t){var s=n(e);s[0]=s[3]=t;var a=i(s);o(e,a)},l=function(e,t,s){var a=n(e);a[4]=t,a[5]=s;var l=i(a);o(e,l)},r=function(e,t){var s=n(e),a=t*(Math.PI/180),l=-1*a;s[1]=a,s[2]=l;var r=i(s);o(e,r)};return{scale:a,translate:l,rotate:r,getTranslate:s}}(),i=function(o,i){var l=this;l.element=e(o),l.options=i,l.utils=new s,l.bubble=new a(l),e.extend(l,{bindEvents:function(){l.element.keydown(this.rawEvents.keydown),l.element.keyup(this.rawEvents.keyup),l.element.focus(this.rawEvents.focus),l.element.bind("paste",this.events.paste),l.element.mousedown(this.rawEvents.mouseClick),l.element.mouseup(this.rawEvents.mouseUp),l.element.mousemove(this.rawEvents.mouseMove),l.element.blur(this.rawEvents.blur),e("body").mouseup(function(e){e.target==e.currentTarget&&u.isSelecting&&this.rawEvents.mouseUp.call(l.element,e)})},setPlaceholder:function(t){if(/^\s*$/.test(e(this).text())){e(this).empty();var n=l.utils.html.addTag(e(this),"p").addClass("placeholder");n.append(e(this).attr("editor-placeholder")),l.utils.html.addTag(e(this),"p","undefined"!=typeof t.focus?t.focus:!1,!0)}else e(this).find(".placeholder").remove()},removePlaceholder:function(){e(this).find(".placeholder").remove()},preserveElementFocus:function(){var e=n.getSelection()?n.getSelection().anchorNode:t.activeElement;if(e){var o=e.parentNode,i=o!==u.focusedElement,s=this.children,a=0;o===this&&(o=e);for(var l=0;l<s.length;l++)if(o===s[l]){a=l;break}i&&(u.focusedElement=o,u.focusedElementIndex=a)}},prepare:function(){if(l.element.attr("editor-mode",l.options.mode),l.element.attr("editor-placeholder",l.options.placeholder),l.element.attr("contenteditable",!0),l.element.css("position","relative"),l.element.addClass("jquery-notebook editor"),l.setPlaceholder.call(l.element,{}),l.preserveElementFocus.call(l.element),i.autoFocus===!0){var e=l.element.find("p:not(.placeholder)");l.utils.cursor.set(l.element,0,e)}},rawEvents:{keydown:function(e){var t=this;u.command&&65===e.which&&setTimeout(function(){l.bubble.show()},50),l.utils.keyboard.isCommand(e,function(){u.command=!0},function(){u.command=!1}),l.utils.keyboard.isShift(e,function(){u.shift=!0},function(){u.shift=!1}),l.utils.keyboard.isModifier.call(this,e,function(t){u.command&&this.events.commands[t].call(this,e)}),u.shift?l.utils.keyboard.isArrow.call(this,e,function(){setTimeout(function(){var e=l.utils.selection.getText();""!==e?l.bubble.show():l.bubble.clear.call(t)},100)}):l.utils.keyboard.isArrow.call(this,e,function(){l.bubble.clear.call(t)}),13===e.which&&this.events.enterKey.call(this,e),27===e.which&&l.bubble.clear.call(this),86===e.which&&this.events.paste.call(this,e)},keyup:function(t){l.utils.keyboard.isCommand(t,function(){u.command=!1},function(){u.command=!0}),l.preserveElementFocus.call(this),l.removePlaceholder.call(this),/^\s*$/.test(e(this).text())&&(e(this).empty(),l.utils.html.addTag(e(this),"p",!0,!0))},focus:function(){u.command=!1,u.shift=!1},mouseClick:function(t){if(u.isSelecting=!0,2===t.button)return setTimeout(function(){l.bubble.show()},50),void t.preventDefault();if(e(this).find(".bubble:visible").length){var n=e(this).find(".bubble:visible"),o=n.offset().left,i=n.offset().top,s=n.width(),a=n.height();if(r>o&&o+s>r&&c>i&&i+a>c)return}},mouseUp:function(e){e.preventDefault();var t=this;u.isSelecting=!1,setTimeout(function(){var e=l.utils.selection.save();e.collapsed?l.bubble.clear.call(t):l.bubble.show()},50)},mouseMove:function(e){r=e.pageX,c=e.pageY},blur:function(){l.setPlaceholder.call(this,{focus:!1})}},events:{commands:{bold:function(e){e.preventDefault(),t.execCommand("bold",!1),l.bubble.update.call(this)},italic:function(e){e.preventDefault(),t.execCommand("italic",!1),l.bubble.update.call(this)},underline:function(e){e.preventDefault(),t.execCommand("underline",!1),l.bubble.update.call(this)},anchor:function(e){e.preventDefault();var t=l.utils.selection.save();l.bubble.showLinkInput.call(this,t)},createLink:function(e,n){l.utils.selection.restore(n),t.execCommand("createLink",!1,e.url),l.bubble.update.call(this)},removeLink:function(t,n){var o=e(l.utils.selection.getContainer(n)).closest("a");o.contents().first().unwrap()},h1:function(n){n.preventDefault(),e(window.getSelection().anchorNode.parentNode).is("h1")?t.execCommand("formatBlock",!1,"<p>"):t.execCommand("formatBlock",!1,"<h1>"),l.bubble.update.call(this)},h2:function(n){n.preventDefault(),e(window.getSelection().anchorNode.parentNode).is("h2")?t.execCommand("formatBlock",!1,"<p>"):t.execCommand("formatBlock",!1,"<h2>"),l.bubble.update.call(this)},ul:function(e){e.preventDefault(),t.execCommand("insertUnorderedList",!1),l.bubble.update.call(this)},ol:function(e){e.preventDefault(),t.execCommand("insertOrderedList",!1),l.bubble.update.call(this)},undo:function(e){e.preventDefault(),t.execCommand("undo",!1)}},enterKey:function(t){return"inline"===e(this).attr("editor-mode")?void t.preventDefault():void 0},paste:function(){var t=e(this);setTimeout(function(){t.find("*").each(function(){var t=e(this);e.each(this.attributes,function(){"class"===this.name&&t.hasClass("placeholder")||t.removeAttr(this.name)})})},100)}}});var r=("MacIntel"==n.navigator.platform,0),c=0,u={command:!1,shift:!1,isSelecting:!1};l.prepare(),l.bindEvents()},s=function(){e.extend(this,{keyboard:{isCommand:function(e,t,n){isMac&&e.metaKey||!isMac&&e.ctrlKey?t():n()},isShift:function(e,t,n){e.shiftKey?t():n()},isModifier:function(e,t){var n=e.which,o=modifiers[n];o&&t.call(this,o)},isEnter:function(e,t){13===e.which&&t()},isArrow:function(e,t){(e.which>=37||e.which<=40)&&t()}},html:{addTag:function(n,o,i,s){var a=e(t.createElement(o));return a.attr("contenteditable",Boolean(s)),a.append(" "),n.append(a),i&&(cache.focusedElement=n.children().last(),this.cursor.set(n,0,cache.focusedElement)),a},decode:function(t){return e("<div/>").html(t).text()}},cursor:{set:function(e,o,i){var s;if(t.createRange){s=t.createRange();var a=n.getSelection(),l=e.children().last(),r=l.html().length-1,c=i?i[0]:l[0],u="undefined"!=typeof o?o:r;s.setStart(c,u),s.collapse(!0),a.removeAllRanges(),a.addRange(s)}else s=t.body.createTextRange(),s.moveToElementText(i),s.collapse(!1),s.select()}},selection:{save:function(){if(n.getSelection){var e=n.getSelection();if(e.rangeCount>0)return e.getRangeAt(0)}else if(t.selection&&t.selection.createRange)return t.selection.createRange();return null},restore:function(e){if(e)if(n.getSelection){var o=n.getSelection();o.removeAllRanges(),o.addRange(e)}else t.selection&&e.select&&e.select()},getText:function(){var e="";return n.getSelection?e=n.getSelection().toString():t.getSelection?e=t.getSelection().toString():t.selection&&(e=t.selection.createRange().text),e},clear:function(){window.getSelection?window.getSelection().empty?window.getSelection().empty():window.getSelection().removeAllRanges&&window.getSelection().removeAllRanges():document.selection&&document.selection.empty()},getContainer:function(e){return n.getSelection&&e&&e.commonAncestorContainer?e.commonAncestorContainer:t.selection&&e&&e.parentElement?e.parentElement():null}},validation:{isUrl:function(e){return/^(https?:\/\/)?([\da-z\.-]+)\.([a-z\.]{2,6})([\/\w \.-]*)*\/?$/.test(e)}}})},a=function(t){e.extend(this,{notebook:t,updatePos:function(t){var i=n.getSelection(),s=i.getRangeAt(0),a=s.getBoundingClientRect(),l=t.width(),r=t.height(),c=(this.notebook.element.offset().left,{x:a.left+a.width/2-l/2,y:a.top-r-8+e(document).scrollTop()});o.translate(t,c.x,c.y)},updateState:function(e,t){t.find("button").removeClass("active");var o=n.getSelection(),i=[];this.checkForFormatting(o.focusNode,i);for(var s={b:"bold",i:"italic",u:"underline",h1:"h1",h2:"h2",a:"anchor",ul:"ul",ol:"ol"},a=0;a<i.length;a++){var l=i[a];t.find("button."+s[l]).addClass("active")}},checkForFormatting:function(e,t){var n=["b","i","u","h1","h2","ol","ul","li","a"];("#text"===e.nodeName||-1!=n.indexOf(e.nodeName.toLowerCase()))&&("#text"!=e.nodeName&&t.push(e.nodeName.toLowerCase()),this.checkForFormatting(e.parentNode,t))},buildMenu:function(t){var n=this.notebook.utils.html.addTag(t,"ul",!1,!1);for(var o in this.notebook.options.modifiers){var i=this.notebook.utils.html.addTag(n,"li",!1,!1),s=this.notebook.utils.html.addTag(i,"button",!1,!1);s.attr("editor-command",this.notebook.options.modifiers[o]),s.addClass(this.notebook.options.modifiers[o])}t.find("button").click(function(t){t.preventDefault();var n=e(this).attr("editor-command");this.notebook.events.commands[n].call(this.notebook.element,t)});var a=this.notebook.utils.html.addTag(t,"div",!1,!1);a.addClass("link-area");var l=this.notebook.utils.html.addTag(a,"input",!1,!1);l.attr({type:"text"});var r=this.notebook.utils.html.addTag(a,"button",!1,!1);r.click(function(t){t.preventDefault();e(this).closest(".editor");e(this).closest(".link-area").hide(),e(this).closest(".bubble").find("ul").show()})},show:function(){var e=this.notebook.element.parent().find(".bubble");e.length||(e=this.notebook.utils.html.addTag(this.notebook.element.parent(),"div",!1,!1),e.addClass("jquery-notebook bubble"),this.buildMenu(e)),e.show(),this.updateState(this,e),e.hasClass("active")?e.removeClass("jump"):e.addClass("jump"),this.updatePos(e),e.addClass("active")},update:function(){var t=e(this).parent().find(".bubble");this.updateState(this,t)},clear:function(){var t=e(this).parent().find(".bubble");t.hasClass("active")&&(t.removeClass("active"),this.hideLinkInput.call(this),this.showButtons.call(this),setTimeout(function(){t.hasClass("active")||t.hide()},500))},hideButtons:function(){e(this).parent().find(".bubble").find("ul").hide()},showButtons:function(){e(this).parent().find(".bubble").find("ul").show()},showLinkInput:function(t){this.hideButtons.call(this);var n=this,o=e(this).parent().find(".bubble").find("input[type=text]"),i=o.closest(".jquery-notebook").find("button.anchor").hasClass("active");o.unbind("keydown"),o.keydown(function(o){var s=e(this);this.notebook.utils.keyboard.isEnter(o,function(){o.preventDefault();var e=s.val();this.notebook.utils.validation.isUrl(e)?(o.url=e,this.notebook.events.commands.createLink(o,t),this.clear.call(n)):""===e&&i&&(this.notebook.events.commands.removeLink(o,t),this.clear.call(n))})}),o.bind("paste",function(){var t=e(this);setTimeout(function(){var e=t.val();/http:\/\/https?:\/\//.test(e)&&(e=e.substring(7),t.val(e))},1)});var s="http://";if(i){var a=e(this.notebook.utils.selection.getContainer(t)).closest("a");s=a.prop("href")||s}e(this).parent().find(".link-area").show(),o.val(s).focus()},hideLinkInput:function(){e(this).parent().find(".bubble").find(".link-area").hide()}})};e.fn.notebook=function(t){return t=e.extend({},e.fn.notebook.defaults,t),this.each(function(){new i(this,t)})},e.fn.notebook.defaults={autoFocus:!1,placeholder:"Your text here...",mode:"multiline",modifiers:["bold","italic","underline","h1","h2","ol","ul","anchor"]}}(jQuery,document,window);
\ No newline at end of file
+!function(e,t,n){var o=function(){var e=function(e){return e&&"none"!=e?e.match(/(-?[0-9\.]+)/g):[1,0,0,1,0,0]},t=function(e){return e.css("-webkit-transform")||e.css("transform")||e.css("-moz-transform")||e.css("-o-transform")||e.css("-ms-transform")},n=function(n){var o=t(n);return e(o)},o=function(e,t){e.css("-webkit-transform",t),e.css("-moz-transform",t),e.css("-o-transform",t),e.css("-ms-transform",t),e.css("transform",t)},i=function(e){return"matrix("+e[0]+", "+e[1]+", "+e[2]+", "+e[3]+", "+e[4]+", "+e[5]+")"},a=function(e){var t=n(e);return{x:parseInt(t[4]),y:parseInt(t[5])}},l=function(e,t){var a=n(e);a[0]=a[3]=t;var l=i(a);o(e,l)},r=function(e,t,a){var l=n(e);l[4]=t,l[5]=a;var r=i(l);o(e,r)},s=function(e,t){var a=n(e),l=t*(Math.PI/180),r=-1*l;a[1]=l,a[2]=r;var s=i(a);o(e,s)};return{scale:l,translate:r,rotate:s,getTranslate:a}}(),i=function(o,i){var r=this,s=0,c=0,u={command:!1,shift:!1,isSelecting:!1};e.extend(r,{init:function(){r.element=e(o),r.options=i,r.utils=new a,r.bubble=new l(r),r.prepare(),r.bindEvents()},bindEvents:function(){r.element.keydown(r.rawEvents.keydown),r.element.keyup(r.rawEvents.keyup),r.element.focus(r.rawEvents.focus),r.element.bind("paste",r.events.paste),r.element.mousedown(r.rawEvents.mouseClick),r.element.mouseup(r.rawEvents.mouseUp),r.element.mousemove(r.rawEvents.mouseMove),r.element.blur(r.rawEvents.blur),e("body").mouseup(function(e){e.target==e.currentTarget&&u.isSelecting&&r.rawEvents.mouseUp(e)})},setPlaceholder:function(e){if(/^\s*$/.test(r.element.text())){r.element.empty();var t=r.utils.html.addTag(r.element,"p").addClass("placeholder");t.append(r.element.attr("editor-placeholder")),r.utils.html.addTag(r.element,"p","undefined"!=typeof e.focus?e.focus:!1,!0)}else r.element.find(".placeholder").remove()},removePlaceholder:function(){r.element.find(".placeholder").remove()},preserveElementFocus:function(){var e=n.getSelection()?n.getSelection().anchorNode:t.activeElement;if(e){var o=e.parentNode,i=o!==u.focusedElement,a=r.element[0].children,l=0;o===r.element[0]&&(o=e);for(var s=0;s<a.length;s++)if(o===a[s]){l=s;break}i&&(u.focusedElement=o,u.focusedElementIndex=l)}},prepare:function(){if(r.element.attr("editor-mode",r.options.mode),r.element.attr("editor-placeholder",r.options.placeholder),r.element.attr("contenteditable",!0),r.element.css("position","relative"),r.element.addClass("jquery-notebook editor"),r.setPlaceholder({}),r.preserveElementFocus(),i.autoFocus===!0){var e=r.element.find("p:not(.placeholder)");r.utils.cursor.set(r.element,0,e)}},rawEvents:{keydown:function(e){u.command&&65===e.which&&setTimeout(function(){r.bubble.show()},50),r.utils.keyboard.isCommand(e,function(){u.command=!0},function(){u.command=!1}),r.utils.keyboard.isShift(e,function(){u.shift=!0},function(){u.shift=!1}),r.utils.keyboard.isModifier(e,function(t){u.command&&r.events.commands[t](e)}),u.shift?r.utils.keyboard.isArrow(e,function(){setTimeout(function(){var e=r.utils.selection.getText();""!==e?r.bubble.show():r.bubble.clear()},100)}):r.utils.keyboard.isArrow(e,function(){r.bubble.clear()}),13===e.which&&r.events.enterKey(),27===e.which&&r.bubble.clear(),86===e.which&&this.events.paste(e)},keyup:function(t){r.utils.keyboard.isCommand(t,function(){u.command=!1},function(){u.command=!0}),r.preserveElementFocus(),r.removePlaceholder(),/^\s*$/.test(e(this).text())&&(e(this).empty(),r.utils.html.addTag(e(this),"p",!0,!0))},focus:function(){u.command=!1,u.shift=!1},mouseClick:function(e){if(u.isSelecting=!0,2===e.button)return setTimeout(function(){r.bubble.show()},50),void e.preventDefault();if(r.bubble.isVisible()){var t=r.bubble.element,n=t.offset().left,o=t.offset().top,i=t.width(),a=t.height();if(s>n&&n+i>s&&c>o&&o+a>c)return}},mouseUp:function(e){e.preventDefault(),u.isSelecting=!1,setTimeout(function(){var e=r.utils.selection.save();e.collapsed?r.bubble.clear():r.bubble.show()},50)},mouseMove:function(e){s=e.pageX,c=e.pageY},blur:function(){r.setPlaceholder({focus:!1})}},events:{commands:{bold:function(e){e.preventDefault(),t.execCommand("bold",!1),r.bubble.update()},italic:function(e){e.preventDefault(),t.execCommand("italic",!1),r.bubble.update()},underline:function(e){e.preventDefault(),t.execCommand("underline",!1),r.bubble.update()},anchor:function(e){e.preventDefault();var t=r.utils.selection.save();r.bubble.showLinkInput(t)},createLink:function(e,n){r.utils.selection.restore(n),t.execCommand("createLink",!1,e.url),r.bubble.update()},removeLink:function(t,n){var o=e(r.utils.selection.getContainer(n)).closest("a");o.contents().first().unwrap()},h1:function(n){n.preventDefault(),e(window.getSelection().anchorNode.parentNode).is("h1")?t.execCommand("formatBlock",!1,"<p>"):t.execCommand("formatBlock",!1,"<h1>"),r.bubble.update()},h2:function(n){n.preventDefault(),e(window.getSelection().anchorNode.parentNode).is("h2")?t.execCommand("formatBlock",!1,"<p>"):t.execCommand("formatBlock",!1,"<h2>"),r.bubble.update()},ul:function(e){e.preventDefault(),t.execCommand("insertUnorderedList",!1),r.bubble.update()},ol:function(e){e.preventDefault(),t.execCommand("insertOrderedList",!1),r.bubble.update()},undo:function(e){e.preventDefault(),t.execCommand("undo",!1)}},enterKey:function(e){return"inline"===r.element.attr("editor-mode")?void e.preventDefault():void 0},paste:function(){setTimeout(function(){r.element.find("*").each(function(){var t=e(this);e.each(this.attributes,function(){"class"===this.name&&t.hasClass("placeholder")||t.removeAttr(this.name)})})},100)}}}),r.init()},a=function(){var o,i;i=this,o="MacIntel"==n.navigator.platform,e.extend(this,{keyboard:{isCommand:function(e,t,n){o&&e.metaKey||!o&&e.ctrlKey?t():n()},isShift:function(e,t,n){e.shiftKey?t():n()},isModifier:function(e,t){var n=e.which,o=modifiers[n];o&&t(o)},isEnter:function(e,t){13===e.which&&t()},isArrow:function(e,t){(e.which>=37||e.which<=40)&&t()}},html:{addTag:function(n,o,i,a){var l=e(t.createElement(o));return l.attr("contenteditable",Boolean(a)),l.append(" "),n.append(l),i&&(cache.focusedElement=n.children().last(),this.cursor.set(n,0,cache.focusedElement)),l},decode:function(t){return e("<div/>").html(t).text()}},cursor:{set:function(e,o,i){var a;if(t.createRange){a=t.createRange();var l=n.getSelection(),r=e.children().last(),s=r.html().length-1,c=i?i[0]:r[0],u="undefined"!=typeof o?o:s;a.setStart(c,u),a.collapse(!0),l.removeAllRanges(),l.addRange(a)}else a=t.body.createTextRange(),a.moveToElementText(i),a.collapse(!1),a.select()}},selection:{save:function(){if(n.getSelection){var e=n.getSelection();if(e.rangeCount>0)return e.getRangeAt(0)}else if(t.selection&&t.selection.createRange)return t.selection.createRange();return null},restore:function(e){if(e)if(n.getSelection){var o=n.getSelection();o.removeAllRanges(),o.addRange(e)}else t.selection&&e.select&&e.select()},getText:function(){var e="";return n.getSelection?e=n.getSelection().toString():t.getSelection?e=t.getSelection().toString():t.selection&&(e=t.selection.createRange().text),e},clear:function(){window.getSelection?window.getSelection().empty?window.getSelection().empty():window.getSelection().removeAllRanges&&window.getSelection().removeAllRanges():document.selection&&document.selection.empty()},getContainer:function(e){return n.getSelection&&e&&e.commonAncestorContainer?e.commonAncestorContainer:t.selection&&e&&e.parentElement?e.parentElement():null}},validation:{isUrl:function(e){return/^(https?:\/\/)?([\da-z\.-]+)\.([a-z\.]{2,6})([\/\w \.-]*)*\/?$/.test(e)}}})},l=function(t){var i=this;e.extend(i,{isVisible:function(){return i.element.is(":visible")},updatePos:function(){var t=n.getSelection(),a=t.getRangeAt(0),l=a.getBoundingClientRect(),r=i.element.width(),s=i.element.height(),c=(i.notebook.element.offset().left,{x:l.left+l.width/2-r/2,y:l.top-s-8+e(document).scrollTop()});o.translate(i.element,c.x,c.y)},updateState:function(){i.element.find("button").removeClass("active");var e=n.getSelection(),t=[];i.checkForFormatting(e.focusNode,t);for(var o={b:"bold",i:"italic",u:"underline",h1:"h1",h2:"h2",a:"anchor",ul:"ul",ol:"ol"},a=0;a<t.length;a++){var l=t[a];i.element.find("button."+o[l]).addClass("active")}},checkForFormatting:function(e,t){var n=["b","i","u","h1","h2","ol","ul","li","a"];("#text"===e.nodeName||-1!=n.indexOf(e.nodeName.toLowerCase()))&&("#text"!=e.nodeName&&t.push(e.nodeName.toLowerCase()),i.checkForFormatting(e.parentNode,t))},buildMenu:function(){var t=i.notebook.utils.html.addTag(i.element,"ul",!1,!1);for(var n in i.notebook.options.modifiers){var o=i.notebook.utils.html.addTag(t,"li",!1,!1),a=i.notebook.utils.html.addTag(o,"button",!1,!1);a.attr("editor-command",i.notebook.options.modifiers[n]),a.addClass(i.notebook.options.modifiers[n])}i.element.find("button").click(function(t){t.preventDefault();var n=e(this).attr("editor-command");i.notebook.events.commands[n](t)});var l=i.notebook.utils.html.addTag(i.element,"div",!1,!1);l.addClass("link-area");var r=i.notebook.utils.html.addTag(l,"input",!1,!1);r.attr({type:"text"});var s=i.notebook.utils.html.addTag(l,"button",!1,!1);s.click(function(t){t.preventDefault(),e(this).closest(".link-area").hide(),i.element.find("ul").show()})},init:function(e){i.notebook=e,i.element=i.notebook.utils.html.addTag(i.notebook.element.parent(),"div",!1,!1),i.element.addClass("jquery-notebook bubble"),i.buildMenu()},show:function(){i.element.show(),i.updateState(),i.element.toggleClass("jump"),i.updatePos(),i.element.addClass("active")},update:function(){i.updateState()},clear:function(){i.element.hasClass("active")&&(i.element.removeClass("active"),i.hideLinkInput(),i.showButtons(),setTimeout(function(){i.element.hasClass("active")||i.element.hide()},500))},hideButtons:function(){i.element.find("ul").hide()},showButtons:function(){i.element.find("ul").show()},showLinkInput:function(t){i.hideButtons();var n,o;n=i.element.find("input[type=text]"),o=n.closest(".jquery-notebook").find("button.anchor").hasClass("active"),n.unbind("keydown"),n.keydown(function(n){var a=e(this);i.notebook.utils.keyboard.isEnter(n,function(){n.preventDefault();var e=a.val();i.notebook.utils.validation.isUrl(e)?(n.url=e,i.notebook.events.commands.createLink(n,t),i.clear()):""===e&&o&&(i.notebook.events.commands.removeLink(n,t),i.clear())})}),n.bind("paste",function(){var t=e(this);setTimeout(function(){var e=t.val();/http:\/\/https?:\/\//.test(e)&&(e=e.substring(7),t.val(e))},1)});var a="http://";if(o){var l=e(i.notebook.utils.selection.getContainer(t)).closest("a");a=l.prop("href")||a}i.notebook.element.parent().find(".link-area").show(),n.val(a).focus()},hideLinkInput:function(){i.element.find(".link-area").hide()}}),i.init(t)};e.fn.notebook=function(t){return t=e.extend({},e.fn.notebook.defaults,t),this.each(function(){new i(this,t)})},e.fn.notebook.defaults={autoFocus:!1,placeholder:"Your text here...",mode:"multiline",modifiers:["bold","italic","underline","h1","h2","ol","ul","anchor"]}}(jQuery,document,window);
\ No newline at end of file
diff --git a/src/js/jquery.notebook.js b/src/js/jquery.notebook.js
index 3421027..9c68c16 100644
--- a/src/js/jquery.notebook.js
+++ b/src/js/jquery.notebook.js
@@ -17,701 +17,701 @@
 
 (function($, d, w) {
 
-  /*
-   * This module deals with the CSS transforms. As it is not possible to easily
-   * combine the transform functions with JavaScript this module abstract those
-   * functions and generates a raw transform matrix, combining the new transform
-   * with the others that were previously applied to the element.
-   */
+    /*
+     * This module deals with the CSS transforms. As it is not possible to easily
+     * combine the transform functions with JavaScript this module abstract those
+     * functions and generates a raw transform matrix, combining the new transform
+     * with the others that were previously applied to the element.
+     */
 
-  var transform = (function() {
-    var matrixToArray = function(str) {
-      if (!str || str == 'none') {
-        return [1, 0, 0, 1, 0, 0];
-      }
-      return str.match(/(-?[0-9\.]+)/g);
-    };
-
-    var getPreviousTransforms = function(elem) {
-      return elem.css('-webkit-transform') || elem.css('transform') || elem.css('-moz-transform') ||
-        elem.css('-o-transform') || elem.css('-ms-transform');
-    };
+    var transform = (function() {
+        var matrixToArray = function(str) {
+            if (!str || str == 'none') {
+                return [1, 0, 0, 1, 0, 0];
+            }
+            return str.match(/(-?[0-9\.]+)/g);
+        };
 
-    var getMatrix = function(elem) {
-      var previousTransform = getPreviousTransforms(elem);
-      return matrixToArray(previousTransform);
-    };
+        var getPreviousTransforms = function(elem) {
+            return elem.css('-webkit-transform') || elem.css('transform') || elem.css('-moz-transform') ||
+                elem.css('-o-transform') || elem.css('-ms-transform');
+        };
 
-    var applyTransform = function(elem, transform) {
-      elem.css('-webkit-transform', transform);
-      elem.css('-moz-transform', transform);
-      elem.css('-o-transform', transform);
-      elem.css('-ms-transform', transform);
-      elem.css('transform', transform);
-    };
+        var getMatrix = function(elem) {
+            var previousTransform = getPreviousTransforms(elem);
+            return matrixToArray(previousTransform);
+        };
 
-    var buildTransformString = function(matrix) {
-      return 'matrix(' + matrix[0] +
-        ', ' + matrix[1] +
-        ', ' + matrix[2] +
-        ', ' + matrix[3] +
-        ', ' + matrix[4] +
-        ', ' + matrix[5] + ')';
-    };
+        var applyTransform = function(elem, transform) {
+            elem.css('-webkit-transform', transform);
+            elem.css('-moz-transform', transform);
+            elem.css('-o-transform', transform);
+            elem.css('-ms-transform', transform);
+            elem.css('transform', transform);
+        };
 
-    var getTranslate = function(elem) {
-      var matrix = getMatrix(elem);
-      return {
-        x: parseInt(matrix[4]),
-        y: parseInt(matrix[5])
-      };
-    };
+        var buildTransformString = function(matrix) {
+            return 'matrix(' + matrix[0] +
+                ', ' + matrix[1] +
+                ', ' + matrix[2] +
+                ', ' + matrix[3] +
+                ', ' + matrix[4] +
+                ', ' + matrix[5] + ')';
+        };
 
-    var scale = function(elem, _scale) {
-      var matrix = getMatrix(elem);
-      matrix[0] = matrix[3] = _scale;
-      var transform = buildTransformString(matrix);
-      applyTransform(elem, transform);
-    };
+        var getTranslate = function(elem) {
+            var matrix = getMatrix(elem);
+            return {
+                x: parseInt(matrix[4]),
+                y: parseInt(matrix[5])
+            };
+        };
 
-    var translate = function(elem, x, y) {
-      var matrix = getMatrix(elem);
-      matrix[4] = x;
-      matrix[5] = y;
-      var transform = buildTransformString(matrix);
-      applyTransform(elem, transform);
-    };
+        var scale = function(elem, _scale) {
+            var matrix = getMatrix(elem);
+            matrix[0] = matrix[3] = _scale;
+            var transform = buildTransformString(matrix);
+            applyTransform(elem, transform);
+        };
 
-    var rotate = function(elem, deg) {
-      var matrix = getMatrix(elem);
-      var rad1 = deg * (Math.PI / 180);
-      var rad2 = rad1 * -1;
-      matrix[1] = rad1;
-      matrix[2] = rad2;
-      var transform = buildTransformString(matrix);
-      applyTransform(elem, transform);
-    };
+        var translate = function(elem, x, y) {
+            var matrix = getMatrix(elem);
+            matrix[4] = x;
+            matrix[5] = y;
+            var transform = buildTransformString(matrix);
+            applyTransform(elem, transform);
+        };
 
-    return {
-      scale: scale,
-      translate: translate,
-      rotate: rotate,
-      getTranslate: getTranslate
-    };
-  })();
+        var rotate = function(elem, deg) {
+            var matrix = getMatrix(elem);
+            var rad1 = deg * (Math.PI / 180);
+            var rad2 = rad1 * -1;
+            matrix[1] = rad1;
+            matrix[2] = rad2;
+            var transform = buildTransformString(matrix);
+            applyTransform(elem, transform);
+        };
 
-  var Notebook = function(element, options) {
-    var self = this,
-      mouseX = 0,
-      mouseY = 0,
-      cache = {
-        command: false,
-        shift: false,
-        isSelecting: false
-      },
-      modifiers = {
-        66: 'bold',
-        73: 'italic',
-        85: 'underline',
-        112: 'h1',
-        113: 'h2',
-        122: 'undo'
-      };
+        return {
+            scale: scale,
+            translate: translate,
+            rotate: rotate,
+            getTranslate: getTranslate
+        };
+    })();
 
-    $.extend(self, {
-      init: function() {
-        self.element = $(element);
-        self.options = options;
-        self.utils = new Utils();
-        self.bubble = new notebookBubble(self);
+    var Notebook = function(element, options) {
+        var self = this,
+            mouseX = 0,
+            mouseY = 0,
+            cache = {
+                command: false,
+                shift: false,
+                isSelecting: false
+            },
+            modifiers = {
+                66: 'bold',
+                73: 'italic',
+                85: 'underline',
+                112: 'h1',
+                113: 'h2',
+                122: 'undo'
+            };
 
-        self.prepare();
-        self.bindEvents();
-      },
-      bindEvents: function(elem) {
-        self.element.keydown(self.rawEvents.keydown);
-        self.element.keyup(self.rawEvents.keyup);
-        self.element.focus(self.rawEvents.focus);
-        self.element.bind('paste', self.events.paste);
-        self.element.mousedown(self.rawEvents.mouseClick);
-        self.element.mouseup(self.rawEvents.mouseUp);
-        self.element.mousemove(self.rawEvents.mouseMove);
-        self.element.blur(self.rawEvents.blur);
-        $('body').mouseup(function(e) {
-          if (e.target == e.currentTarget && cache.isSelecting) {
-            self.rawEvents.mouseUp(e);
-          }
-        });
-      },
-      setPlaceholder: function(e) {
-        if (/^\s*$/.test(self.element.text())) {
-          self.element.empty();
-          var placeholder = self.utils.html.addTag(self.element, 'p').addClass('placeholder');
-          placeholder.append(self.element.attr('editor-placeholder'));
-          self.utils.html.addTag(self.element, 'p', typeof e.focus != 'undefined' ? e.focus : false, true);
-        } else {
-          self.element.find('.placeholder').remove();
-        }
-      },
-      removePlaceholder: function(e) {
-        self.element.find('.placeholder').remove();
-      },
-      preserveElementFocus: function() {
-        var anchorNode = w.getSelection() ? w.getSelection().anchorNode : d.activeElement;
-        if (anchorNode) {
-          var current = anchorNode.parentNode,
-            diff = current !== cache.focusedElement,
-            children = self.element[0].children,
-            elementIndex = 0;
-          if (current === self.element[0]) {
-            current = anchorNode;
-          }
-          for (var i = 0; i < children.length; i++) {
-            if (current === children[i]) {
-              elementIndex = i;
-              break;
-            }
-          }
-          if (diff) {
-            cache.focusedElement = current;
-            cache.focusedElementIndex = elementIndex;
-          }
-        }
-      },
-      prepare: function() {
-        self.element.attr('editor-mode', self.options.mode);
-        self.element.attr('editor-placeholder', self.options.placeholder);
-        self.element.attr('contenteditable', true);
-        self.element.css('position', 'relative');
-        self.element.addClass('jquery-notebook editor');
-        self.setPlaceholder({});
-        self.preserveElementFocus();
-        if (options.autoFocus === true) {
-          var firstP = self.element.find('p:not(.placeholder)');
-          self.utils.cursor.set(self.element, 0, firstP);
-        }
-      },
-      rawEvents: {
-        keydown: function(e) {
-          var elem = this;
-          if (cache.command && e.which === 65) {
-            setTimeout(function() {
-              self.bubble.show();
-            }, 50);
-          }
-          self.utils.keyboard.isCommand(e, function() {
-            cache.command = true;
-          }, function() {
-            cache.command = false;
-          });
-          self.utils.keyboard.isShift(e, function() {
-            cache.shift = true;
-          }, function() {
-            cache.shift = false;
-          });
-          self.utils.keyboard.isModifier(e, function(modifier) {
-            if (cache.command) {
-              self.events.commands[modifier](e);
-            }
-          });
+        $.extend(self, {
+            init: function() {
+                self.element = $(element);
+                self.options = options;
+                self.utils = new Utils();
+                self.bubble = new notebookBubble(self);
 
-          if (cache.shift) {
-            self.utils.keyboard.isArrow(e, function() {
-              setTimeout(function() {
-                var txt = self.utils.selection.getText();
-                if (txt !== '') {
-                  self.bubble.show();
+                self.prepare();
+                self.bindEvents();
+            },
+            bindEvents: function(elem) {
+                self.element.keydown(self.rawEvents.keydown);
+                self.element.keyup(self.rawEvents.keyup);
+                self.element.focus(self.rawEvents.focus);
+                self.element.bind('paste', self.events.paste);
+                self.element.mousedown(self.rawEvents.mouseClick);
+                self.element.mouseup(self.rawEvents.mouseUp);
+                self.element.mousemove(self.rawEvents.mouseMove);
+                self.element.blur(self.rawEvents.blur);
+                $('body').mouseup(function(e) {
+                    if (e.target == e.currentTarget && cache.isSelecting) {
+                        self.rawEvents.mouseUp(e);
+                    }
+                });
+            },
+            setPlaceholder: function(e) {
+                if (/^\s*$/.test(self.element.text())) {
+                    self.element.empty();
+                    var placeholder = self.utils.html.addTag(self.element, 'p').addClass('placeholder');
+                    placeholder.append(self.element.attr('editor-placeholder'));
+                    self.utils.html.addTag(self.element, 'p', typeof e.focus != 'undefined' ? e.focus : false, true);
                 } else {
-                  self.bubble.clear();
+                    self.element.find('.placeholder').remove();
+                }
+            },
+            removePlaceholder: function(e) {
+                self.element.find('.placeholder').remove();
+            },
+            preserveElementFocus: function() {
+                var anchorNode = w.getSelection() ? w.getSelection().anchorNode : d.activeElement;
+                if (anchorNode) {
+                    var current = anchorNode.parentNode,
+                        diff = current !== cache.focusedElement,
+                        children = self.element[0].children,
+                        elementIndex = 0;
+                    if (current === self.element[0]) {
+                        current = anchorNode;
+                    }
+                    for (var i = 0; i < children.length; i++) {
+                        if (current === children[i]) {
+                            elementIndex = i;
+                            break;
+                        }
+                    }
+                    if (diff) {
+                        cache.focusedElement = current;
+                        cache.focusedElementIndex = elementIndex;
+                    }
                 }
-              }, 100);
-            });
-          } else {
-            self.utils.keyboard.isArrow(e, function() {
-              self.bubble.clear();
-            });
-          }
+            },
+            prepare: function() {
+                self.element.attr('editor-mode', self.options.mode);
+                self.element.attr('editor-placeholder', self.options.placeholder);
+                self.element.attr('contenteditable', true);
+                self.element.css('position', 'relative');
+                self.element.addClass('jquery-notebook editor');
+                self.setPlaceholder({});
+                self.preserveElementFocus();
+                if (options.autoFocus === true) {
+                    var firstP = self.element.find('p:not(.placeholder)');
+                    self.utils.cursor.set(self.element, 0, firstP);
+                }
+            },
+            rawEvents: {
+                keydown: function(e) {
+                    var elem = this;
+                    if (cache.command && e.which === 65) {
+                        setTimeout(function() {
+                            self.bubble.show();
+                        }, 50);
+                    }
+                    self.utils.keyboard.isCommand(e, function() {
+                        cache.command = true;
+                    }, function() {
+                        cache.command = false;
+                    });
+                    self.utils.keyboard.isShift(e, function() {
+                        cache.shift = true;
+                    }, function() {
+                        cache.shift = false;
+                    });
+                    self.utils.keyboard.isModifier(e, function(modifier) {
+                        if (cache.command) {
+                            self.events.commands[modifier](e);
+                        }
+                    });
 
-          if (e.which === 13) {
-            self.events.enterKey();
-          }
-          if (e.which === 27) {
-            self.bubble.clear();
-          }
-          if (e.which === 86) {
-            this.events.paste(e);
-          }
-        },
-        keyup: function(e) {
-          self.utils.keyboard.isCommand(e, function() {
-            cache.command = false;
-          }, function() {
-            cache.command = true;
-          });
-          self.preserveElementFocus();
-          self.removePlaceholder();
+                    if (cache.shift) {
+                        self.utils.keyboard.isArrow(e, function() {
+                            setTimeout(function() {
+                                var txt = self.utils.selection.getText();
+                                if (txt !== '') {
+                                    self.bubble.show();
+                                } else {
+                                    self.bubble.clear();
+                                }
+                            }, 100);
+                        });
+                    } else {
+                        self.utils.keyboard.isArrow(e, function() {
+                            self.bubble.clear();
+                        });
+                    }
 
-          /*
-           * This breaks the undo when the whole text is deleted but so far
-           * it is the only way that I fould to solve the more serious bug
-           * that the editor was losing the p elements after deleting the whole text
-           */
-          if (/^\s*$/.test($(this).text())) {
-            $(this).empty();
-            self.utils.html.addTag($(this), 'p', true, true);
-          }
-        },
-        focus: function(e) {
-          cache.command = false;
-          cache.shift = false;
-        },
-        mouseClick: function(e) {
-          var elem = this;
-          cache.isSelecting = true;
-          if (e.button === 2) {
-            setTimeout(function() {
-              self.bubble.show();
-            }, 50);
-            e.preventDefault();
-            return;
-          }
-          if (self.bubble.isVisible()) {
-            var bubbleTag = self.bubble.element,
-              bubbleX = bubbleTag.offset().left,
-              bubbleY = bubbleTag.offset().top,
-              bubbleWidth = bubbleTag.width(),
-              bubbleHeight = bubbleTag.height();
-            if (mouseX > bubbleX && mouseX < bubbleX + bubbleWidth &&
-              mouseY > bubbleY && mouseY < bubbleY + bubbleHeight) {
-              return;
-            }
-          }
-        },
-        mouseUp: function(e) {
-          e.preventDefault();
-          cache.isSelecting = false;
-          setTimeout(function() {
-            var s = self.utils.selection.save();
-            if (s.collapsed) {
-              self.bubble.clear();
-            } else {
-              self.bubble.show();
-            }
-          }, 50);
-        },
-        mouseMove: function(e) {
-          mouseX = e.pageX;
-          mouseY = e.pageY;
-        },
-        blur: function(e) {
-          self.setPlaceholder({
-            focus: false
-          });
-        }
-      },
-      events: {
-        commands: {
-          bold: function(e) {
-            e.preventDefault();
-            d.execCommand('bold', false);
-            self.bubble.update();
-          },
-          italic: function(e) {
-            e.preventDefault();
-            d.execCommand('italic', false);
-            self.bubble.update();
-          },
-          underline: function(e) {
-            e.preventDefault();
-            d.execCommand('underline', false);
-            self.bubble.update();
-          },
-          anchor: function(e) {
-            e.preventDefault();
-            var s = self.utils.selection.save();
-            self.bubble.showLinkInput(s);
-          },
-          createLink: function(e, s) {
-            self.utils.selection.restore(s);
-            d.execCommand('createLink', false, e.url);
-            self.bubble.update();
-          },
-          removeLink: function(e, s) {
-            var el = $(self.utils.selection.getContainer(s)).closest('a');
-            el.contents().first().unwrap();
-          },
-          h1: function(e) {
-            e.preventDefault();
-            if ($(window.getSelection().anchorNode.parentNode).is('h1')) {
-              d.execCommand('formatBlock', false, '<p>');
-            } else {
-              d.execCommand('formatBlock', false, '<h1>');
-            }
-            self.bubble.update();
-          },
-          h2: function(e) {
-            e.preventDefault();
-            if ($(window.getSelection().anchorNode.parentNode).is('h2')) {
-              d.execCommand('formatBlock', false, '<p>');
-            } else {
-              d.execCommand('formatBlock', false, '<h2>');
-            }
-            self.bubble.update();
-          },
-          ul: function(e) {
-            e.preventDefault();
-            d.execCommand('insertUnorderedList', false);
-            self.bubble.update();
-          },
-          ol: function(e) {
-            e.preventDefault();
-            d.execCommand('insertOrderedList', false);
-            self.bubble.update();
-          },
-          undo: function(e) {
-            e.preventDefault();
-            d.execCommand('undo', false);
-          }
-        },
-        enterKey: function(e) {
-          if (self.element.attr('editor-mode') === 'inline') {
-            e.preventDefault();
-            return;
-          }
-        },
-        paste: function(e) {
-          setTimeout(function() {
-            self.element.find('*').each(function() {
-              var current = $(this);
-              $.each(this.attributes, function() {
-                if (this.name !== 'class' || !current.hasClass('placeholder')) {
-                  current.removeAttr(this.name);
-                }
-              });
-            });
-          }, 100);
-        }
-      }
-    });
-    self.init();
-  };
+                    if (e.which === 13) {
+                        self.events.enterKey();
+                    }
+                    if (e.which === 27) {
+                        self.bubble.clear();
+                    }
+                    if (e.which === 86) {
+                        this.events.paste(e);
+                    }
+                },
+                keyup: function(e) {
+                    self.utils.keyboard.isCommand(e, function() {
+                        cache.command = false;
+                    }, function() {
+                        cache.command = true;
+                    });
+                    self.preserveElementFocus();
+                    self.removePlaceholder();
 
-  var Utils = function() {
-    var isMac, self;
-    self = this;
-    isMac = w.navigator.platform == 'MacIntel';
-    $.extend(this, {
-      keyboard: {
-        isCommand: function(e, callbackTrue, callbackFalse) {
-          if (isMac && e.metaKey || !isMac && e.ctrlKey) {
-            callbackTrue();
-          } else {
-            callbackFalse();
-          }
-        },
-        isShift: function(e, callbackTrue, callbackFalse) {
-          if (e.shiftKey) {
-            callbackTrue();
-          } else {
-            callbackFalse();
-          }
-        },
-        isModifier: function(e, callback) {
-          var key = e.which,
-            cmd = modifiers[key];
-          if (cmd) {
-            callback(cmd);
-          }
-        },
-        isEnter: function(e, callback) {
-          if (e.which === 13) {
-            callback();
-          }
-        },
-        isArrow: function(e, callback) {
-          if (e.which >= 37 || e.which <= 40) {
-            callback();
-          }
-        }
-      },
-      html: {
-        addTag: function(elem, tag, focus, editable) {
-          var newElement = $(d.createElement(tag));
-          newElement.attr('contenteditable', Boolean(editable));
-          newElement.append(' ');
-          elem.append(newElement);
-          if (focus) {
-            cache.focusedElement = elem.children().last();
-            this.cursor.set(elem, 0, cache.focusedElement);
-          }
-          return newElement;
-        },
-        decode: function(str) {
-          return $('<div/>').html(str).text();
-        }
-      },
-      cursor: {
-        set: function(editor, pos, elem) {
-          var range;
-          if (d.createRange) {
-            range = d.createRange();
-            var selection = w.getSelection(),
-              lastChild = editor.children().last(),
-              length = lastChild.html().length - 1,
-              toModify = elem ? elem[0] : lastChild[0],
-              theLength = typeof pos !== 'undefined' ? pos : length;
-            range.setStart(toModify, theLength);
-            range.collapse(true);
-            selection.removeAllRanges();
-            selection.addRange(range);
-          } else {
-            range = d.body.createTextRange();
-            range.moveToElementText(elem);
-            range.collapse(false);
-            range.select();
-          }
-        }
-      },
-      selection: {
-        save: function() {
-          if (w.getSelection) {
-            var sel = w.getSelection();
-            if (sel.rangeCount > 0) {
-              return sel.getRangeAt(0);
-            }
-          } else if (d.selection && d.selection.createRange) { // IE
-            return d.selection.createRange();
-          }
-          return null;
-        },
-        restore: function(range) {
-          if (range) {
-            if (w.getSelection) {
-              var sel = w.getSelection();
-              sel.removeAllRanges();
-              sel.addRange(range);
-            } else if (d.selection && range.select) { // IE
-              range.select();
-            }
-          }
-        },
-        getText: function() {
-          var txt = '';
-          if (w.getSelection) {
-            txt = w.getSelection().toString();
-          } else if (d.getSelection) {
-            txt = d.getSelection().toString();
-          } else if (d.selection) {
-            txt = d.selection.createRange().text;
-          }
-          return txt;
-        },
-        clear: function() {
-          if (window.getSelection) {
-            if (window.getSelection().empty) { // Chrome
-              window.getSelection().empty();
-            } else if (window.getSelection().removeAllRanges) { // Firefox
-              window.getSelection().removeAllRanges();
+                    /*
+                     * This breaks the undo when the whole text is deleted but so far
+                     * it is the only way that I fould to solve the more serious bug
+                     * that the editor was losing the p elements after deleting the whole text
+                     */
+                    if (/^\s*$/.test($(this).text())) {
+                        $(this).empty();
+                        self.utils.html.addTag($(this), 'p', true, true);
+                    }
+                },
+                focus: function(e) {
+                    cache.command = false;
+                    cache.shift = false;
+                },
+                mouseClick: function(e) {
+                    var elem = this;
+                    cache.isSelecting = true;
+                    if (e.button === 2) {
+                        setTimeout(function() {
+                            self.bubble.show();
+                        }, 50);
+                        e.preventDefault();
+                        return;
+                    }
+                    if (self.bubble.isVisible()) {
+                        var bubbleTag = self.bubble.element,
+                            bubbleX = bubbleTag.offset().left,
+                            bubbleY = bubbleTag.offset().top,
+                            bubbleWidth = bubbleTag.width(),
+                            bubbleHeight = bubbleTag.height();
+                        if (mouseX > bubbleX && mouseX < bubbleX + bubbleWidth &&
+                            mouseY > bubbleY && mouseY < bubbleY + bubbleHeight) {
+                            return;
+                        }
+                    }
+                },
+                mouseUp: function(e) {
+                    e.preventDefault();
+                    cache.isSelecting = false;
+                    setTimeout(function() {
+                        var s = self.utils.selection.save();
+                        if (s.collapsed) {
+                            self.bubble.clear();
+                        } else {
+                            self.bubble.show();
+                        }
+                    }, 50);
+                },
+                mouseMove: function(e) {
+                    mouseX = e.pageX;
+                    mouseY = e.pageY;
+                },
+                blur: function(e) {
+                    self.setPlaceholder({
+                        focus: false
+                    });
+                }
+            },
+            events: {
+                commands: {
+                    bold: function(e) {
+                        e.preventDefault();
+                        d.execCommand('bold', false);
+                        self.bubble.update();
+                    },
+                    italic: function(e) {
+                        e.preventDefault();
+                        d.execCommand('italic', false);
+                        self.bubble.update();
+                    },
+                    underline: function(e) {
+                        e.preventDefault();
+                        d.execCommand('underline', false);
+                        self.bubble.update();
+                    },
+                    anchor: function(e) {
+                        e.preventDefault();
+                        var s = self.utils.selection.save();
+                        self.bubble.showLinkInput(s);
+                    },
+                    createLink: function(e, s) {
+                        self.utils.selection.restore(s);
+                        d.execCommand('createLink', false, e.url);
+                        self.bubble.update();
+                    },
+                    removeLink: function(e, s) {
+                        var el = $(self.utils.selection.getContainer(s)).closest('a');
+                        el.contents().first().unwrap();
+                    },
+                    h1: function(e) {
+                        e.preventDefault();
+                        if ($(window.getSelection().anchorNode.parentNode).is('h1')) {
+                            d.execCommand('formatBlock', false, '<p>');
+                        } else {
+                            d.execCommand('formatBlock', false, '<h1>');
+                        }
+                        self.bubble.update();
+                    },
+                    h2: function(e) {
+                        e.preventDefault();
+                        if ($(window.getSelection().anchorNode.parentNode).is('h2')) {
+                            d.execCommand('formatBlock', false, '<p>');
+                        } else {
+                            d.execCommand('formatBlock', false, '<h2>');
+                        }
+                        self.bubble.update();
+                    },
+                    ul: function(e) {
+                        e.preventDefault();
+                        d.execCommand('insertUnorderedList', false);
+                        self.bubble.update();
+                    },
+                    ol: function(e) {
+                        e.preventDefault();
+                        d.execCommand('insertOrderedList', false);
+                        self.bubble.update();
+                    },
+                    undo: function(e) {
+                        e.preventDefault();
+                        d.execCommand('undo', false);
+                    }
+                },
+                enterKey: function(e) {
+                    if (self.element.attr('editor-mode') === 'inline') {
+                        e.preventDefault();
+                        return;
+                    }
+                },
+                paste: function(e) {
+                    setTimeout(function() {
+                        self.element.find('*').each(function() {
+                            var current = $(this);
+                            $.each(this.attributes, function() {
+                                if (this.name !== 'class' || !current.hasClass('placeholder')) {
+                                    current.removeAttr(this.name);
+                                }
+                            });
+                        });
+                    }, 100);
+                }
             }
-          } else if (document.selection) { // IE?
-            document.selection.empty();
-          }
-        },
-        getContainer: function(sel) {
-          if (w.getSelection && sel && sel.commonAncestorContainer) {
-            return sel.commonAncestorContainer;
-          } else if (d.selection && sel && sel.parentElement) {
-            return sel.parentElement();
-          }
-          return null;
-        }
-      },
-      validation: {
-        isUrl: function(url) {
-          return (/^(https?:\/\/)?([\da-z\.-]+)\.([a-z\.]{2,6})([\/\w \.-]*)*\/?$/).test(url);
-        }
-      }
-    });
-  };
-
-  var notebookBubble = function(editor) {
-    var self = this;
-    $.extend(self, {
-      /*
-       * This is called to position the bubble above the selection.
-       */
-      isVisible: function() {
-        return self.element.is(':visible');
-      },
-      updatePos: function() {
-        var sel = w.getSelection(),
-          range = sel.getRangeAt(0),
-          boundary = range.getBoundingClientRect(),
-          bubbleWidth = self.element.width(),
-          bubbleHeight = self.element.height(),
-          offset = self.notebook.element.offset().left,
-          pos = {
-            x: (boundary.left + boundary.width / 2) - bubbleWidth / 2,
-            y: boundary.top - bubbleHeight - 8 + $(document).scrollTop()
-          };
-        transform.translate(self.element, pos.x, pos.y);
-      },
-      /*
-       * Updates the bubble to set the active formats for the current selection.
-       */
-      updateState: function() {
-        self.element.find('button').removeClass('active');
-        var sel = w.getSelection(),
-          formats = [];
-        self.checkForFormatting(sel.focusNode, formats);
-        var formatDict = {
-          'b': 'bold',
-          'i': 'italic',
-          'u': 'underline',
-          'h1': 'h1',
-          'h2': 'h2',
-          'a': 'anchor',
-          'ul': 'ul',
-          'ol': 'ol'
-        };
-        for (var i = 0; i < formats.length; i++) {
-          var format = formats[i];
-          self.element.find('button.' + formatDict[format]).addClass('active');
-        }
-      },
-      /*
-       * Recursively navigates upwards in the DOM to find all the format
-       * tags enclosing the selection.
-       */
-      checkForFormatting: function(currentNode, formats) {
-        var validFormats = ['b', 'i', 'u', 'h1', 'h2', 'ol', 'ul', 'li', 'a'];
-        if (currentNode.nodeName === '#text' ||
-          validFormats.indexOf(currentNode.nodeName.toLowerCase()) != -1) {
-          if (currentNode.nodeName != '#text') {
-            formats.push(currentNode.nodeName.toLowerCase());
-          }
-          self.checkForFormatting(currentNode.parentNode, formats);
-        }
-      },
-      buildMenu: function() {
-        var ul = self.notebook.utils.html.addTag(self.element, 'ul', false, false);
-        for (var cmd in self.notebook.options.modifiers) {
-          var li = self.notebook.utils.html.addTag(ul, 'li', false, false);
-          var btn = self.notebook.utils.html.addTag(li, 'button', false, false);
-          btn.attr('editor-command', self.notebook.options.modifiers[cmd]);
-          btn.addClass(self.notebook.options.modifiers[cmd]);
-        }
-        self.element.find('button').click(function(e) {
-          e.preventDefault();
-          var cmd = $(this).attr('editor-command');
-          self.notebook.events.commands[cmd](e);
-        });
-        var linkArea = self.notebook.utils.html.addTag(self.element, 'div', false, false);
-        linkArea.addClass('link-area');
-        var linkInput = self.notebook.utils.html.addTag(linkArea, 'input', false, false);
-        linkInput.attr({
-          type: 'text'
-        });
-        var closeBtn = self.notebook.utils.html.addTag(linkArea, 'button', false, false);
-        closeBtn.click(function(e) {
-          e.preventDefault();
-          $(this).closest('.link-area').hide();
-          self.element.find('ul').show();
         });
-      },
-      init: function(editor) {
-        self.notebook = editor;
+        self.init();
+    };
 
-        self.element = self.notebook.utils.html.addTag(self.notebook.element.parent(), 'div', false, false);
-        self.element.addClass('jquery-notebook bubble');
-        self.buildMenu();
-      },
-      show: function() {
-        self.element.show();
-        self.updateState();
-        self.element.toggleClass('jump');
-        self.updatePos();
-        self.element.addClass('active');
-      },
-      update: function() {
-        self.updateState();
-      },
-      clear: function() {
-        if (!self.element.hasClass('active')) return;
-        self.element.removeClass('active');
-        self.hideLinkInput();
-        self.showButtons();
-        setTimeout(function() {
-          if (self.element.hasClass('active')) return;
-          self.element.hide();
-        }, 500);
-      },
-      hideButtons: function() {
-        self.element.find('ul').hide();
-      },
-      showButtons: function() {
-        self.element.find('ul').show();
-      },
-      showLinkInput: function(selection) {
-        self.hideButtons();
-        var elem, hasLink;
-        elem = self.element.find('input[type=text]');
-        hasLink = elem.closest('.jquery-notebook').find('button.anchor').hasClass('active');
-        elem.unbind('keydown');
-        elem.keydown(function(e) {
-          var el = $(this);
-          self.notebook.utils.keyboard.isEnter(e, function() {
-            e.preventDefault();
-            var url = el.val();
-            if (self.notebook.utils.validation.isUrl(url)) {
-              e.url = url;
-              self.notebook.events.commands.createLink(e, selection);
-              self.clear();
-            } else if (url === '' && hasLink) {
-              self.notebook.events.commands.removeLink(e, selection);
-              self.clear();
+    var Utils = function() {
+        var isMac, self;
+        self = this;
+        isMac = w.navigator.platform == 'MacIntel';
+        $.extend(this, {
+            keyboard: {
+                isCommand: function(e, callbackTrue, callbackFalse) {
+                    if (isMac && e.metaKey || !isMac && e.ctrlKey) {
+                        callbackTrue();
+                    } else {
+                        callbackFalse();
+                    }
+                },
+                isShift: function(e, callbackTrue, callbackFalse) {
+                    if (e.shiftKey) {
+                        callbackTrue();
+                    } else {
+                        callbackFalse();
+                    }
+                },
+                isModifier: function(e, callback) {
+                    var key = e.which,
+                        cmd = modifiers[key];
+                    if (cmd) {
+                        callback(cmd);
+                    }
+                },
+                isEnter: function(e, callback) {
+                    if (e.which === 13) {
+                        callback();
+                    }
+                },
+                isArrow: function(e, callback) {
+                    if (e.which >= 37 || e.which <= 40) {
+                        callback();
+                    }
+                }
+            },
+            html: {
+                addTag: function(elem, tag, focus, editable) {
+                    var newElement = $(d.createElement(tag));
+                    newElement.attr('contenteditable', Boolean(editable));
+                    newElement.append(' ');
+                    elem.append(newElement);
+                    if (focus) {
+                        cache.focusedElement = elem.children().last();
+                        this.cursor.set(elem, 0, cache.focusedElement);
+                    }
+                    return newElement;
+                },
+                decode: function(str) {
+                    return $('<div/>').html(str).text();
+                }
+            },
+            cursor: {
+                set: function(editor, pos, elem) {
+                    var range;
+                    if (d.createRange) {
+                        range = d.createRange();
+                        var selection = w.getSelection(),
+                            lastChild = editor.children().last(),
+                            length = lastChild.html().length - 1,
+                            toModify = elem ? elem[0] : lastChild[0],
+                            theLength = typeof pos !== 'undefined' ? pos : length;
+                        range.setStart(toModify, theLength);
+                        range.collapse(true);
+                        selection.removeAllRanges();
+                        selection.addRange(range);
+                    } else {
+                        range = d.body.createTextRange();
+                        range.moveToElementText(elem);
+                        range.collapse(false);
+                        range.select();
+                    }
+                }
+            },
+            selection: {
+                save: function() {
+                    if (w.getSelection) {
+                        var sel = w.getSelection();
+                        if (sel.rangeCount > 0) {
+                            return sel.getRangeAt(0);
+                        }
+                    } else if (d.selection && d.selection.createRange) { // IE
+                        return d.selection.createRange();
+                    }
+                    return null;
+                },
+                restore: function(range) {
+                    if (range) {
+                        if (w.getSelection) {
+                            var sel = w.getSelection();
+                            sel.removeAllRanges();
+                            sel.addRange(range);
+                        } else if (d.selection && range.select) { // IE
+                            range.select();
+                        }
+                    }
+                },
+                getText: function() {
+                    var txt = '';
+                    if (w.getSelection) {
+                        txt = w.getSelection().toString();
+                    } else if (d.getSelection) {
+                        txt = d.getSelection().toString();
+                    } else if (d.selection) {
+                        txt = d.selection.createRange().text;
+                    }
+                    return txt;
+                },
+                clear: function() {
+                    if (window.getSelection) {
+                        if (window.getSelection().empty) { // Chrome
+                            window.getSelection().empty();
+                        } else if (window.getSelection().removeAllRanges) { // Firefox
+                            window.getSelection().removeAllRanges();
+                        }
+                    } else if (document.selection) { // IE?
+                        document.selection.empty();
+                    }
+                },
+                getContainer: function(sel) {
+                    if (w.getSelection && sel && sel.commonAncestorContainer) {
+                        return sel.commonAncestorContainer;
+                    } else if (d.selection && sel && sel.parentElement) {
+                        return sel.parentElement();
+                    }
+                    return null;
+                }
+            },
+            validation: {
+                isUrl: function(url) {
+                    return (/^(https?:\/\/)?([\da-z\.-]+)\.([a-z\.]{2,6})([\/\w \.-]*)*\/?$/).test(url);
+                }
             }
-          });
         });
-        elem.bind('paste', function(e) {
-          var elem = $(this);
-          setTimeout(function() {
-            var text = elem.val();
-            if (/http:\/\/https?:\/\//.test(text)) {
-              text = text.substring(7);
-              elem.val(text);
+    };
+
+    var notebookBubble = function(editor) {
+        var self = this;
+        $.extend(self, {
+            /*
+             * This is called to position the bubble above the selection.
+             */
+            isVisible: function() {
+                return self.element.is(':visible');
+            },
+            updatePos: function() {
+                var sel = w.getSelection(),
+                    range = sel.getRangeAt(0),
+                    boundary = range.getBoundingClientRect(),
+                    bubbleWidth = self.element.width(),
+                    bubbleHeight = self.element.height(),
+                    offset = self.notebook.element.offset().left,
+                    pos = {
+                        x: (boundary.left + boundary.width / 2) - bubbleWidth / 2,
+                        y: boundary.top - bubbleHeight - 8 + $(document).scrollTop()
+                    };
+                transform.translate(self.element, pos.x, pos.y);
+            },
+            /*
+             * Updates the bubble to set the active formats for the current selection.
+             */
+            updateState: function() {
+                self.element.find('button').removeClass('active');
+                var sel = w.getSelection(),
+                    formats = [];
+                self.checkForFormatting(sel.focusNode, formats);
+                var formatDict = {
+                    'b': 'bold',
+                    'i': 'italic',
+                    'u': 'underline',
+                    'h1': 'h1',
+                    'h2': 'h2',
+                    'a': 'anchor',
+                    'ul': 'ul',
+                    'ol': 'ol'
+                };
+                for (var i = 0; i < formats.length; i++) {
+                    var format = formats[i];
+                    self.element.find('button.' + formatDict[format]).addClass('active');
+                }
+            },
+            /*
+             * Recursively navigates upwards in the DOM to find all the format
+             * tags enclosing the selection.
+             */
+            checkForFormatting: function(currentNode, formats) {
+                var validFormats = ['b', 'i', 'u', 'h1', 'h2', 'ol', 'ul', 'li', 'a'];
+                if (currentNode.nodeName === '#text' ||
+                    validFormats.indexOf(currentNode.nodeName.toLowerCase()) != -1) {
+                    if (currentNode.nodeName != '#text') {
+                        formats.push(currentNode.nodeName.toLowerCase());
+                    }
+                    self.checkForFormatting(currentNode.parentNode, formats);
+                }
+            },
+            buildMenu: function() {
+                var ul = self.notebook.utils.html.addTag(self.element, 'ul', false, false);
+                for (var cmd in self.notebook.options.modifiers) {
+                    var li = self.notebook.utils.html.addTag(ul, 'li', false, false);
+                    var btn = self.notebook.utils.html.addTag(li, 'button', false, false);
+                    btn.attr('editor-command', self.notebook.options.modifiers[cmd]);
+                    btn.addClass(self.notebook.options.modifiers[cmd]);
+                }
+                self.element.find('button').click(function(e) {
+                    e.preventDefault();
+                    var cmd = $(this).attr('editor-command');
+                    self.notebook.events.commands[cmd](e);
+                });
+                var linkArea = self.notebook.utils.html.addTag(self.element, 'div', false, false);
+                linkArea.addClass('link-area');
+                var linkInput = self.notebook.utils.html.addTag(linkArea, 'input', false, false);
+                linkInput.attr({
+                    type: 'text'
+                });
+                var closeBtn = self.notebook.utils.html.addTag(linkArea, 'button', false, false);
+                closeBtn.click(function(e) {
+                    e.preventDefault();
+                    $(this).closest('.link-area').hide();
+                    self.element.find('ul').show();
+                });
+            },
+            init: function(editor) {
+                self.notebook = editor;
+
+                self.element = self.notebook.utils.html.addTag(self.notebook.element.parent(), 'div', false, false);
+                self.element.addClass('jquery-notebook bubble');
+                self.buildMenu();
+            },
+            show: function() {
+                self.element.show();
+                self.updateState();
+                self.element.toggleClass('jump');
+                self.updatePos();
+                self.element.addClass('active');
+            },
+            update: function() {
+                self.updateState();
+            },
+            clear: function() {
+                if (!self.element.hasClass('active')) return;
+                self.element.removeClass('active');
+                self.hideLinkInput();
+                self.showButtons();
+                setTimeout(function() {
+                    if (self.element.hasClass('active')) return;
+                    self.element.hide();
+                }, 500);
+            },
+            hideButtons: function() {
+                self.element.find('ul').hide();
+            },
+            showButtons: function() {
+                self.element.find('ul').show();
+            },
+            showLinkInput: function(selection) {
+                self.hideButtons();
+                var elem, hasLink;
+                elem = self.element.find('input[type=text]');
+                hasLink = elem.closest('.jquery-notebook').find('button.anchor').hasClass('active');
+                elem.unbind('keydown');
+                elem.keydown(function(e) {
+                    var el = $(this);
+                    self.notebook.utils.keyboard.isEnter(e, function() {
+                        e.preventDefault();
+                        var url = el.val();
+                        if (self.notebook.utils.validation.isUrl(url)) {
+                            e.url = url;
+                            self.notebook.events.commands.createLink(e, selection);
+                            self.clear();
+                        } else if (url === '' && hasLink) {
+                            self.notebook.events.commands.removeLink(e, selection);
+                            self.clear();
+                        }
+                    });
+                });
+                elem.bind('paste', function(e) {
+                    var elem = $(this);
+                    setTimeout(function() {
+                        var text = elem.val();
+                        if (/http:\/\/https?:\/\//.test(text)) {
+                            text = text.substring(7);
+                            elem.val(text);
+                        }
+                    }, 1);
+                });
+                var linkText = 'http://';
+                if (hasLink) {
+                    var anchor = $(self.notebook.utils.selection.getContainer(selection)).closest('a');
+                    linkText = anchor.prop('href') || linkText;
+                }
+                self.notebook.element.parent().find('.link-area').show();
+                elem.val(linkText).focus();
+            },
+            hideLinkInput: function() {
+                self.element.find('.link-area').hide();
             }
-          }, 1);
         });
-        var linkText = 'http://';
-        if (hasLink) {
-          var anchor = $(self.notebook.utils.selection.getContainer(selection)).closest('a');
-          linkText = anchor.prop('href') || linkText;
-        }
-        self.notebook.element.parent().find('.link-area').show();
-        elem.val(linkText).focus();
-      },
-      hideLinkInput: function() {
-        self.element.find('.link-area').hide();
-      }
-    });
 
-    self.init(editor);
-  };
+        self.init(editor);
+    };
 
-  $.fn.notebook = function(options) {
-    options = $.extend({}, $.fn.notebook.defaults, options);
+    $.fn.notebook = function(options) {
+        options = $.extend({}, $.fn.notebook.defaults, options);
 
-    return this.each(function() {
-      new Notebook(this, options);
-    });
-  };
+        return this.each(function() {
+            new Notebook(this, options);
+        });
+    };
 
-  $.fn.notebook.defaults = {
-    autoFocus: false,
-    placeholder: 'Your text here...',
-    mode: 'multiline',
-    modifiers: ['bold', 'italic', 'underline', 'h1', 'h2', 'ol', 'ul', 'anchor']
-  };
+    $.fn.notebook.defaults = {
+        autoFocus: false,
+        placeholder: 'Your text here...',
+        mode: 'multiline',
+        modifiers: ['bold', 'italic', 'underline', 'h1', 'h2', 'ol', 'ul', 'anchor']
+    };
 
-})(jQuery, document, window);
\ No newline at end of file
+})(jQuery, document, window);