dante-editor 0.0.1

data/config.ru

@@ -0,0 +1,31 @@
+require 'rubygems'
+require 'middleman/rack'
+
+class UploadServer < Sinatra::Base
+
+  use Rack::Static, :urls => ["/images"], :root => "tmp"
+  # Info
+  get "/info" do
+    "Dante Upload server, hello!"
+  end
+
+  # Handle POST-request (Receive and save the uploaded file)
+  post "/new.?:format?" do
+
+    name = [Time.now.to_i , params['file'][:filename]].join("-")
+    path = File.join(File.dirname(__FILE__), 'tmp/images', name)
+    File.open(path, "wb") do |f|
+      f.write(params['file'][:tempfile].read)
+    end
+
+    return "/uploads/images/#{name}"
+  end
+
+end
+
+
+#Mounts upload server & middleman app
+run Rack::URLMap.new(
+  "/" => Middleman.server,
+  "/uploads" => UploadServer.new
+)

data/dante-editor.gemspec

@@ -0,0 +1,19 @@
+# -*- encoding: utf-8 -*-
+lib = File.expand_path('../lib', __FILE__)
+$LOAD_PATH.unshift(lib) unless $LOAD_PATH.include?(lib)
+require 'dante-editor/version'
+
+Gem::Specification.new do |gem|
+  gem.name          = "dante-editor"
+  gem.version       = DanteEditor::VERSION
+  gem.authors       = ["Miguel Michelson"]
+  gem.email         = ["miguelmichelson@gmail.com"]
+  gem.description   = %q{dante-editor yet another Medium editor clone.}
+  gem.summary       = %q{dante-editor yet another Medium editor clone.}
+  gem.homepage      = ""
+
+  gem.files         = `git ls-files`.split($/)
+  gem.executables   = gem.files.grep(%r{^bin/}).map{ |f| File.basename(f) }
+  gem.test_files    = gem.files.grep(%r{^(test|spec|features)/})
+  gem.require_paths = ["lib"]
+end

data/lib/dante-editor.rb

@@ -0,0 +1,3 @@
+require "dante-editor/version"
+module DanteEditor
+end

data/lib/dante-editor/version.rb

@@ -0,0 +1,5 @@
+require "dante-editor/version"
+
+module DanteEditor
+  VERSION = "0.0.1"
+end

data/license.md

@@ -0,0 +1,22 @@
+Copyright (c) 2014 Miguel Michelson
+
+Permission is hereby granted, free of charge, to any person
+obtaining a copy of this software and associated documentation
+files (the "Software"), to deal in the Software without
+restriction, including without limitation the rights to use,
+copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the
+Software is furnished to do so, subject to the following
+conditions:
+
+The above copyright notice and this permission notice shall be
+included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES
+OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT
+HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
+WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR
+OTHER DEALINGS IN THE SOFTWARE.

data/rakefile

@@ -0,0 +1,2 @@
+require 'middleman-gh-pages'
+require "bundler/gem_tasks"

data/source/assets/fonts/fontello.svg

