dante-editor 0.0.15 → 0.1.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 036b0962f6c62dfbb8adfaa70226e82e00704d72
-  data.tar.gz: 4627b7d2aeed8182c06623ecf06201b7bb4e0fee
+  metadata.gz: 73da3d8fd1e1f91d98447623572bc34f01875b6c
+  data.tar.gz: 119bfee12fff5d4ed905ff0bf3a2b96c32bc1eb4
 SHA512:
-  metadata.gz: 2523312b683c0522a5700112f0b76511ecfdcd1c5008fb15fe246239b84077dd9719b1e435d949f73f1afd6d0472f5f5a492072b7161cbba602e24be2d450a56
-  data.tar.gz: 5673e8fc5e58d7686e09f5400ae137b08beaa3328ecbbb88a28c2cb45168819dca89e8a0dec707a61ce06677827c1dede5619e9aed31ce19f15905b7ae1e1b39
+  metadata.gz: 5ee9aa76441e57c48f1076c7a15fe89b7fd487e556c4f468a566ca2ed4143274e2c1fc2a631aa6e270c6c5ea7b5c3692583123630b6ff2edfd5851521f22eaa3
+  data.tar.gz: 2fabadbecdae53b7fd83614bae1cd41cbe8fa39ee8d1abb8520521b7effb960e4234b614f2a93ea55243cac62b9cc72881698440937bc3335dcadac129b8a64a

data/Gemfile.lock

@@ -1,7 +1,7 @@
 PATH
   remote: .
   specs:
-    dante-editor (0.0.15)
+    dante-editor (0.1.0)
 
 GEM
   remote: http://rubygems.org/

data/README.md

