Octavo colour-box command

colourbox.coffee

$ ->
  octavo.shortcuts["Ctrl+'"] = (position) ->
    octavo.input (value) ->
      return if not position.balanced
      
      span = $("<span/>").text("").css
        width: "9px"
        height: "9px"
        border: "1px solid #000"
        background: value
        display: "inline-block"
      
      octavo.silently ->
        position.range.deleteContents()
        position.range.insertNode span[0]

To compile this script to embeddable JavaScript:

curl -s https://gist.github.com/sbp/5147948/raw/colourbox.coffee | coffee -cs | uglifyjs