@@ -0,0 +1,36 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg xmlns="http://www.w3.org/2000/svg">
+<metadata>Copyright (C) 2012 by original authors @ fontello.com</metadata>
+<defs>
+<font id="fontello" horiz-adv-x="1000" >
+<font-face font-family="fontello" font-weight="400" font-stretch="normal" units-per-em="1000" ascent="850" descent="-150" />
+<missing-glyph horiz-adv-x="1000" />
+<glyph glyph-name="location" unicode="&#xe815;" d="M429 493q0 59-42 101t-101 42-101-42-42-101 42-101 101-42 101 42 42 101z m143 0q0-61-18-100l-203-432q-9-18-27-29t-38-11-38 11-26 29l-204 432q-18 39-18 100 0 118 84 202t202 84 202-84 84-202z" horiz-adv-x="571.429" />
+<glyph glyph-name="fit" unicode="&#xe80f;" d="M429 314l0-250q0-15-11-25t-25-11-25 11l-80 80-185-185q-6-6-13-6t-13 6l-64 64q-6 6-6 13t6 13l185 185-80 80q-11 11-11 25t11 25 25 11l250 0q15 0 25-11t11-25z m421 375q0-7-6-13l-185-185 80-80q11-11 11-25t-11-25-25-11l-250 0q-15 0-25 11t-11 25l0 250q0 15 11 25t25 11 25-11l80-80 185 185q6 6 13 6t13-6l64-64q6-6 6-13z" horiz-adv-x="857.143" />
+<glyph glyph-name="bold" unicode="&#xe805;" d="M310 1q42-18 78-18 73 0 121 23t68 63q21 39 21 101 0 64-23 100-32 52-79 70-45 18-138 18-41 0-56-6l0-80-1-97 2-151q0-8 7-25z m-8 416q24-4 61-4 98 0 147 36t50 125q0 62-47 104t-142 42q-29 0-73-7 0-25 1-43 4-68 3-156l-1-55q0-24 1-43z m-302-496l1 52q25 5 38 7 43 7 69 17 9 15 12 28 5 37 5 108l-1 277q-3 143-5 225-1 49-6 61-1 2-7 7-10 7-39 8-17 1-64 7l-2 46 145 3 212 7 25 1q3 0 8 0t8 0q1 0 12 0t23 0l41 0q49 0 107-15 24-7 54-22 32-16 57-42t36-58 12-68q0-39-18-71t-53-59q-15-11-84-43 99-23 149-81 51-59 51-132 0-42-16-90-12-35-40-65-37-40-78-60t-113-33q-46-8-110-6l-110 2q-47 1-166-6-18-2-152-6z" horiz-adv-x="785.714" />
+<glyph glyph-name="italic" unicode="&#xe806;" d="M0-77l9 47q2 1 43 11 42 11 65 22 16 21 23 56l15 78 31 150 7 36q4 25 9 47t9 37 7 26 5 17 2 6l16 88 9 35 12 75 4 28 0 21q-23 12-80 16-16 1-21 2l11 57 177-8q22-1 41-1 37 0 119 5 18 1 38 3t20 1q-1-11-3-21-4-16-7-28-31-11-61-17-36-9-56-17-7-17-13-49-5-25-7-46-25-111-37-171l-34-174-21-88-24-131-7-25q-1-4 1-15 36-8 66-12 20-3 37-6-1-16-4-32-4-17-5-23-10 0-13-1-13-1-23-1-5 0-16 2t-81 9l-110 1q-23 1-97-6-41-4-55-5z" horiz-adv-x="571.429" />
+<glyph glyph-name="justifyleft" unicode="&#xe80a;" d="M1000 100l0-71q0-15-11-25t-25-11l-929 0q-15 0-25 11t-11 25l0 71q0 15 11 25t25 11l929 0q15 0 25-11t11-25z m-214 214l0-71q0-15-11-25t-25-11l-714 0q-15 0-25 11t-11 25l0 71q0 15 11 25t25 11l714 0q15 0 25-11t11-25z m143 214l0-71q0-15-11-25t-25-11l-857 0q-15 0-25 11t-11 25l0 71q0 15 11 25t25 11l857 0q15 0 25-11t11-25z m-214 214l0-71q0-15-11-25t-25-11l-643 0q-15 0-25 11t-11 25l0 71q0 15 11 25t25 11l643 0q15 0 25-11t11-25z" horiz-adv-x="1000" />
+<glyph glyph-name="justifycenter" unicode="&#xe80b;" d="M1000 100l0-71q0-15-11-25t-25-11l-929 0q-15 0-25 11t-11 25l0 71q0 15 11 25t25 11l929 0q15 0 25-11t11-25z m-214 214l0-71q0-15-11-25t-25-11l-500 0q-15 0-25 11t-11 25l0 71q0 15 11 25t25 11l500 0q15 0 25-11t11-25z m143 214l0-71q0-15-11-25t-25-11l-786 0q-15 0-25 11t-11 25l0 71q0 15 11 25t25 11l786 0q15 0 25-11t11-25z m-214 214l0-71q0-15-11-25t-25-11l-357 0q-15 0-25 11t-11 25l0 71q0 15 11 25t25 11l357 0q15 0 25-11t11-25z" horiz-adv-x="1000" />
+<glyph glyph-name="justifyright" unicode="&#xe80c;" d="M1000 100l0-71q0-15-11-25t-25-11l-929 0q-15 0-25 11t-11 25l0 71q0 15 11 25t25 11l929 0q15 0 25-11t11-25z m0 214l0-71q0-15-11-25t-25-11l-714 0q-15 0-25 11t-11 25l0 71q0 15 11 25t25 11l714 0q15 0 25-11t11-25z m0 214l0-71q0-15-11-25t-25-11l-857 0q-15 0-25 11t-11 25l0 71q0 15 11 25t25 11l857 0q15 0 25-11t11-25z m0 214l0-71q0-15-11-25t-25-11l-643 0q-15 0-25 11t-11 25l0 71q0 15 11 25t25 11l643 0q15 0 25-11t11-25z" horiz-adv-x="1000" />
+<glyph glyph-name="justifyfull" unicode="&#xe80d;" d="M1000 100l0-71q0-15-11-25t-25-11l-929 0q-15 0-25 11t-11 25l0 71q0 15 11 25t25 11l929 0q15 0 25-11t11-25z m0 214l0-71q0-15-11-25t-25-11l-929 0q-15 0-25 11t-11 25l0 71q0 15 11 25t25 11l929 0q15 0 25-11t11-25z m0 214l0-71q0-15-11-25t-25-11l-929 0q-15 0-25 11t-11 25l0 71q0 15 11 25t25 11l929 0q15 0 25-11t11-25z m0 214l0-71q0-15-11-25t-25-11l-929 0q-15 0-25 11t-11 25l0 71q0 15 11 25t25 11l929 0q15 0 25-11t11-25z" horiz-adv-x="1000" />
+<glyph glyph-name="outdent" unicode="&#xe800;" d="M214 546l0-321q0-7-5-13t-13-5q-8 0-13 5l-161 161q-5 5-5 13t5 13l161 161q5 5 13 5 7 0 13-5t5-13z m786-429l0-107q0-7-5-13t-13-5l-964 0q-7 0-13 5t-5 13l0 107q0 7 5 13t13 5l964 0q7 0 13-5t5-13z m0 214l0-107q0-7-5-13t-13-5l-607 0q-7 0-13 5t-5 13l0 107q0 7 5 13t13 5l607 0q7 0 13-5t5-13z m0 214l0-107q0-7-5-13t-13-5l-607 0q-7 0-13 5t-5 13l0 107q0 7 5 13t13 5l607 0q7 0 13-5t5-13z m0 214l0-107q0-7-5-13t-13-5l-964 0q-7 0-13 5t-5 13l0 107q0 7 5 13t13 5l964 0q7 0 13-5t5-13z" horiz-adv-x="1000" />
+<glyph glyph-name="indent" unicode="&#xe801;" d="M196 386q0-8-5-13l-161-161q-5-5-13-5-7 0-13 5t-5 13l0 321q0 7 5 13t13 5q8 0 13-5l161-161q5-5 5-13z m804-268l0-107q0-7-5-13t-13-5l-964 0q-7 0-13 5t-5 13l0 107q0 7 5 13t13 5l964 0q7 0 13-5t5-13z m0 214l0-107q0-7-5-13t-13-5l-607 0q-7 0-13 5t-5 13l0 107q0 7 5 13t13 5l607 0q7 0 13-5t5-13z m0 214l0-107q0-7-5-13t-13-5l-607 0q-7 0-13 5t-5 13l0 107q0 7 5 13t13 5l607 0q7 0 13-5t5-13z m0 214l0-107q0-7-5-13t-13-5l-964 0q-7 0-13 5t-5 13l0 107q0 7 5 13t13 5l964 0q7 0 13-5t5-13z" horiz-adv-x="1000" />
+<glyph glyph-name="mode" unicode="&#xe813;" d="M429 46l0 607q-83 0-152-41t-110-110-41-152 41-152 110-110 152-41z m429 304q0-117-57-215t-156-156-215-57-215 57-156 156-57 215 57 215 156 156 215 57 215-57 156-156 57-215z" horiz-adv-x="857.143" />
+<glyph glyph-name="fullscreen" unicode="&#xe80e;" d="M716 548l-198-198 198-198 80 80q16 17 39 8 22-9 22-33l0-250q0-15-11-25t-25-11l-250 0q-23 0-33 22-9 22 8 39l80 80-198 198-198-198 80-80q17-17 8-39t-33-22l-250 0q-15 0-25 11t-11 25l0 250q0 23 22 33 22 9 39-8l80-80 198 198-198 198-80-80q-11-11-25-11-7 0-13 3-22 9-22 33l0 250q0 15 11 25t25 11l250 0q23 0 33-22 9-22-8-39l-80-80 198-198 198 198-80 80q-17 17-8 39t33 22l250 0q15 0 25-11t11-25l0-250q0-23-22-33-7-3-14-3-15 0-25 11z" horiz-adv-x="857.143" />
+<glyph glyph-name="insertunorderedlist" unicode="&#xe802;" d="M214 64q0-45-31-76t-76-31-76 31-31 76 31 76 76 31 76-31 31-76z m0 286q0-45-31-76t-76-31-76 31-31 76 31 76 76 31 76-31 31-76z m786-232l0-107q0-7-5-13t-13-5l-679 0q-7 0-13 5t-5 13l0 107q0 7 5 13t13 5l679 0q7 0 13-5t5-13z m-786 518q0-45-31-76t-76-31-76 31-31 76 31 76 76 31 76-31 31-76z m786-232l0-107q0-7-5-13t-13-5l-679 0q-7 0-13 5t-5 13l0 107q0 7 5 13t13 5l679 0q7 0 13-5t5-13z m0 286l0-107q0-7-5-13t-13-5l-679 0q-7 0-13 5t-5 13l0 107q0 7 5 13t13 5l679 0q7 0 13-5t5-13z" horiz-adv-x="1000" />
+<glyph glyph-name="insertorderedlist" unicode="&#xe803;" d="M213-54q0-45-30-70t-76-26q-59 0-96 37l32 49q27-25 59-25 16 0 28 8t12 24q0 36-59 31l-15 31q4 6 18 24t24 30 21 21l0 1q-9 0-27-1t-27-1l0-30-59 0 0 85 186 0 0-49-53-64q28-7 45-27t17-49z m1 350l0-89-202 0q-3 20-3 30 0 28 13 52t32 38 37 27 32 24 13 25q0 14-8 21t-22 8q-26 0-45-32l-47 33q13 28 40 44t59 16q41 0 69-23t28-63q0-28-19-51t-42-36-42-28-20-29l71 0 0 33 59 0z m786-178l0-107q0-7-5-13t-13-5l-679 0q-7 0-13 5t-5 13l0 107q0 8 5 13t13 5l679 0q7 0 13-5t5-13z m-786 502l0-55-187 0 0 55 60 0q0 23 0 68t0 68l0 7-1 0q-4-9-28-30l-40 42 76 71 59 0 0-225 60 0z m786-216l0-107q0-7-5-13t-13-5l-679 0q-7 0-13 5t-5 13l0 107q0 8 5 13t13 5l679 0q7 0 13-5t5-13z m0 286l0-107q0-7-5-13t-13-5l-679 0q-7 0-13 5t-5 13l0 107q0 7 5 13t13 5l679 0q7 0 13-5t5-13z" horiz-adv-x="1000" />
+<glyph glyph-name="strikethrough" unicode="&#xe807;" d="M982 350q8 0 13-5t5-13l0-36q0-8-5-13t-13-5l-964 0q-8 0-13 5t-5 13l0 36q0 8 5 13t13 5l964 0z m-713 36q-16 20-28 45-27 54-27 105 0 101 75 172 74 71 219 71 28 0 93-11 37-7 99-27 6-21 12-66 8-69 8-102 0-10-3-25l-7-2-47 3-8 1q-28 83-57 114-49 51-117 51-64 0-102-33-37-32-37-81 0-41 37-78t156-72q39-11 97-37 32-16 53-29l-415 0z m283-143l229 0q4-22 4-51 0-62-23-118-13-31-40-58-21-20-61-45-45-27-85-37-45-12-113-12-64 0-109 13l-78 22q-32 9-40 16-4 4-4 12l0 7q0 60-1 87-1 17 0 38l1 21 0 25 57 1q8-19 17-40t13-31 7-15q20-32 45-52 24-20 59-32 33-12 74-12 36 0 78 15 43 15 68 48 26 34 26 72 0 47-45 88-19 16-76 40z" horiz-adv-x="1000" />
+<glyph glyph-name="underline" unicode="&#xe804;" d="M27 726q-21 1-25 2l-2 49q7 1 22 1 33 0 62-2 74-4 93-4 48 0 94 2 65 2 81 3 31 0 48 1l-1-8 1-36 0-5q-33-5-69-5-33 0-44-14-7-8-7-74 0-7 0-18t0-14l1-128 8-156q3-69 28-113 20-33 54-51 49-26 99-26 58 0 107 16 31 10 55 28 27 20 36 36 20 31 30 64 12 41 12 128 0 44-2 71t-6 68-8 89l-2 33q-3 37-13 49-19 20-43 19l-56-1-8 2 1 48 47 0 114-6q42-2 109 6l10-1q3-21 3-28 0-4-2-17-25-7-47-7-41-6-44-9-8-8-8-23 0-4 1-15t1-17q4-11 12-221 3-109-8-170-8-42-23-68-21-36-62-69-42-32-102-50-61-18-142-18-93 0-158 26-66 26-100 68t-46 109q-9 45-9 132l0 186q0 105-9 119-14 20-82 22z m830-786l0 36q0 8-5 13t-13 5l-821 0q-8 0-13-5t-5-13l0-36q0-8 5-13t13-5l821 0q8 0 13 5t5 13z" horiz-adv-x="857.143" />
+<glyph glyph-name="blockquote" unicode="&#xe814;" d="M429 671l0-393q0-58-23-111t-61-91-91-61-111-23l-36 0q-15 0-25 11t-11 25l0 71q0 15 11 25t25 11l36 0q59 0 101 42t42 101l0 18q0 22-16 38t-38 16l-125 0q-45 0-76 31t-31 76l0 214q0 45 31 76t76 31l214 0q45 0 76-31t31-76z m500 0l0-393q0-58-23-111t-61-91-91-61-111-23l-36 0q-15 0-25 11t-11 25l0 71q0 15 11 25t25 11l36 0q59 0 101 42t42 101l0 18q0 22-16 38t-38 16l-125 0q-45 0-76 31t-31 76l0 214q0 45 31 76t76 31l214 0q45 0 76-31t31-76z" horiz-adv-x="928.571" />
+<glyph glyph-name="undo" unicode="&#xe817;" d="M1000 225q0-93-71-252-2-4-6-13t-8-17-7-12q-7-9-16-9-8 0-13 6t-5 14q0 5 1 15t1 13q3 38 3 69 0 56-10 101t-27 77-45 56-59 39-74 24-86 12-98 3l-125 0 0-143q0-15-11-25t-25-11-25 11l-286 286q-11 11-11 25t11 25l286 286q11 11 25 11t25-11 11-25l0-143 125 0q398 0 488-225 30-75 30-186z" horiz-adv-x="1000" />
+<glyph glyph-name="code" unicode="&#xe816;" d="M344 69l-28-28q-6-6-13-6t-13 6l-260 260q-6 6-6 13t6 13l260 260q6 6 13 6t13-6l28-28q6-6 6-13t-6-13l-219-219 219-219q6-6 6-13t-6-13z m330 595l-208-720q-2-7-9-11t-13-1l-35 9q-7 2-11 9t-1 14l208 720q2 7 9 11t13 1l35-9q7-2 11-9t1-14z m367-363l-260-260q-6-6-13-6t-13 6l-28 28q-6 6-6 13t6 13l219 219-219 219q-6 6-6 13t6 13l28 28q6 6 13 6t13-6l260-260q6-6 6-13t-6-13z" horiz-adv-x="1071.429" />
+<glyph glyph-name="unlink" unicode="&#xe811;" d="M245 141l-143-143q-6-5-13-5t-13 5q-5 6-5 13t5 13l143 143q6 5 13 5t13-5q5-6 5-13t-5-13z m94-23l0-179q0-8-5-13t-13-5-13 5-5 13l0 179q0 8 5 13t13 5 13-5 5-13z m-125 125q0-8-5-13t-13-5l-179 0q-8 0-13 5t-5 13 5 13 13 5l179 0q8 0 13-5t5-13z m705-71q0-67-47-113l-82-81q-46-46-113-46-68 0-114 47l-186 187q-12 12-23 31l133 10 152-153q15-15 38-15t38 15l82 81q16 16 16 37 0 22-16 38l-153 153 10 133q20-12 31-23l187-187q47-48 47-114z m-344 404l-133-10-152 153q-16 16-38 16t-38-15l-82-81q-16-16-16-37 0-22 16-38l153-153-10-134q-20 12-31 23l-187 187q-47 48-47 114 0 67 47 113l82 81q46 46 113 46 68 0 114-47l186-187q12-12 23-31z m353-47q0-8-5-13t-13-5l-179 0q-8 0-13 5t-5 13 5 13 13 5l179 0q8 0 13-5t5-13z m-304 304l0-179q0-8-5-13t-13-5-13 5-5 13l0 179q0 8 5 13t13 5 13-5 5-13z m227-84l-143-143q-6-5-13-5t-13 5q-5 6-5 13t5 13l143 143q6 5 13 5t13-5q5-6 5-13t-5-13z" horiz-adv-x="928.571" />
+<glyph glyph-name="superscript" unicode="&#xe808;" d="M501 86l0-93-138 0-89 141-13 23q-4 5-6 12l-2 0-5-12q-6-11-14-25l-86-140-144 0 0 93 71 0 110 162-103 152-76 0 0 94 154 0 78-127q1-2 13-23 4-5 6-12l2 0q2 5 6 12l14 23 78 127 143 0 0-94-70 0-103-149 114-165 61 0z m355 379l0-115-287 0-2 15q-2 16-2 26 0 36 15 65t36 48 47 36 47 30 36 30 15 36q0 21-16 35t-39 14q-28 0-54-22-8-6-20-21l-59 51q15 21 35 37 46 36 105 36 61 0 99-33t38-88q0-31-14-57t-35-43-45-33-46-28-37-29-17-35l129 0 0 45 70 0z" horiz-adv-x="857.143" />
+<glyph glyph-name="subscript" unicode="&#xe809;" d="M501 86l0-93-138 0-89 141-13 23q-4 5-6 12l-2 0-5-12q-6-11-14-25l-86-140-144 0 0 93 71 0 110 162-103 152-76 0 0 94 154 0 78-127q1-2 13-23 4-5 6-12l2 0q2 5 6 12l14 23 78 127 143 0 0-94-70 0-103-149 114-165 61 0z m357-121l0-115-287 0-2 15q-2 25-2 26 0 36 15 65t36 48 47 36 47 30 36 30 15 36q0 21-16 35t-39 14q-28 0-54-22-8-6-20-21l-59 51q15 21 35 37 45 36 105 36 61 0 99-33t38-88q0-37-19-66t-47-48-56-35-49-35-23-41l129 0 0 45 70 0z" horiz-adv-x="857.143" />
+<glyph glyph-name="inserthorizontalrule" unicode="&#xe818;" d="M214 439l0-107q0-22-16-38t-38-16l-107 0q-22 0-38 16t-16 38l0 107q0 22 16 38t38 16l107 0q22 0 38-16t16-38z m286 0l0-107q0-22-16-38t-38-16l-107 0q-22 0-38 16t-16 38l0 107q0 22 16 38t38 16l107 0q22 0 38-16t16-38z m286 0l0-107q0-22-16-38t-38-16l-107 0q-22 0-38 16t-16 38l0 107q0 22 16 38t38 16l107 0q22 0 38-16t16-38z" horiz-adv-x="785.714" />
+<glyph glyph-name="pin" unicode="&#xe812;" d="M268 368l0 250q0 8-5 13t-13 5-13-5-5-13l0-250q0-8 5-13t13-5 13 5 5 13z m375-196q0-15-11-25t-25-11l-239 0-28-270q-1-7-6-11t-11-5l-1 0q-15 0-18 15l-42 271-225 0q-15 0-25 11t-11 25q0 69 44 124t99 55l0 286q-29 0-50 21t-21 50 21 50 50 21l357 0q29 0 50-21t21-50-21-50-50-21l0-286q55 0 99-55t44-124z" horiz-adv-x="642.857" />
+<glyph glyph-name="createlink" unicode="&#xe810;" d="M812 171q0 22-16 38l-116 116q-16 16-38 16-23 0-40-18 2-2 11-10t12-12 8-11 7-14 2-15q0-22-16-38t-38-16q-8 0-15 2t-14 7-11 8-12 12-10 11q-18-17-18-41 0-22 16-38l115-116q15-15 38-15 22 0 38 15l82 81q16 16 16 37z m-392 393q0 22-16 38l-115 116q-16 16-38 16t-38-15l-82-81q-16-16-16-37 0-22 16-38l116-116q15-15 38-15t40 17q-2 2-11 10t-12 12-8 11-7 14-2 15q0 22 16 38t38 16q8 0 15-2t14-7 11-8 12-12 10-11q18 17 18 41z m499-393q0-67-47-113l-82-81q-46-46-113-46-68 0-114 47l-115 116q-46 46-46 113 0 69 49 117l-49 49q-48-49-116-49-67 0-114 47l-116 116q-47 47-47 114t47 113l82 81q46 46 113 46 68 0 114-47l115-116q46-46 46-113 0-69-49-117l49-49q48 49 116 49 67 0 114-47l116-116q47-47 47-114z" horiz-adv-x="928.571" />
+</font>
+</defs>
+</svg>