@@ -2,6 +2,10 @@
 
 [![Gitter](https://badges.gitter.im/Join Chat.svg)](https://gitter.im/michelson/Dante?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge&utm_content=badge)
 
+(This library is free and will stay free, but needs your support to sustain its development. There are lots of desirable new features and maintenance to do. If you work for a company using Dante or have the means to do so, please consider financial support)
+
+[![PayPal](https://www.paypalobjects.com/en_US/i/btn/btn_donate_LG.gif)](https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=QVH5DXB326YQG)
+
 ####Just another Medium editor clone.
 
 ##Motivation:
@@ -27,6 +31,7 @@ Until now I´ve been able to implement the following features:
   + Embed data for pasted link through OEmbed services.
   + Embed media information for pasted links through OEmbed services.
   + Add or remove tooltip buttons with ease with plugin system.
++ Suggest data when type @
 + List creation with shorcuts ie:. 1. , - , 1) with spacebar or return key
 + Custom tooltip bottons support
 + CSS tries to use the same fonts used in Medium, (if you have already setup those fonts) or fallbacks to open fonts (by Google fonts) or system fonts.
@@ -62,25 +67,47 @@ Until now I´ve been able to implement the following features:
 
 ### Configuration options:
 
+#### Basic:
 + **el:**          default: #editor
 + **debug:**   default: false
-+ **upload_url:**  default: /uploads.json
-+ **upload_callback** default: empty, allows optional way to handle the server response when image is uploaded This is useful when you don't have control on the backend response.
-+ **oembed_url:**  default: http://api.embed.ly/1/oembed?url="
-+ **extract_url:** default: http://api.embed.ly/1/extract?url="
-+ **store_url:**   default: to none , url to store data with interval
-+ **store_method** default: to POST , http verb to use when store_url is present.
-+ **store_interval:** default: 15000 (15 secs), used when store_url is present.
 + **spellcheck:**  default: false
 + **default_loading_placeholder:** image placeholder to show when uploaded/pasted images are loading , defaults to a grey background
 + **disable_title** default: false, will hide the initial heading placeholder for initial text
 + **title_placeholder** default: 'Title'
 + **title** default: none, pass a pre-existing title to the editor here
 + **body_placeholder** default: 'Tell your story…'
+
+#### Widgets & Tooltips
++ **base_widgets:** default: ["uploader", "embed", "embed-extract"],
++ **extra_tooltip_widgets:** an array of new Dante.TooltipWidget instances.
+
+#### Behaviors
++ **base_behaviors:** default: ["save", "image","list", "suggest"]
++ **extra_behaviors:** an array of new Dante.Behavior instances.
+
+#### Store Behavior: 
++ **store_url:**   default: to none , url to store data with interval
++ **store_method** default: to POST , http verb to use when store_url is present.
++ **store_success_handler** default: to none. Option to set a function to handle success response for save operation, works only if store_url is present.
++ **store_interval:** default: 1500 (1.5 secs), used when store_url is present.
+
+#### Uploader:
++ **upload_url:**  default: /uploads.json
++ **upload_callback** default: empty, allows optional way to handle the server response when image is uploaded This is useful when you don't have control on the backend response.
+
+#### Embed tool:
++ **oembed_url:**  default: http://api.embed.ly/1/oembed?url="
++ **extract_url:** default: http://api.embed.ly/1/extract?url="
 + **embed_placeholder** default: 'Paste a YouTube, Vine, Vimeo, or other video link, and press Enter'
 + **extract_placeholder** default: 'Paste a link to embed content from another site (e.g. Twitter) and press Enter'
-+ **base_widgets:** default: ["uploader", "embed", "embed-extract"],
-+ **extra_tooltip_widgets:** and array of new Dante.TooltipWidget instances.
+
+#### Suggest Behavior (new!)
++ **suggest_url**: default: "/api/suggest.json"
++ **suggest_query_param:** default: "q"
++ **suggest_query_timeout:** default: 300
++ **suggest_handler:** default: none. Handler function to handle response of suggest request
++ **suggest_resource_handler:** default: null. Handler function to handle the selected resource (when hover a link)
+
 
 ### Initialization
 
@@ -91,7 +118,9 @@ Until now I´ve been able to implement the following features:
   Use the following code to get your text into the Dante editor's body:
 ```html
 
-  <div id="editor editable" > <%= clean_dante_post( @post.excerpt ).try(:html_safe) %> </div>
+  <div id="editor editable" > 
+    <%= @post.excerpt %> 
+  </div>
 
 ```
 
@@ -109,6 +138,16 @@ in Gemfile
 
 ```//= require 'dante'```
 
+
+## Donate
+
+**Can I donate to support the development of Dante Editor?**
+
+[![PayPal](https://www.paypalobjects.com/en_US/i/btn/btn_donate_LG.gif)](https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=QVH5DXB326YQG)
+
+if you want to donate you will enable us to spend more time improving the library and we will be greatly thankful with you. If your company uses Dante please consider making a contribution. We are available for hire to work on or with Dante. Thanks!
+
+
 ## Disclaimer:
 
 This Library will work fine on latest versions of Chrome/Safari/FF/IE.

data/app/assets/fonts/dante/dante.svg

@@ -6,9 +6,13 @@
 <font id="icomoon" horiz-adv-x="1024">
 <font-face units-per-em="1024" ascent="960" descent="-64" />
 <missing-glyph horiz-adv-x="1024" />
-<glyph unicode="&#x20;" d="" horiz-adv-x="512" />
-<glyph unicode="&#xe600;" d="M256 759.559v-623.174c0-70.118 47.316-95.291 105.683-55.222l428.634 294.258c58.622 40.244 58.367 105.034 0 145.103l-428.634 294.258c-58.622 40.244-105.683 15.345-105.683-55.222zM320 766.664l426.195-293.488c30.527-20.25 29.832-31 0-51.070l-426.195-295.039v639.598z" />
-<glyph unicode="&#xe601;" d="M294.4 768l0.489 2.446c13.868 69.342 82.599 125.554 152.977 125.554h128.267c70.619 0 139.014-55.74 152.977-125.554l0.489-2.446h166.78c70.483 0 127.62-57.611 127.62-127.489v-449.022c0-70.41-57.249-127.489-127.62-127.489h-768.76c-70.483 0-127.62 57.611-127.62 127.489v449.022c0 70.41 57.249 127.489 127.62 127.489h166.78zM347.123 704h-218.685c-35.641 0-64.438-28.583-64.438-63.843v-448.314c0-35.279 28.85-63.843 64.438-63.843h767.124c35.641 0 64.438 28.583 64.438 63.843v448.314c0 35.279-28.85 63.843-64.438 63.843h-218.816l-13.864 65.375c-7.263 34.25-41.874 62.625-77.145 62.625h-147.627c-35.433 0-69.805-28.038-77.134-62.625l-13.853-65.375zM320 448c0-105.823 85.961-192 192-192 105.823 0 192 85.961 192 192 0 105.823-85.961 192-192 192-105.823 0-192-85.961-192-192zM384 448c0 70.692 56.815 128 128 128 70.692 0 128-56.815 128-128 0-70.692-56.815-128-128-128-70.692 0-128 56.815-128 128z" />
-<glyph unicode="&#xe602;" d="M544 416v-375.294c0-17.673-14.327-32-32-32s-32 14.327-32 32v375.294h-375.294c-17.673 0-32 14.327-32 32s14.327 32 32 32h375.294v375.294c0 17.673 14.327 32 32 32s32-14.327 32-32v-375.294h375.294c17.673 0 32-14.327 32-32s-14.327-32-32-32h-375.294z" />
-<glyph unicode="&#xe603;" d="M882.24 449.498l-235.855 234.241c-12.497 12.411-12.497 32.534 0 44.945s32.758 12.411 45.255 0l253.704-251.968c1.872-1.201 3.645-2.616 5.284-4.244 12.497-12.411 12.497-32.534 0-44.945l-257.992-256.226c-12.497-12.411-32.758-12.411-45.255 0s-12.497 32.534 0 44.945l234.859 233.252zM67.842 461.229c-6.562-12.128-4.719-27.599 5.53-37.848 2.863-2.863 6.133-5.070 9.624-6.621l249.364-249.364c12.497-12.497 32.758-12.497 45.255 0s12.497 32.758 0 45.255l-234.859 234.859 233.863 233.863c12.497 12.497 12.497 32.758 0 45.255s-32.758 12.497-45.255 0l-251.712-251.712c-1.872-1.209-3.645-2.634-5.284-4.273-2.805-2.805-4.981-6.002-6.527-9.414v0 0z" />
+<glyph unicode="&#x20;" horiz-adv-x="512" d="" />
+<glyph unicode="&#xe600;" glyph-name="video" d="M256 759.559v-623.174c0-70.118 47.316-95.291 105.683-55.222l428.634 294.258c58.622 40.244 58.367 105.034 0 145.103l-428.634 294.258c-58.622 40.244-105.683 15.345-105.683-55.222zM320 766.664l426.195-293.488c30.527-20.25 29.832-31 0-51.070l-426.195-295.039v639.598z" />
+<glyph unicode="&#xe601;" glyph-name="image" d="M294.4 768l0.489 2.446c13.868 69.342 82.599 125.554 152.977 125.554h128.267c70.619 0 139.014-55.74 152.977-125.554l0.489-2.446h166.78c70.483 0 127.62-57.611 127.62-127.489v-449.022c0-70.41-57.249-127.489-127.62-127.489h-768.76c-70.483 0-127.62 57.611-127.62 127.489v449.022c0 70.41 57.249 127.489 127.62 127.489h166.78zM347.123 704h-218.685c-35.641 0-64.438-28.583-64.438-63.843v-448.314c0-35.279 28.85-63.843 64.438-63.843h767.124c35.641 0 64.438 28.583 64.438 63.843v448.314c0 35.279-28.85 63.843-64.438 63.843h-218.816l-13.864 65.375c-7.263 34.25-41.874 62.625-77.145 62.625h-147.627c-35.433 0-69.805-28.038-77.134-62.625l-13.853-65.375zM320 448c0-105.823 85.961-192 192-192 105.823 0 192 85.961 192 192 0 105.823-85.961 192-192 192-105.823 0-192-85.961-192-192zM384 448c0 70.692 56.815 128 128 128 70.692 0 128-56.815 128-128 0-70.692-56.815-128-128-128-70.692 0-128 56.815-128 128z" />
+<glyph unicode="&#xe602;" glyph-name="plus" d="M544 416v-375.294c0-17.673-14.327-32-32-32s-32 14.327-32 32v375.294h-375.294c-17.673 0-32 14.327-32 32s14.327 32 32 32h375.294v375.294c0 17.673 14.327 32 32 32s32-14.327 32-32v-375.294h375.294c17.673 0 32-14.327 32-32s-14.327-32-32-32h-375.294z" />
+<glyph unicode="&#xe603;" glyph-name="embed" d="M882.24 449.498l-235.855 234.241c-12.497 12.411-12.497 32.534 0 44.945s32.758 12.411 45.255 0l253.704-251.968c1.872-1.201 3.645-2.616 5.284-4.244 12.497-12.411 12.497-32.534 0-44.945l-257.992-256.226c-12.497-12.411-32.758-12.411-45.255 0s-12.497 32.534 0 44.945l234.859 233.252zM67.842 461.229c-6.562-12.128-4.719-27.599 5.53-37.848 2.863-2.863 6.133-5.070 9.624-6.621l249.364-249.364c12.497-12.497 32.758-12.497 45.255 0s12.497 32.758 0 45.255l-234.859 234.859 233.863 233.863c12.497 12.497 12.497 32.758 0 45.255s-32.758 12.497-45.255 0l-251.712-251.712c-1.872-1.209-3.645-2.634-5.284-4.273-2.805-2.805-4.981-6.002-6.527-9.414v0 0z" />
+<glyph unicode="&#xe900;" glyph-name="image-center" horiz-adv-x="1152" d="M128 128h896v-96h-896v96zM128 704h896v-480h-896v480zM128 896h896v-96h-896v96z" />
+<glyph unicode="&#xe901;" glyph-name="image-fill" horiz-adv-x="1152" d="M128 128h896v-96h-896v96zM0 896h1152v-672h-1152v672z" />
+<glyph unicode="&#xe902;" glyph-name="image-left" horiz-adv-x="1152" d="M256 128h896v-96h-896v96zM768 320h384v-96h-384v96zM0 704h672v-480h-672v480zM768 512h384v-96h-384v96zM768 704h384v-96h-384v96zM256 896h896v-96h-896v96z" />
+<glyph unicode="&#xe903;" glyph-name="image-wide" horiz-adv-x="1152" d="M128 128h896v-96h-896v96zM0 704h1152v-480h-1152v480zM128 896h896v-96h-896v96z" />
 </font></defs></svg>

data/app/assets/javascripts/dante/behavior.js.coffee

@@ -0,0 +1,2 @@
+class Dante.View.Behavior extends Dante.View
+  # nothing here

data/app/assets/javascripts/dante/behaviors/image.js.coffee

@@ -0,0 +1,56 @@
+utils = Dante.utils
+
+class Dante.View.Behavior.Image extends Dante.View.Behavior
+
+  events:
+    "click .graf--figure .aspectRatioPlaceholder" : "handleGrafFigureSelectImg"
+    "click .graf--figure figcaption" : "handleGrafFigureSelectCaption"
+    "keyup .graf--figure figcaption"   : "handleGrafCaptionTyping"
+
+    # TODO: this is from embed! move this to embed behavior
+    "mouseover .graf--figure.graf--iframe" : "handleGrafFigureSelectIframe"
+    "mouseleave .graf--figure.graf--iframe" : "handleGrafFigureUnSelectIframe"
+
+  initialize: (opts={})->
+    @editor = opts.current_editor
+
+  handleGrafFigureSelectImg: (ev)->
+    utils.log "FIGURE SELECT"
+    element = ev.currentTarget
+    @editor.markAsSelected( element )
+    $(element).parent(".graf--figure").addClass("is-selected is-mediaFocused")
+    @editor.selection().removeAllRanges()
+
+    @showAlignPopover(ev)
+
+  showAlignPopover: (ev)->
+    target = $(ev.currentTarget)
+    @editor.pop_over_align.positionPopOver(target) unless $(".popover--Aligntooltip").hasClass('is-active')
+
+  handleGrafFigureSelectCaption: (ev)->
+    utils.log "FIGCAPTION"
+    element = ev.currentTarget
+    $(element).parent(".graf--figure").removeClass("is-mediaFocused")
+
+  handleGrafCaptionTyping: (ev)->
+    if _.isEmpty(utils.getNode().textContent.trim())
+      $(@editor.getNode()).addClass("is-defaultValue")
+    else
+      $(@editor.getNode()).removeClass("is-defaultValue")
+
+
+  #TODO: this is from embed! move this to embed behavior
+  handleGrafFigureSelectIframe: (ev)->
+    utils.log "FIGURE IFRAME SELECT"
+    element = ev.currentTarget
+    @iframeSelected = element
+    @editor.markAsSelected( element )
+    $(element).addClass("is-selected is-mediaFocused")
+    @editor.selection().removeAllRanges()
+
+  handleGrafFigureUnSelectIframe: (ev)->
+    utils.log "FIGURE IFRAME UNSELECT"
+    element = ev.currentTarget
+    @iframeSelected = null
+    $(element).removeClass("is-selected is-mediaFocused")
+

data/app/assets/javascripts/dante/behaviors/list.js.coffee

@@ -0,0 +1,150 @@
+utils = Dante.utils
+
+class Dante.View.Behavior.List extends Dante.View.Behavior
+
+  # TODO. dry up this!, call constants from @editor
+  BACKSPACE  = 8
+  TAB        = 9
+  ENTER      = 13
+  SPACEBAR   = 32
+  LEFTARROW  = 37
+  UPARROW    = 38
+  RIGHTARROW = 39
+  DOWNARROW  = 40
+
+  #events:
+
+  initialize: (opts={})->
+    @editor = opts.current_editor
+
+  # LIST METHODS
+
+  handleKeyDown: (e, parent)->
+    if e.which is ENTER
+          #smart list support
+      if parent.hasClass("graf--p")
+        li = @handleSmartList(parent, e)
+        anchor_node = li if li
+      else if parent.hasClass("graf--li")
+        @handleListLineBreak(parent, e)
+
+    # spacebar
+    if (e.which is SPACEBAR)
+      utils.log("SPACEBAR")
+      if (parent.hasClass("graf--p"))
+        @handleSmartList(parent, e)
+
+    if e.which is BACKSPACE
+      if(parent.hasClass("graf--li") and @editor.getCharacterPrecedingCaret().length is 0)
+        return @.handleListBackspace(parent, e)
+
+  handleKeyUp: (e)->
+    anchor_node = @editor.getNode()
+
+    if (_.contains([BACKSPACE, SPACEBAR, ENTER], e.which))
+      if $(anchor_node).hasClass("graf--li")
+        @editor.removeSpanTag($(anchor_node));
+
+  buildList: ($paragraph, listType, regex)->
+
+    utils.log "LISTIFY PARAGRAPH"
+
+    @editor.removeSpanTag($paragraph);
+
+    content = $paragraph.html().replace(/ /g, " ").replace(regex, "")
+
+    switch(listType)
+      when "ul" then $list = $("<ul></ul>")
+      when "ol" then $list = $("<ol></ol>")
+      else return false
+
+    @editor.addClassesToElement($list[0])
+    @editor.replaceWith("li", $paragraph)
+    $li = $(".is-selected")
+
+    @editor.setElementName($li[0])
+
+    $li.html(content).wrap($list)
+
+    if($li.find("br").length == 0)
+      $li.append("<br/>")
+
+    @editor.setRangeAt($li[0])
+
+    $li[0]
+
+  handleSmartList: ($item, e)->
+    utils.log("HANDLE A SMART LIST")
+    chars = @editor.getCharacterPrecedingCaret()
+    match = chars.match(/^\s*(\-|\*)\s*$/)
+    if(match)
+      utils.log("CREATING LIST ITEM")
+      e.preventDefault()
+      regex = new RegExp(/\s*(\-|\*)\s*/)
+      $li = @buildList($item, "ul", regex)
+    else
+      match = chars.match(/^\s*1(\.|\))\s*$/)
+      if(match)
+        utils.log("CREATING LIST ITEM")
+        e.preventDefault()
+
+        regex = new RegExp(/\s*1(\.|\))\s*/)
+        $li = @buildList($item, "ol", regex)
+    $li
+
+  handleListLineBreak: ($li, e)->
+    utils.log("LIST LINE BREAK")
+    @editor.tooltip_view.hide()
+    $list = $li.parent("ol, ul")
+    $paragraph = $("<p></p>")
+    utils.log($li.prev());
+    if($list.children().length is 1 and $li.text() is "")
+      @editor.replaceWith("p", $list)
+
+    else if $li.text() is "" and ($li.next().length isnt 0)
+      e.preventDefault()
+
+    else if ($li.next().length is 0)
+      if($li.text() is "")
+        e.preventDefault()
+        utils.log("BREAK FROM LIST")
+        $list.after($paragraph)
+        $li.addClass("graf--removed").remove()
+
+      else if ($li.prev().length isnt 0 and $li.prev().text() is "" and @getCharacterPrecedingCaret() is "")
+        e.preventDefault()
+        utils.log("PREV IS EMPTY")
+        content = $li.html()
+        $list.after($paragraph)
+        $li.prev().remove()
+        $li.addClass("graf--removed").remove()
+        $paragraph.html(content)
+
+    if $list and $list.children().length is 0 then $list.remove()
+
+    utils.log($li);
+    if ($li.hasClass("graf--removed"))
+      utils.log("ELEMENT REMOVED")
+      @editor.addClassesToElement($paragraph[0])
+      @editor.setRangeAt($paragraph[0])
+      @editor.markAsSelected($paragraph[0])
+      @editor.scrollTo($paragraph)
+
+  handleListBackspace: ($li, e)->
+
+    $list = $li.parent("ol, ul")
+    utils.log("LIST BACKSPACE")
+
+    if($li.prev().length is 0)
+      e.preventDefault()
+
+      $list.before($li)
+      content = $li.html()
+      @editor.replaceWith("p", $li)
+      $paragraph = $(".is-selected")
+      $paragraph.removeClass("graf--empty").html(content).attr("name", utils.generateUniqueName());
+
+      if($list.children().length is 0)
+        $list.remove()
+
+      @editor.setupFirstAndLast()

data/app/assets/javascripts/dante/behaviors/save.js.coffee

@@ -0,0 +1,40 @@
+utils = Dante.utils
+
+class Dante.View.Behavior.Save extends Dante.View.Behavior
+
+  events:
+    "input" : "handleStore"
+
+  initialize: (opts={})->
+    @actionEvent = opts.title
+    @editor      = opts.current_editor
+    @content     = @editor.getContent()
+
+  handleStore: (ev)->
+    @store()
+
+  store: ()->
+    return unless @editor.store_url
+    utils.log "HANDLE DATA STORE"
+    clearTimeout(@timeout)
+    @timeout = setTimeout =>
+      @checkforStore()
+    , @editor.store_interval
+
+  checkforStore: ()->
+    utils.log "ENTER DATA STORE"
+    if @content is @editor.getContent()
+      utils.log "content not changed skip store"
+      @store()
+    else
+      utils.log "content changed! update"
+      @content = @editor.getContent()
+      $.ajax
+        url: @editor.store_url
+        method: @editor.store_method
+        dataType: "json"
+        data:
+          body: @editor.getContent()
+        success: (res)=>
+          utils.log "STORING CONTENT"
+          @editor.store_success_handler(res) if @editor.store_success_handler

data/app/assets/javascripts/dante/behaviors/suggest.js.coffee

@@ -0,0 +1,118 @@
+utils = Dante.utils
+
+class Dante.View.Behavior.Suggest extends Dante.View.Behavior
+
+  initialize: (opts={})->
+    @actionEvent = opts.title
+    @editor = opts.current_editor
+    @_name = null
+    @fetch_results = []
+
+    # TODO: this has to be pluggable too!
+    #@pop_over_typeahead = new Dante.Editor.PopOverTypeAhead(editor: @)
+    #@pop_over_typeahead.render().hide()
+
+  displayPopOver: (ev)->
+    @editor.pop_over_typeahead.displayAt(@editor.getSelectionStart())
+
+  hidePopOver: (ev)->
+    console.log "display popover from typeahead"
+    @editor.pop_over_typeahead.displayAt(ev)
+
+  desintegratePopOver: (e)->
+    $(@.editor.getSelectionStart()).remove()
+    @pasteHtmlAtCaret(@.editor.getSelectionStart().textContent, false)
+
+  handleKeyPress: (e)->
+    if !@insideQuery()
+      if e.keyCode is 64
+        e.preventDefault()
+        @pasteHtmlAtCaret(@wrapperTemplate("@"), false)
+    else
+      console.log "ok let's search"
+      @getResults (e)=>
+        @fetchResults(e)
+
+  handleKeyUp: (e)->
+    if @insideQuery()
+      @fetchResults(e)
+      
+  fetchResults: (e)->
+    @desintegratePopOver(e) if @getResults.length < 1
+    
+    @json_request.abort() if @json_request
+    
+    @getResults (e)=>
+      @displayPopOver(e)
+      @editor.pop_over_typeahead.appendData(@fetch_results)
+
+  getResults: (cb, e)->
+    q = @editor.getSelectionStart().textContent.replace("@", "")
+    
+    clearTimeout(@timeout)
+    
+    @timeout = setTimeout =>
+      @json_request = $.ajax 
+        url: "#{@editor.suggest_url}?#{@editor.suggest_query_param}=#{q}"
+        method: "get"
+        dataType: "json"
+        #data: { "#{@editor.suggest_query_param}": q }
+      .success (data)=>
+        if @editor.suggest_handler
+          @fetch_results = @editor.suggest_handler(data)
+        else
+          @fetch_results = data
+        cb(e) if cb
+      .error (data, err)=>
+        console.log "error fetching results"
+    , @editor.suggest_query_timeout
+
+  insideQuery: ()->
+    $(@editor.getSelectionStart()).hasClass("markup--query")
+
+  wrapperTemplate: (name)->
+    "<span class='markup--query'>#{name}</span>"
+
+  # http://stackoverflow.com/questions/6690752/insert-html-at-caret-in-a-contenteditable-div
+  pasteHtmlAtCaret: (html, selectPastedContent) ->
+    sel = undefined
+    range = undefined
+    if window.getSelection
+      # IE9 and non-IE
+      sel = window.getSelection()
+      if sel.getRangeAt and sel.rangeCount
+        range = sel.getRangeAt(0)
+        range.deleteContents()
+        # Range.createContextualFragment() would be useful here but is
+        # only relatively recently standardized and is not supported in
+        # some browsers (IE9, for one)
+        el = document.createElement('div')
+        el.innerHTML = html
+        frag = document.createDocumentFragment()
+        node = undefined
+        lastNode = undefined
+        while node = el.firstChild
+          lastNode = frag.appendChild(node)
+        firstNode = frag.firstChild
+        range.insertNode frag
+
+        # Preserve the selection
+        if lastNode
+          range = range.cloneRange()
+          range.setStartAfter lastNode
+          if selectPastedContent
+            range.setStartBefore firstNode
+          else
+            range.collapse true
+          sel.removeAllRanges()
+          sel.addRange range
+    else if (sel = document.selection) and sel.type != 'Control'
+      # IE < 9
+      originalRange = sel.createRange()
+      originalRange.collapse true
+      sel.createRange().pasteHTML html
+      if selectPastedContent
+        range = sel.createRange()
+        range.setEndPoint 'StartToStart', originalRange
+        range.select()
+    return