data/source/assets/javascripts/all.js

@@ -0,0 +1,3 @@
+// Main dependencies
+//= require deps
+//= require dante

data/source/assets/javascripts/dante.js

@@ -0,0 +1,7 @@
+//Editor components
+//= require dante/dante
+//= require dante/utils
+//= require dante/view
+//= require dante/editor
+//= require dante/tooltip
+//= require dante/menu

data/source/assets/javascripts/dante/dante.js.coffee.erb

@@ -0,0 +1,7 @@
+window.Dante = {
+  Editor: {
+    ToolTip: {}
+    Menu: {}
+  }
+  version: "<%= DanteEditor::VERSION %>"
+}

data/source/assets/javascripts/dante/editor.js.coffee

@@ -0,0 +1,917 @@
+
+selected_menu = false
+utils = Dante.utils
+
+class Dante.Editor extends Dante.View
+  #el: "#editor"
+
+  events:
+    "blur"    : "handleBlur"
+    "mouseup" : "handleMouseUp"
+    "keydown" : "handleKeyDown"
+    "keyup"   : "handleKeyUp"
+    "paste"   : "handlePaste"
+    "click .graf--figure" : "handleGrafFigureSelect"
+
+  initialize: (opts = {})=>
+    @editor_options = opts
+    #globals for selected text and node
+    @initial_html = $(@el).html()
+    @current_range = null
+    @current_node = null
+    @el = opts.el || "#editor"
+    window.debugMode = opts.debug || false
+    $(@el).addClass("debug") if window.debugMode
+    @upload_url  = opts.upload_url  || "/uploads.json"
+    @oembed_url  = opts.oembed_url  || "http://api.embed.ly/1/oembed?url="
+    @extract_url = opts.extract_url || "http://api.embed.ly/1/extract?key=86c28a410a104c8bb58848733c82f840&url="
+    @default_loading_placeholder = opts.default_loading_placeholder || "/images/media-loading-placeholder.png"
+    @store_url   = opts.store_url
+    if (localStorage.getItem('contenteditable'))
+      $(@el).html  localStorage.getItem('contenteditable')
+
+    @store()
+
+    @title_placeholder    = "<span class='defaultValue defaultValue--root'>Title…</span><br>"
+    @body_placeholder     = "<span class='defaultValue defaultValue--root'>Tell your story…</span><br>"
+    @embed_placeholder    = "<span class='defaultValue defaultValue--prompt'>Paste a YouTube, Vine, Vimeo, or other video link, and press Enter</span><br>"
+    @extract_placeholder  = "<span class='defaultValue defaultValue--prompt'>Paste a link to embed content from another site (e.g. Twitter) and press Enter</span><br>"
+
+  store: ()->
+    #localStorage.setItem("contenteditable", $(@el).html() )
+    return unless @store_url
+    setTimeout ()=>
+      @checkforStore()
+    , 15000
+
+  checkforStore: ()->
+    if @content is @getContent()
+      utils.log "content not changed skip store"
+      @store()
+    else
+      utils.log "content changed! update"
+      @content = @getContent()
+      $.ajax
+        url: @store_url
+        method: "post"
+        data: @getContent()
+        success: (res)->
+          utils.log "store!"
+          utils.log res
+        complete: (jxhr) =>
+          @store()
+
+  getContent: ()->
+    $(@el).find(".section-inner").html()
+
+  template: ()=>
+    "<section class='section--first section--last'>
+
+      <div class='section-divider layoutSingleColumn'>
+        <hr class='section-divider'>
+      </div>
+
+      <div class='section-content'>
+        <div class='section-inner'>
+          <p class='graf graf--h3'>#{@title_placeholder}</p>
+          <p class='graf graf--p'>#{@body_placeholder}<p>
+        </div>
+      </div>
+
+    </section>"
+
+  baseParagraphTmpl: ()->
+    "<p class='graf--p' name='#{utils.generateUniqueName()}'><br></p>"
+
+  appendMenus: ()=>
+    $("<div id='dante-menu' class='dante-menu' style='opacity: 0;'></div>").insertAfter(@el)
+    $("<div class='inlineTooltip2 button-scalableGroup'></div>").insertAfter(@el)
+    @editor_menu = new Dante.Editor.Menu(editor: @)
+    @tooltip_view = new Dante.Editor.Tooltip(editor: @)
+    @tooltip_view.render()
+
+  appendInitialContent: ()=>
+    $(@el).find(".section-inner").html(@initial_html)
+
+  start: ()=>
+    @render()
+    $(@el).attr("contenteditable", "true")
+    $(@el).addClass("postField--body")
+    $(@el).wrap("<div class='notesSource'></div>")
+    @appendMenus()
+    @appendInitialContent() unless _.isEmpty @initial_html.trim()
+    @setupElementsClasses()
+
+  restart: ()=>
+    @render()
+
+  render: ()=>
+    @template()
+    $(@el).html @template()
+
+  getSelectedText: () ->
+    text = ""
+    if typeof window.getSelection != "undefined"
+      text = window.getSelection().toString()
+    else if typeof document.selection != "undefined" && document.selection.type == "Text"
+      text = document.selection.createRange().text
+    text
+
+  selection: ()=>
+    selection
+    if (window.getSelection)
+      selection = window.getSelection()
+    else if (document.selection && document.selection.type != "Control")
+      selection = document.selection
+
+  getRange: () ->
+    editor = $(@el)[0]
+    range = selection && selection.rangeCount && selection.getRangeAt(0)
+    range = document.createRange() if (!range)
+    if !editor.contains(range.commonAncestorContainer)
+      range.selectNodeContents(editor)
+      range.collapse(false)
+    range
+
+  setRange: (range)->
+    range = range || this.current_range
+    if !range
+      range = this.getRange()
+      range.collapse(false); # set to end
+
+    @selection().removeAllRanges()
+    @selection().addRange(range)
+    @
+
+  getCharacterPrecedingCaret: ->
+    precedingChar = ""
+    sel = undefined
+    range = undefined
+    precedingRange = undefined
+    if window.getSelection
+      sel = window.getSelection()
+      if sel.rangeCount > 0
+        range = sel.getRangeAt(0).cloneRange()
+        range.collapse true
+        range.setStart @getNode(), 0
+        precedingChar = range.toString().slice(0)
+    else if (sel = document.selection) and sel.type isnt "Control"
+      range = sel.createRange()
+      precedingRange = range.duplicate()
+      precedingRange.moveToElementText containerEl
+      precedingRange.setEndPoint "EndToStart", range
+      precedingChar = precedingRange.text.slice(0)
+    precedingChar
+
+  isLastChar: ()->
+    #utils.log "#{$(@getNode()).text().trim().length} | #{@getCharacterPrecedingCaret().trim().length}"
+    $(@getNode()).text().trim().length is @getCharacterPrecedingCaret().trim().length
+
+  isFirstChar: ()->
+    @getCharacterPrecedingCaret().trim().length is 0
+
+  isSelectingAll: (element)->
+    a = @getSelectedText().killWhiteSpace().length
+    b = $(element).text().killWhiteSpace().length
+    a is b
+
+  #set focus and caret position on element
+  setRangeAt: (element, int=0)->
+    range = document.createRange()
+    sel = window.getSelection()
+    #node = element.firstChild;
+    range.setStart(element, int); #DANGER this is supported by IE 9
+    #range.setStartAfter(element)
+    #range.setEnd(element, int);
+    range.collapse(true)
+    sel.removeAllRanges()
+    sel.addRange(range)
+    #@el.focus()
+    element.focus()
+
+  #set focus and caret position on element
+  setRangeAtText: (element, int=0)->
+    range = document.createRange()
+    sel = window.getSelection()
+    node = element.firstChild;
+    range.setStart(node, 0); #DANGER this is supported by IE 9
+    range.setEnd(node, 0);
+    range.collapse(true)
+    sel.removeAllRanges()
+    sel.addRange(range)
+    element.focus()
+
+  focus: (focusStart) ->
+    @.setRange() if (!focusStart)
+    $(@el).focus()
+    @
+
+  #NOT USED
+  focusNode: (node, range)->
+    range.setStartAfter(node)
+    range.setEndBefore(node)
+    range.collapse(false)
+    @.setRange(range)
+
+  #get the element that wraps Caret position while is inside section
+  getNode: ()->
+    node = undefined
+    root = $(@el).find(".section-inner")[0]
+    return if @selection().rangeCount < 1
+    range = @selection().getRangeAt(0)
+    node = range.commonAncestorContainer
+    return null  if not node or node is root
+    node = node.parentNode  while node and (node.nodeType isnt 1) and (node.parentNode isnt root)
+    node = node.parentNode  while node and (node.parentNode isnt root)
+    (if root && root.contains(node) then node else null)
+
+  displayMenu: (sel)->
+    setTimeout ()=>
+      @editor_menu.render()
+      pos = utils.getSelectionDimensions()
+      @relocateMenu(pos)
+      @editor_menu.show()
+    , 10
+
+  #get text of selected and displays menu
+  handleTextSelection: (anchor_node)->
+    @editor_menu.hide()
+    text = @getSelectedText()
+    unless _.isEmpty text.trim()
+      #@current_range = @getRange()
+      @current_node  = anchor_node
+      @.displayMenu()
+
+  relocateMenu: (position)->
+    padd = @editor_menu.$el.width() / 2
+    top = position.top + $(window).scrollTop() - 43
+    l = position.left + (position.width / 2) - padd
+    @editor_menu.$el.offset({left: l , top: top  })
+
+  hidePlaceholder: (element)->
+    $(element).find("span.defaultValue").remove().html("<br>")
+
+  displayEmptyPlaceholder: (element)->
+    $(".graf--first").html(@title_placeholder)
+    $(".graf--last").html(@body_placeholder)
+
+  handleGrafFigureSelect: (ev)->
+    element = ev.currentTarget
+    @markAsSelected( element )
+    @setRangeAt( $(element).find('.imageCaption')[0] )
+
+  handleBlur: (ev)=>
+    #hide menu only if is not in use
+    setTimeout ()=>
+      @editor_menu.hide() unless selected_menu
+    , 200
+    false
+
+  handleMouseUp: (ev)=>
+    utils.log "MOUSE UP"
+    anchor_node = @getNode()
+    utils.log anchor_node
+    utils.log ev.currentTarget
+    return if _.isNull(anchor_node)
+    @handleTextSelection(anchor_node)
+    @hidePlaceholder(anchor_node)
+    @markAsSelected( anchor_node )
+    @displayTooltipAt( anchor_node )
+
+  scrollTo: (node)->
+    return if utils.isElementInViewport($(node))
+
+    top = node.offset().top
+    #scroll to element top
+    $('html, body').animate
+      scrollTop: top
+    , 20
+
+  #handle arrow direction from keyUp.
+  handleArrow: (ev)=>
+    current_node = $(@getNode())
+    if current_node
+      @markAsSelected( current_node )
+      @displayTooltipAt( current_node )
+
+  #handle arrow direction from keyDown.
+  handleArrowForKeyDown: (ev)=>
+    current_node = $(@getNode())
+    utils.log(ev)
+    ev_type = ev.originalEvent.key || ev.originalEvent.keyIdentifier
+
+    utils.log("ENTER ARROW for key #{ev_type}")
+
+    #handle keys for image figure
+    switch ev_type
+
+      when "Down"
+        next_node = current_node.next()
+        utils.log "NEXT NODE IS #{next_node.attr('class')}"
+        utils.log "CURRENT NODE IS #{current_node.attr('class')}"
+
+        return unless $(current_node).hasClass("graf")
+        return unless $(current_node).editableCaretOnLastLine()
+
+        utils.log "ENTER ARROW PASSED RETURNS"
+
+        #if next element is embed select & focus it
+        if next_node.hasClass("graf--figure")
+          n = next_node.find(".imageCaption")
+          @setRangeAt n[0]
+          @scrollTo(n)
+          utils.log "1 down"
+          utils.log n[0]
+          next_node.addClass("is-mediaFocused is-selected")
+          return false
+        #if current node is embed
+        else if next_node.hasClass("graf--mixtapeEmbed")
+          n = current_node.next(".graf--mixtapeEmbed")
+          num = n[0].childNodes.length
+          @setRangeAt n[0], num
+          @scrollTo(n)
+          utils.log "2 down"
+          return false
+
+        if current_node.hasClass("graf--figure") && next_node.hasClass("graf")
+          @setRangeAt next_node[0]
+          @scrollTo(next_node)
+          utils.log "3 down"
+          return false
+
+        ###
+        else if next_node.hasClass("graf")
+          n = current_node.next(".graf")
+          @setRangeAt n[0]
+          @scrollTo(n)
+          false
+        ###
+
+      when "Up"
+        prev_node = current_node.prev()
+        utils.log "PREV NODE IS #{prev_node.attr('class')}"
+        utils.log "CURRENT NODE IS up #{current_node.attr('class')}"
+
+        return unless $(current_node).hasClass("graf")
+        return unless $(current_node).editableCaretOnFirstLine()
+
+        utils.log "ENTER ARROW PASSED RETURNS"
+
+        if prev_node.hasClass("graf--figure")
+          utils.log "1 up"
+          n = prev_node.find(".imageCaption")
+          @setRangeAt n[0]
+          @scrollTo(n)
+          prev_node.addClass("is-mediaFocused is-selected")
+          return false
+
+        else if prev_node.hasClass("graf--mixtapeEmbed")
+          n = current_node.prev(".graf--mixtapeEmbed")
+          num = n[0].childNodes.length
+          @setRangeAt n[0], num
+          @scrollTo(n)
+          utils.log "2 up"
+          return false
+
+        if current_node.hasClass("graf--figure") && prev_node.hasClass("graf")
+          @setRangeAt prev_node[0]
+          @scrollTo(prev_node)
+          utils.log "3 up"
+          return false
+
+        else if prev_node.hasClass("graf")
+          n = current_node.prev(".graf")
+          num = n[0].childNodes.length
+          @setRangeAt n[0], num
+          @scrollTo(n)
+          utils.log "4 up"
+          return false
+
+        utils.log "noting"
+
+  #detects html data , creates a hidden node to paste ,
+  #then clean up the content and copies to currentNode, very clever uh?
+  handlePaste: (ev)=>
+    utils.log("pasted!")
+    @aa =  @getNode()
+
+    pastedText = undefined
+    if (window.clipboardData && window.clipboardData.getData) #IE
+      pastedText = window.clipboardData.getData('Text')
+    else if (ev.originalEvent.clipboardData && ev.originalEvent.clipboardData.getData)
+      cbd = ev.originalEvent.clipboardData
+      pastedText = if _.isEmpty(cbd.getData('text/html')) then cbd.getData('text/plain') else cbd.getData('text/html')
+
+    #alert(pastedText) # Process and handle text...
+    #detect if is html
+    if pastedText.match(/<\/*[a-z][^>]+?>/gi)
+      utils.log("HTML DETECTED ON PASTE")
+      $(pastedText)
+
+      document.body.appendChild($("<div id='paste'></div>")[0])
+      $("#paste").html(pastedText)
+      @setupElementsClasses $("#paste"), ()=>
+        nodes = $($("#paste").html()).insertAfter($(@aa))
+        $("#paste").remove()
+        #set caret on newly created node
+        last_node = nodes.last()[0]
+        num = last_node.childNodes.length
+        @setRangeAt(last_node, num)
+        new_node = $(@getNode())
+        top = new_node.offset().top
+        @markAsSelected(new_node)
+        @displayTooltipAt($(@el).find(".is-selected"))
+        #scroll to element top
+        @handleUnwrappedImages(nodes)
+        $('html, body').animate
+          scrollTop: top
+        , 200
+
+      return false # Prevent the default handler from running.
+
+  handleUnwrappedImages: (elements)->
+    #http://stackoverflow.com/questions/4998908/convert-data-uri-to-file-then-append-to-formdata
+    _.each elements.find("img"), (image)=>
+      utils.log ("process image here!")
+      @tooltip_view.uploadExistentImage(image)
+
+  #TODO: remove this, not used
+  handleInmediateDeletion: (element)->
+    @inmediateDeletion = false
+    new_node = $( @baseParagraphTmpl() ).insertBefore( $(element) )
+    new_node.addClass("is-selected")
+    @setRangeAt($(element).prev()[0])
+    $(element).remove()
+
+  #TODO: not used anymore, remove this
+  #when found that the current node is text node
+  #create a new <p> and focus
+  handleUnwrappedNode: (element)->
+    tmpl = $(@baseParagraphTmpl())
+    @setElementName(tmpl)
+    $(element).wrap(tmpl)
+    new_node = $("[name='#{tmpl.attr('name')}']")
+    new_node.addClass("is-selected")
+    @setRangeAt(new_node[0])
+    return false
+
+  ###
+  This is a rare hack only for FF (I hope),
+  when there is no range it creates a new element as a placeholder,
+  then finds previous element from that placeholder,
+  then it focus the prev and removes the placeholder.
+  a nasty nasty one...
+  ###
+  handleNullAnchor: ()->
+    utils.log "WARNING! this is an empty node"
+    sel = @selection();
+
+    if (sel.isCollapsed && sel.rangeCount > 0)
+      range = sel.getRangeAt(0)
+      span = $( @baseParagraphTmpl())[0]
+      range.insertNode(span)
+      range.setStart(span, 0)
+      range.setEnd(span, 0)
+      sel.removeAllRanges()
+      sel.addRange(range)
+
+      node = $(range.commonAncestorContainer)
+      prev = node.prev()
+      num = prev[0].childNodes.length
+      utils.log prev
+      if prev.hasClass("graf")
+        @setRangeAt(prev[0], num)
+        node.remove()
+        @markAsSelected(@getNode())
+      else if prev.hasClass("graf--mixtapeEmbed")
+        @setRangeAt(prev[0], num)
+        node.remove()
+        @markAsSelected(@getNode())
+      else if !prev
+        @.setRangeAt(@.$el.find(".section-inner p")[0])
+
+      @displayTooltipAt($(@el).find(".is-selected"))
+
+  #used when all the content is removed, then it re render
+  handleCompleteDeletion: (element)->
+    if _.isEmpty( $(element).text().trim() )
+      utils.log "HANDLE COMPLETE DELETION"
+      @selection().removeAllRanges()
+      @render()
+
+      setTimeout =>
+        @setRangeAt($(@el).find(".section-inner p")[0])
+      , 20
+      @completeDeletion = true
+
+  #handles tab navigation
+  handleTab: (anchor_node)->
+    utils.log "HANDLE TAB"
+    classes = ".graf, .graf--mixtapeEmbed, .graf--figure, .graf--figure"
+    next = $(anchor_node).next(classes)
+
+    if $(next).hasClass("graf--figure")
+      next = $(next).find("figcaption")
+      @setRangeAt next[0]
+      @markAsSelected $(next).parent(".graf--figure")
+      @displayTooltipAt next
+      @scrollTo $(next)
+      return false
+
+    if _.isEmpty(next) or _.isUndefined(next[0])
+      next = $(".graf:first")
+
+    @setRangeAt next[0]
+    @markAsSelected next
+    @displayTooltipAt next
+    @scrollTo $(next)
+
+  handleKeyDown: (e)->
+    utils.log "KEYDOWN"
+
+    anchor_node = @getNode() #current node on which cursor is positioned
+
+    @markAsSelected( anchor_node ) if anchor_node
+
+    if e.which is 9
+
+      @handleTab(anchor_node)
+      return false
+
+    if e.which == 13
+
+      #removes previous selected nodes
+      $(@el).find(".is-selected").removeClass("is-selected")
+
+      parent = $(anchor_node)
+
+      utils.log @isLastChar()
+
+      #embeds or extracts
+      if parent.hasClass("is-embedable")
+        @tooltip_view.getEmbedFromNode($(anchor_node))
+      else if parent.hasClass("is-extractable")
+        @tooltip_view.getExtractFromNode($(anchor_node))
+
+
+      #supress linebreak into embed page text unless last char
+      if parent.hasClass("graf--mixtapeEmbed") or parent.hasClass("graf--iframe") or parent.hasClass("graf--figure")
+        utils.log("supress linebreak from embed !(last char)")
+        return false unless @isLastChar()
+
+      #supress linebreak or create new <p> into embed caption unless last char el
+      if parent.hasClass("graf--iframe") or parent.hasClass("graf--figure")
+        if @isLastChar()
+          @handleLineBreakWith("p", parent)
+          @setRangeAtText($(".is-selected")[0])
+
+          $(".is-selected").trigger("mouseup") #is not making any change
+          return false
+        else
+          return false
+
+      @tooltip_view.cleanOperationClasses($(anchor_node))
+
+
+      if (anchor_node && @editor_menu.lineBreakReg.test(anchor_node.nodeName))
+        #new paragraph if it the last character
+        if @isLastChar()
+          utils.log "new paragraph if it the last character"
+          e.preventDefault()
+          @handleLineBreakWith("p", parent)
+
+      setTimeout ()=>
+        node = @getNode()
+        @markAsSelected( @getNode() ) #if anchor_node
+        @setupFirstAndLast()
+        #set name on new element
+        @setElementName($(node))
+
+        #empty childs if text is empty
+        if _.isEmpty $(node).text().trim()
+          _.each $(node).children(), (n)->
+            $(n).remove()
+          $(node).append("<br>")
+
+        #shows tooltip
+        @displayTooltipAt($(@el).find(".is-selected"))
+      , 2
+
+
+    #delete key
+    if (e.which == 8)
+      @tooltip_view.hide()
+      utils.log("removing from down")
+      utils.log "REACHED TOP" if @reachedTop
+      return false if @prevented or @reachedTop && @isFirstChar()
+      #return false if !anchor_node or anchor_node.nodeType is 3
+      utils.log("pass initial validations")
+      anchor_node = @getNode()
+      utils.log "anchor_node"
+      utils.log anchor_node
+      utils.log "UTILS anchor_node"
+      utils_anchor_node = utils.getNode()
+      utils.log utils_anchor_node
+
+      if $(utils_anchor_node).hasClass("section-content") || $(utils_anchor_node).hasClass("graf--first")
+        utils.log "SECTION DETECTED FROM KEYDOWN #{_.isEmpty($(utils_anchor_node).text())}"
+        return false if _.isEmpty($(utils_anchor_node).text())
+
+      if anchor_node && anchor_node.nodeType is 3
+        #@displayEmptyPlaceholder()
+        utils.log("TextNode detected from Down!")
+        #return false
+
+      #supress del into embed if first char or delete if empty content
+      if $(anchor_node).hasClass("graf--mixtapeEmbed") or $(anchor_node).hasClass("graf--iframe")
+        if _.isEmpty $(anchor_node).text().trim()
+          utils.log "EMPTY CHAR"
+          return false
+        else
+          if @isFirstChar()
+            utils.log "FIRST CHAR"
+            @inmediateDeletion = true if @isSelectingAll(anchor_node)
+            return false
+
+      #TODO: supress del when the prev el is embed and current_node is at first char
+      if $(anchor_node).prev().hasClass("graf--mixtapeEmbed")
+        return false if @isFirstChar() && !_.isEmpty( $(anchor_node).text().trim() )
+
+    #arrows key
+    #if _.contains([37,38,39,40], e.which)
+    #up & down
+    if _.contains([38, 40], e.which)
+      utils.log e.which
+      @handleArrowForKeyDown(e)
+      #return false
+
+  handleKeyUp: (e , node)->
+    utils.log "KEYUP"
+
+    @editor_menu.hide() #hides menu just in case
+    @reachedTop = false
+    anchor_node = @getNode() #current node on which cursor is positioned
+    utils_anchor_node = utils.getNode()
+
+    @handleTextSelection(anchor_node)
+
+    if (e.which == 8)
+
+      #if detect all text deleted , re render
+      if $(utils_anchor_node).hasClass("postField--body")
+        utils.log "ALL GONE from UP"
+        @handleCompleteDeletion($(@el))
+        if @completeDeletion
+          @completeDeletion = false
+          return false
+
+      if $(utils_anchor_node).hasClass("section-content") || $(utils_anchor_node).hasClass("graf--first")
+        utils.log "SECTION DETECTED FROM KEYUP #{_.isEmpty($(utils_anchor_node).text())}"
+        return false if _.isEmpty($(utils_anchor_node).text())
+
+      if _.isNull(anchor_node)
+        @handleNullAnchor()
+        return false
+
+      if $(anchor_node).hasClass("graf--first")
+        utils.log "THE FIRST ONE! UP"
+        @markAsSelected(anchor_node)
+        @setupFirstAndLast()
+        false
+
+      if anchor_node
+        @markAsSelected(anchor_node)
+        @setupFirstAndLast()
+        @displayTooltipAt($(@el).find(".is-selected"))
+
+    #arrows key
+    if _.contains([37,38,39,40], e.which)
+      @handleArrow(e)
+      #return false
+
+  #TODO: Separate in little functions
+  handleLineBreakWith: (element_type, from_element)->
+    new_paragraph = $("<#{element_type} class='graf graf--#{element_type} graf--empty is-selected'><br/></#{element_type}>")
+    if from_element.parent().is('[class^="graf--"]')
+      new_paragraph.insertAfter(from_element.parent())
+    else
+      new_paragraph.insertAfter(from_element)
+    #set caret on new <p>
+    @setRangeAt(new_paragraph[0])
+    @scrollTo new_paragraph
+
+  #shows the (+) tooltip at current element
+  displayTooltipAt: (element)->
+    utils.log ("POSITION FOR TOOLTIP")
+    #utils.log $(element)
+    return if !element
+    @tooltip_view.hide()
+    return unless _.isEmpty( $(element).text() )
+    @position = $(element).offset()
+    @tooltip_view.render()
+    @tooltip_view.move(left: @position.left - 60 , top: @position.top - 5 )
+
+  #mark the current row as selected
+  markAsSelected: (element)->
+
+    return if _.isUndefined element
+
+    $(@el).find(".is-selected").removeClass("is-mediaFocused is-selected")
+    $(element).addClass("is-selected")
+
+    if $(element).prop("tagName").toLowerCase() is "figure"
+      $(element).addClass("is-mediaFocused")
+
+    $(element).find(".defaultValue").remove()
+    #set reached top if element is first!
+    if $(element).hasClass("graf--first")
+      @reachedTop = true
+      $(element).append("<br>") if $(element).find("br").length is 0
+
+  addClassesToElement: (element)=>
+    n = element
+    name = n.nodeName.toLowerCase()
+    switch name
+      when "p", "h2", "h3", "pre", "div"
+        #utils.log n
+        unless $(n).hasClass("graf--mixtapeEmbed")
+          $(n).removeClass().addClass("graf graf--#{name}")
+
+        if name is "p" and $(n).find("br").length is 0
+          $(n).append("<br>")
+
+      when "code"
+        #utils.log n
+        $(n).unwrap().wrap("<p class='graf graf--pre'></p>")
+        n = $(n).parent()
+
+      when "ol", "ul"
+        #utils.log "lists"
+        $(n).removeClass().addClass("postList")
+        _.each $(n).find("li"), (li)->
+          $(n).removeClass().addClass("graf graf--li")
+        #postList , and li as graf
+
+      when "img"
+        utils.log "images"
+        #@handleUnwrappedImages(n)
+        #@handleUnwrappedImages(nodes)
+        @tooltip_view.uploadExistentImage(n)
+        #set figure non editable
+
+      when "a", 'strong', 'em', 'br', 'b', 'u', 'i'
+        utils.log "links"
+        $(n).wrap("<p class='graf graf--#{name}'></p>")
+        n = $(n).parent()
+        #dont know
+
+      when "blockquote"
+        #TODO remove inner elements like P
+        #$(n).find("p").unwrap()
+        n = $(n).removeClass().addClass("graf graf--#{name}")
+
+      else
+        #TODO: for now leave this relaxed, because this is
+        #overwriting embeds
+        #wrap all the rest
+        $(n).wrap("<p class='graf graf--#{name}'></p>")
+        n = $(n).parent()
+
+    return n
+
+  setupElementsClasses: (element, cb)->
+    if _.isUndefined(element)
+      @element = $(@el).find('.section-inner')
+    else
+      @element = element
+
+    setTimeout ()=>
+      #clean context and wrap text nodes
+      @cleanContents(@element)
+      @wrapTextNodes(@element)
+      #setup classes
+      _.each  @element.children(), (n)=>
+        name = $(n).prop("tagName").toLowerCase()
+        n = @addClassesToElement(n)
+
+        @setElementName(n)
+
+      @setupLinks(@element.find("a"))
+      @setupFirstAndLast()
+
+      cb() if _.isFunction(cb)
+    , 20
+
+  cleanContents: (element)->
+    #TODO: should config tags
+    if _.isUndefined(element)
+      @element = $(@el).find('.section-inner')
+    else
+      @element = element
+
+    s = new Sanitize
+      elements: ['strong','img', 'em', 'br', 'a', 'blockquote', 'b', 'u', 'i', 'pre', 'p', 'h2', 'h3']
+
+      attributes:
+        '__ALL__': ['class']
+        a: ['href', 'title', 'target']
+        img: ['src']
+
+      protocols:
+        a: { href: ['http', 'https', 'mailto'] }
+
+      transformers: [(input)->
+                      if (input.node_name == "span" && $(input.node).hasClass("defaultValue") )
+                        return whitelist_nodes: [input.node]
+                      else
+                        return null
+                    (input)->
+                      #page embeds
+                      if(input.node_name == 'div' && $(input.node).hasClass("graf--mixtapeEmbed") )
+                        return whitelist_nodes: [input.node]
+                      else if(input.node_name == 'a' && $(input.node).parent(".graf--mixtapeEmbed").exists() )
+                        return attr_whitelist: ["style"]
+                      else
+                        return null
+                    ,
+                    (input)->
+                      #embeds
+                      if( input.node_name == 'figure' && $(input.node).hasClass("graf--iframe") )
+                        return whitelist_nodes: [input.node]
+                      else if(input.node_name == 'div' && $(input.node).hasClass("iframeContainer") && $(input.node).parent(".graf--iframe").exists() )
+                        return whitelist_nodes: [input.node]
+                      else if(input.node_name == 'iframe' && $(input.node).parent(".iframeContainer").exists() )
+                        return whitelist_nodes: [input.node]
+                      else if(input.node_name == 'figcaption' && $(input.node).parent(".graf--iframe").exists() )
+                        return whitelist_nodes: [input.node]
+                      else
+                        return null
+                    ,
+                    (input)->
+                      #image embeds
+                      if(input.node_name == 'figure' && $(input.node).hasClass("graf--figure") )
+                        return whitelist_nodes: [input.node]
+
+                      else if(input.node_name == 'div' && ($(input.node).hasClass("aspect-ratio-fill") || $(input.node).hasClass("aspectRatioPlaceholder")) && $(input.node).parent(".graf--figure").exists() )
+                        return whitelist_nodes: [input.node]
+
+                      else if(input.node_name == 'img' && $(input.node).parent(".graf--figure").exists() )
+                        return whitelist_nodes: [input.node]
+
+                      else if(input.node_name == 'a' && $(input.node).parent(".graf--mixtapeEmbed").exists() )
+                        return attr_whitelist: ["style"]
+
+                      else if(input.node_name == 'span' && $(input.node).parent(".imageCaption").exists())
+                        return whitelist_nodes: [input.node]
+                      else
+                        return null
+                    ]
+
+    if @element.exists()
+      utils.log "CLEAN HTML"
+      @element.html(s.clean_node( @element[0] ))
+
+  setupLinks: (elems)->
+    _.each elems, (n)=>
+      @setupLink(n)
+
+  setupLink: (n)->
+    parent_name = $(n).parent().prop("tagName").toLowerCase()
+    $(n).addClass("markup--anchor markup--#{parent_name}-anchor")
+    href = $(n).attr("href")
+    $(n).attr("data-href", href)
+
+  preCleanNode: (element)->
+    s = new Sanitize
+      elements: ['strong', 'em', 'br', 'a', 'b', 'u', 'i']
+
+      attributes:
+        a: ['href', 'title', 'target']
+
+      protocols:
+        a: { href: ['http', 'https', 'mailto'] }
+
+    $(element).html s.clean_node( element[0] )
+
+    element = @addClassesToElement( $(element)[0] )
+
+    $(element)
+
+  setupFirstAndLast: ()=>
+    childs = $(@el).find(".section-inner").children()
+    childs.removeClass("graf--last , graf--first")
+    childs.first().addClass("graf--first")
+    childs.last().addClass("graf--last")
+
+  wrapTextNodes: (element)->
+    if _.isUndefined(element)
+      element = $(@el).find('.section-inner')
+    else
+      element = element
+
+    element.contents().filter(->
+      @nodeType is 3 and @data.trim().length > 0
+    ).wrap "<p class='graf grap--p'></p>"
+
+  setElementName: (element)->
+    $(element).attr("name", utils.generateUniqueName())