foundation-wysihtml5-rails 1.0.0

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: 05dedd938d62111f0cf23039e68b385305eb8457
+  data.tar.gz: feb3e56a59e686951e863076be6883eed7d6ba70
+SHA512:
+  metadata.gz: 711796e64d6ddb7f83be73afc06559106d92f53cfcedec762867af7b8e00f3731637b05ef645cc90c463dfd801fb1bde196780a2686832e88d4073a4e54b378b
+  data.tar.gz: 89a0598d23f544345a1793d99c76b935f883aa7fd7800ba4c1eccd23eb91aca6fc1b864c97607762e1ccc220bbe2bdc1ed29b3b9674f580e2c90fa04640d5b7e

data/.gitignore

@@ -0,0 +1,3 @@
+Gemfile.lock
+*.gem
+/foundation-wysihtml5

data/CONTRIBUTING.md

@@ -0,0 +1,5 @@
+If this is a set of changes on foundation-wysihtml5 itself, then you want to make you pull request here:
+
+https://github.com/jhollingworth/foundation-wysihtml5
+
+If this is a set of changes on foundation-wysihtml5-rails, then go ahead

data/Gemfile

@@ -0,0 +1,4 @@
+source 'http://rubygems.org'
+
+# Specify your gem's dependencies in foundation-rails.gemspec
+gemspec

data/README.md

@@ -0,0 +1,82 @@
+# Foundation Wysihtml5 for Rails
+
+[![Gem Version](https://badge.fury.io/rb/foundation-wysihtml5-rails.png)](http://badge.fury.io/rb/foundation-wysihtml5-rails)
+
+
+This is a port of Bootstrap Wysihtml5 to Zurb Foundation.
+
+[Bootstrap Wysihtml5](https://github.com/jhollingworth/bootstrap-wysihtml5) is a plugin for Bootstrap designed by James Hollingworth. It provides a stylish wysiwyg editor for Bootstrap.
+
+This project is a fork from [Nerian's `bootstrap-wysihtml5-rails`](https://github.com/Nerian/bootstrap-wysihtml5-rails) and it was modified to work with Zurb Foundation.
+
+## Compatible with Foundation 4 and 5
+
+Tested on Foundation 4 and 5.
+
+## Rails > 3.1
+Include foundation-wysihtml5-rails in Gemfile;
+
+``` ruby
+gem 'foundation-wysihtml5-rails'
+```
+
+and run bundle install.
+
+This gem doesn't include Foundation. You can get Foundation here: https://github.com/zurb/foundation-rails.
+
+It also has as dependency [`font-awesome`](http://fortawesome.github.io/Font-Awesome/) for the icons. Please add it to your project.
+
+## Configuration
+
+Foundation-wysihtml5 depends on jquery, foundation and font-awesome.
+
+app/assets/stylesheets/application.css
+``` css
+*= require foundation-wysihtml5
+```
+
+app/assets/javascripts/application.js
+```javascript
+//= require foundation-wysihtml5
+
+You may include all locales like this:
+
+//= require foundation-wysihtml5/locales
+
+Or just add the ones that you want
+
+//= require foundation-wysihtml5/locales/de-DE
+//= require foundation-wysihtml5/locales/es-ES
+```
+
+You may need to restart your rails server.
+
+## Using foundation-wysihtml5-rails
+
+Just call wysihtml5() with any selector.
+
+```html
+<textarea id="some-textarea" class='wysihtml5' placeholder="Enter text ..."></textarea>
+
+<script type="text/javascript">
+  $(document).ready(function(){
+    $('.wysihtml5').wysihtml5();
+  })
+</script>
+
+```
+
+## If using Turbolinks
+
+```
+$(document).on('page:load', function(){
+  window['rangy'].initialized = false
+})
+```
+
+## License
+Copyright (c) 2014 Josemar Luedke
+
+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,78 @@
+#!/usr/bin/env rake
+require File.expand_path('../lib/foundation-wysihtml5-rails/version', __FILE__)
+
+ORIGIN_LIB_PATH = "foundation-wysihtml5/lib"
+ORIGIN_SRC_PATH = "foundation-wysihtml5/src"
+DEST_JAVASCRIPT_PATH = "vendor/assets/javascripts/foundation-wysihtml5"
+DEST_CSS_PATH = "vendor/assets/stylesheets/foundation-wysihtml5"
+
+def b2
+  system("cd foundation-wysihtml5 && git checkout master")
+
+  system("cp #{ORIGIN_SRC_PATH}/foundation-wysihtml5.css #{DEST_CSS_PATH}/core.css")
+
+  core_file = File.read("#{ORIGIN_SRC_PATH}/foundation-wysihtml5.js")
+  original_string = /stylesheets: \[".\/lib\/css\/wysiwyg-color.css"\]/
+  objective_string = "stylesheets: [\"<%= stylesheet_path('foundation-wysihtml5/wysiwyg-color.css') %>\"]"
+
+  replaced   = core_file.gsub(original_string, objective_string)
+
+  File.open("#{DEST_JAVASCRIPT_PATH}/core.js.erb", "w") { |file| file.puts replaced }
+end
+
+def b3
+  system("cd foundation-wysihtml5 && git checkout tb3")
+
+  system("cp #{ORIGIN_SRC_PATH}/foundation-wysihtml5.css #{DEST_CSS_PATH}/core-b3.css")
+
+  core_file = File.read("#{ORIGIN_SRC_PATH}/foundation-wysihtml5.js")
+  original_string = /stylesheets: \[".\/lib\/css\/wysiwyg-color.css"\]/
+  objective_string = "stylesheets: [\"<%= stylesheet_path('foundation-wysihtml5/wysiwyg-color.css') %>\"]"
+
+  replaced   = core_file.gsub(original_string, objective_string)
+
+  File.open("#{DEST_JAVASCRIPT_PATH}/core-b3.js.erb", "w") { |file| file.puts replaced }
+end
+
+
+
+desc "Update assets"
+task 'update' do
+  if Dir.exist?('foundation-wysihtml5')
+    system("cd foundation-wysihtml5 && git pull && cd ..")
+  else
+    system("git clone git://github.com/jhollingworth/foundation-wysihtml5.git foundation-wysihtml5")
+    system("cd foundation-wysihtml5 && git remote add b3 git@github.com:artillery/foundation-wysihtml5.git")
+    system("cd foundation-wysihtml5 && git fetch b3")
+    system("cd foundation-wysihtml5 && git checkout -b tb3 b3/master")
+  end
+
+  Dir.foreach("foundation-wysihtml5/src/locales") do |file|
+    unless file == '.' || file == '..'
+      abbreviated_file_name = file.gsub('foundation-wysihtml5.', '')
+      system("cp #{ORIGIN_SRC_PATH}/locales/#{file} #{DEST_JAVASCRIPT_PATH}/locales/#{abbreviated_file_name}")
+    end
+  end
+
+  system("cp #{ORIGIN_LIB_PATH}/js/wysihtml5-0.3.0.js #{DEST_JAVASCRIPT_PATH}/wysihtml5.js")
+  system("cp #{ORIGIN_LIB_PATH}/css/wysiwyg-color.css #{DEST_CSS_PATH}/wysiwyg-color.css")
+
+  b2
+  b3
+
+  system("git status")
+end
+
+desc "Build"
+task "build" do
+  system("gem build foundation-wysihtml5-rails.gemspec")
+end
+
+desc "Publish a new version"
+task :publish => :build do
+  tags = `git tag`.split
+  version = FoundationWysihtml5Rails::Rails::VERSION
+  system("git tag -a #{version} -m 'Release #{version}' ") unless tags.include?(version)
+  system("gem push foundation-wysihtml5-rails-#{version}.gem")
+  system("git push --follow-tags")
+end

data/foundation-wysihtml5-rails.gemspec

@@ -0,0 +1,20 @@
+# -*- encoding: utf-8 -*-
+require File.expand_path('../lib/foundation-wysihtml5-rails/version', __FILE__)
+
+Gem::Specification.new do |gem|
+  gem.authors       = ['Josemar Luedke', 'Gonzalo Rodríguez-Baltanás Díaz']
+  gem.email         = ['josemarluedke@gmail.com', 'siotopo@gmail.com']
+  gem.description   = %q{A wysiwyg text editor for Zurb Foundation}
+  gem.homepage      = 'https://github.com/josemarluedke/foundation-wysihtml5-rails'
+  gem.summary       = gem.description
+  gem.license       = 'MIT'
+
+  gem.name          = 'foundation-wysihtml5-rails'
+  gem.require_paths = ['lib']
+  gem.files         = `git ls-files`.split($/)
+  gem.version       = FoundationWysihtml5Rails::Rails::VERSION
+
+  gem.add_dependency 'railties', '>= 3.0'
+  gem.add_development_dependency 'bundler', '>= 1.0'
+  gem.add_development_dependency 'rake'
+end

data/lib/foundation-wysihtml5-rails.rb

@@ -0,0 +1,12 @@
+require "rails"
+require "foundation-wysihtml5-rails/version"
+
+module FoundationWysihtml5Rails
+  module Rails
+    if ::Rails.version.to_s < "3.1"
+      require "foundation-wysihtml5-rails/railtie"
+    else
+      require "foundation-wysihtml5-rails/engine"
+    end
+  end
+end

data/lib/foundation-wysihtml5-rails/engine.rb

@@ -0,0 +1,9 @@
+module FoundationWysihtml5Rails
+  module Rails
+    class Engine < ::Rails::Engine
+      initializer "FoundationWysihtml5Rails precompile hook", :group => :all do |app|
+        app.config.assets.precompile += %w(foundation-wysihtml5.css foundation-wysihtml5.js foundation-wysihtml5/wysiwyg-color.css)
+      end
+    end
+  end
+end

data/lib/foundation-wysihtml5-rails/railtie.rb

@@ -0,0 +1,5 @@
+module FoundationWysihtml5Rails
+  module Rails
+    class Railtie < ::Rails::Railtie; end
+  end
+end

data/lib/foundation-wysihtml5-rails/version.rb

@@ -0,0 +1,5 @@
+module FoundationWysihtml5Rails
+  module Rails
+    VERSION = "1.0.0"
+  end
+end

data/vendor/assets/javascripts/foundation-wysihtml5/core.js.erb

@@ -0,0 +1,514 @@
+!function($, wysi) {
+    "use strict";
+
+    var tpl = {
+        "font-styles": function(locale, options) {
+            var size = (options && options.size) ? ' '+options.size : '';
+            return "<li class='dropdown'>" +
+              "<a class='button secondary dropdown" + size + "' data-dropdown='drop' href='#'>" +
+              "<i class='fa fa-font'></i>&nbsp;<span class='current-font'>" + locale.font_styles.normal + "</span>&nbsp;<b class='caret'></b>" +
+              "</a>" +
+              "<ul id='drop' data-dropdown-content class='f-dropdown'>" +
+                "<li><a data-wysihtml5-command='formatBlock' data-wysihtml5-command-value='div' tabindex='-1'>" + locale.font_styles.normal + "</a></li>" +
+                "<li><a data-wysihtml5-command='formatBlock' data-wysihtml5-command-value='h1' tabindex='-1'>" + locale.font_styles.h1 + "</a></li>" +
+                "<li><a data-wysihtml5-command='formatBlock' data-wysihtml5-command-value='h2' tabindex='-1'>" + locale.font_styles.h2 + "</a></li>" +
+                "<li><a data-wysihtml5-command='formatBlock' data-wysihtml5-command-value='h3' tabindex='-1'>" + locale.font_styles.h3 + "</a></li>" +
+                "<li><a data-wysihtml5-command='formatBlock' data-wysihtml5-command-value='h4'>" + locale.font_styles.h4 + "</a></li>" +
+                "<li><a data-wysihtml5-command='formatBlock' data-wysihtml5-command-value='h5'>" + locale.font_styles.h5 + "</a></li>" +
+                "<li><a data-wysihtml5-command='formatBlock' data-wysihtml5-command-value='h6'>" + locale.font_styles.h6 + "</a></li>" +
+              "</ul>" +
+            "</li>";
+        },
+
+        "emphasis": function(locale, options) {
+            var size = (options && options.size) ? ' '+options.size : '';
+            return "<li>" +
+              "<div class='button-group'>" +
+                "<a class='button secondary" + size + "' data-wysihtml5-command='bold' title='CTRL+B' tabindex='-1'>" + locale.emphasis.bold + "</a>" +
+                "<a class='button secondary" + size + "' data-wysihtml5-command='italic' title='CTRL+I' tabindex='-1'>" + locale.emphasis.italic + "</a>" +
+                "<a class='button secondary" + size + "' data-wysihtml5-command='underline' title='CTRL+U' tabindex='-1'>" + locale.emphasis.underline + "</a>" +
+              "</div>" +
+            "</li>";
+        },
+
+        "lists": function(locale, options) {
+            var size = (options && options.size) ? ' '+options.size : '';
+            return "<li>" +
+              "<div class='button-group'>" +
+                "<a class='button secondary" + size + "' data-wysihtml5-command='insertUnorderedList' title='" + locale.lists.unordered + "' tabindex='-1'><i class='fa fa-list'></i></a>" +
+                "<a class='button secondary" + size + "' data-wysihtml5-command='insertOrderedList' title='" + locale.lists.ordered + "' tabindex='-1'><i class='fa fa-th-list'></i></a>" +
+                "<a class='button secondary" + size + "' data-wysihtml5-command='Outdent' title='" + locale.lists.outdent + "' tabindex='-1'><i class='fa fa-dedent'></i></a>" +
+                "<a class='button secondary" + size + "' data-wysihtml5-command='Indent' title='" + locale.lists.indent + "' tabindex='-1'><i class='fa fa-indent'></i></a>" +
+              "</div>" +
+            "</li>";
+        },
+
+        "link": function(locale, options) {
+            var size = (options && options.size) ? ' '+options.size : '';
+            return "<li>" +
+              "<div class='foundation-wysihtml5-insert-link-modal reveal-modal small' data-reveal>" +
+                "<div class='modal-header'>" +
+                  "<a class='close-reveal-modal'>&times;</a>" +
+                  "<h3>" + locale.link.insert + "</h3>" +
+                "</div>" +
+                "<div class='modal-body'>" +
+                  "<input value='http://' class='foundation-wysihtml5-insert-link-url input-xlarge' type='text'>" +
+                "</div>" +
+                "<div class='modal-footer'>" +
+                  "<a href='#' class='button secondary close'>" + locale.link.cancel + "</a>&nbsp;" +
+                  "<a href='#' class='button insert close'>" + locale.link.insert + "</a>" +
+                "</div>" +
+              "</div>" +
+              "<a class='button secondary" + size + "' data-wysihtml5-command='createLink' title='" + locale.link.insert + "' tabindex='-1'><i class='fa fa-link'></i></a>" +
+            "</li>";
+        },
+
+        "image": function(locale, options) {
+            var size = (options && options.size) ? ' '+options.size : '';
+            return "<li>" +
+              "<div class='foundation-wysihtml5-insert-image-modal reveal-modal small' data-reveal>" +
+                "<div class='modal-header'>" +
+                  "<a class='close-reveal-modal'>&times;</a>" +
+                  "<h3>" + locale.image.insert + "</h3>" +
+                "</div>" +
+                "<div class='modal-body'>" +
+                  "<input value='http://' class='foundation-wysihtml5-insert-image-url input-xlarge' type='text'>" +
+                "</div>" +
+                "<div class='modal-footer'>" +
+                  "<a href='#' class='button secondary close'>" + locale.image.cancel + "</a>&nbsp;" +
+                  "<a href='#' class='button insert close'>" + locale.image.insert + "</a>" +
+                "</div>" +
+              "</div>" +
+              "<a class='button secondary" + size + "' data-wysihtml5-command='insertImage' title='" + locale.image.insert + "' tabindex='-1'><i class='fa fa-picture-o'></i></a>" +
+            "</li>";
+        },
+
+        "html": function(locale, options) {
+            var size = (options && options.size) ? ' '+options.size : '';
+            return "<li>" +
+              "<div class='button-group'>" +
+                "<a class='button secondary" + size + "' data-wysihtml5-action='change_view' title='" + locale.html.edit + "' tabindex='-1'><i class='fa fa-pencil'></i></a>" +
+              "</div>" +
+            "</li>";
+        },
+
+        "color": function(locale, options) {
+            var size = (options && options.size) ? ' '+options.size : '';
+            return "<li class='dropdown'>" +
+              "<a class='button secondary dropdown" + size + "' data-dropdown='drop_2' href='#' tabindex='-1'>" +
+                "<span class='current-color'>" + locale.colours.black + "</span>&nbsp;<b class='caret'></b>" +
+              "</a>" +
+              "<ul id='drop_2' data-dropdown-content class='f-dropdown'>" +
+                "<li><div class='wysihtml5-colors' data-wysihtml5-command-value='black'></div><a class='wysihtml5-colors-title' data-wysihtml5-command='foreColor' data-wysihtml5-command-value='black'>" + locale.colours.black + "</a></li>" +
+                "<li><div class='wysihtml5-colors' data-wysihtml5-command-value='silver'></div><a class='wysihtml5-colors-title' data-wysihtml5-command='foreColor' data-wysihtml5-command-value='silver'>" + locale.colours.silver + "</a></li>" +
+                "<li><div class='wysihtml5-colors' data-wysihtml5-command-value='gray'></div><a class='wysihtml5-colors-title' data-wysihtml5-command='foreColor' data-wysihtml5-command-value='gray'>" + locale.colours.gray + "</a></li>" +
+                "<li><div class='wysihtml5-colors' data-wysihtml5-command-value='maroon'></div><a class='wysihtml5-colors-title' data-wysihtml5-command='foreColor' data-wysihtml5-command-value='maroon'>" + locale.colours.maroon + "</a></li>" +
+                "<li><div class='wysihtml5-colors' data-wysihtml5-command-value='red'></div><a class='wysihtml5-colors-title' data-wysihtml5-command='foreColor' data-wysihtml5-command-value='red'>" + locale.colours.red + "</a></li>" +
+                "<li><div class='wysihtml5-colors' data-wysihtml5-command-value='purple'></div><a class='wysihtml5-colors-title' data-wysihtml5-command='foreColor' data-wysihtml5-command-value='purple'>" + locale.colours.purple + "</a></li>" +
+                "<li><div class='wysihtml5-colors' data-wysihtml5-command-value='green'></div><a class='wysihtml5-colors-title' data-wysihtml5-command='foreColor' data-wysihtml5-command-value='green'>" + locale.colours.green + "</a></li>" +
+                "<li><div class='wysihtml5-colors' data-wysihtml5-command-value='olive'></div><a class='wysihtml5-colors-title' data-wysihtml5-command='foreColor' data-wysihtml5-command-value='olive'>" + locale.colours.olive + "</a></li>" +
+                "<li><div class='wysihtml5-colors' data-wysihtml5-command-value='navy'></div><a class='wysihtml5-colors-title' data-wysihtml5-command='foreColor' data-wysihtml5-command-value='navy'>" + locale.colours.navy + "</a></li>" +
+                "<li><div class='wysihtml5-colors' data-wysihtml5-command-value='blue'></div><a class='wysihtml5-colors-title' data-wysihtml5-command='foreColor' data-wysihtml5-command-value='blue'>" + locale.colours.blue + "</a></li>" +
+                "<li><div class='wysihtml5-colors' data-wysihtml5-command-value='orange'></div><a class='wysihtml5-colors-title' data-wysihtml5-command='foreColor' data-wysihtml5-command-value='orange'>" + locale.colours.orange + "</a></li>" +
+              "</ul>" +
+            "</li>";
+        }
+    };
+
+    var templates = function(key, locale, options) {
+        return tpl[key](locale, options);
+    };
+
+
+    var Wysihtml5 = function(el, options) {
+        this.el = el;
+        var toolbarOpts = options || defaultOptions;
+        for(var t in toolbarOpts.customTemplates) {
+          tpl[t] = toolbarOpts.customTemplates[t];
+        }
+        this.toolbar = this.createToolbar(el, toolbarOpts);
+        this.editor =  this.createEditor(options);
+
+        window.editor = this.editor;
+
+        $('iframe.wysihtml5-sandbox').each(function(i, el){
+            $(el.contentWindow).off('focus.wysihtml5').on({
+                'focus.wysihtml5' : function(){
+                    $('li.dropdown ul[data-dropdown-content]').removeClass('open');
+                }
+            });
+        });
+    };
+
+    Wysihtml5.prototype = {
+
+        constructor: Wysihtml5,
+
+        createEditor: function(options) {
+            options = options || {};
+
+            // Add the toolbar to a clone of the options object so multiple instances
+            // of the WYISYWG don't break because "toolbar" is already defined
+            options = $.extend(true, {}, options);
+            options.toolbar = this.toolbar[0];
+
+            var editor = new wysi.Editor(this.el[0], options);
+
+            if(options && options.events) {
+                for(var eventName in options.events) {
+                    editor.on(eventName, options.events[eventName]);
+                }
+            }
+            return editor;
+        },
+
+        createToolbar: function(el, options) {
+            var self = this;
+            var toolbar = $("<ul/>", {
+                'class' : "wysihtml5-toolbar",
+                'style': "display:none"
+            });
+            var culture = options.locale || defaultOptions.locale || "en";
+            for(var key in defaultOptions) {
+                var value = false;
+
+                if(options[key] !== undefined) {
+                    if(options[key] === true) {
+                        value = true;
+                    }
+                } else {
+                    value = defaultOptions[key];
+                }
+
+                if(value === true) {
+                    toolbar.append(templates(key, locale[culture], options));
+
+                    if(key === "html") {
+                        this.initHtml(toolbar);
+                    }
+
+                    if(key === "link") {
+                        this.initInsertLink(toolbar);
+                    }
+
+                    if(key === "image") {
+                        this.initInsertImage(toolbar);
+                    }
+                }
+            }
+
+            if(options.toolbar) {
+                for(key in options.toolbar) {
+                    toolbar.append(options.toolbar[key]);
+                }
+            }
+
+            toolbar.find("a[data-wysihtml5-command='formatBlock']").click(function(e) {
+                var target = e.target || e.srcElement;
+                var el = $(target);
+                self.toolbar.find('.current-font').text(el.html());
+                el.parents('[data-dropdown-content]').foundation('dropdown', 'close', el.parents('[data-dropdown-content]'));
+            });
+
+            toolbar.find("a[data-wysihtml5-command='foreColor']").click(function(e) {
+                var target = e.target || e.srcElement;
+                var el = $(target);
+                self.toolbar.find('.current-color').text(el.html());
+                el.parents('[data-dropdown-content]').foundation('dropdown', 'close', el.parents('[data-dropdown-content]'));
+            });
+
+            this.el.before(toolbar);
+
+            return toolbar;
+        },
+
+        initHtml: function(toolbar) {
+            var changeViewSelector = "a[data-wysihtml5-action='change_view']";
+            toolbar.find(changeViewSelector).click(function(e) {
+                toolbar.find('a.button').not(changeViewSelector).toggleClass('disabled');
+            });
+        },
+
+        initInsertImage: function(toolbar) {
+            var self = this;
+            var insertImageModal = toolbar.find('.foundation-wysihtml5-insert-image-modal');
+            var urlInput = insertImageModal.find('.foundation-wysihtml5-insert-image-url');
+            var insertButton = insertImageModal.find('a.button.insert');
+            var initialValue = urlInput.val();
+            var caretBookmark;
+
+            var insertImage = function() {
+                var url = urlInput.val();
+                urlInput.val(initialValue);
+                self.editor.currentView.element.focus();
+                if (caretBookmark) {
+                  self.editor.composer.selection.setBookmark(caretBookmark);
+                  caretBookmark = null;
+                }
+                self.editor.composer.commands.exec("insertImage", url);
+            };
+
+            urlInput.keypress(function(e) {
+                if(e.which == 13) {
+                    insertImage();
+                    insertImageModal.foundation('reveal', 'close');
+                }
+            });
+
+            insertButton.click(insertImage);
+
+            insertImageModal.on('shown', function() {
+                urlInput.focus();
+            });
+
+            insertImageModal.on('hide', function() {
+                self.editor.currentView.element.focus();
+            });
+
+            toolbar.find('a[data-wysihtml5-command=insertImage]').click(function() {
+                var activeButton = $(this).hasClass("wysihtml5-command-active");
+
+                if (!activeButton) {
+                    self.editor.currentView.element.focus(false);
+                    caretBookmark = self.editor.composer.selection.getBookmark();
+                    insertImageModal.foundation('reveal', 'open');
+                    insertImageModal.on('click', '.close', function(e) {
+                      insertImageModal.foundation('reveal', 'close');
+                      e.preventDefault();
+                    });
+                    return false;
+                }
+                else {
+                    return true;
+                }
+            });
+        },
+
+        initInsertLink: function(toolbar) {
+            var self = this;
+            var insertLinkModal = toolbar.find('.foundation-wysihtml5-insert-link-modal');
+            var urlInput = insertLinkModal.find('.foundation-wysihtml5-insert-link-url');
+            var targetInput = insertLinkModal.find('.foundation-wysihtml5-insert-link-target');
+            var insertButton = insertLinkModal.find('a.button.insert');
+            var initialValue = urlInput.val();
+            var caretBookmark;
+
+            var insertLink = function() {
+                var url = urlInput.val();
+                urlInput.val(initialValue);
+                self.editor.currentView.element.focus();
+                if (caretBookmark) {
+                  self.editor.composer.selection.setBookmark(caretBookmark);
+                  caretBookmark = null;
+                }
+
+                var newWindow = targetInput.prop("checked");
+                self.editor.composer.commands.exec("createLink", {
+                    'href' : url,
+                    'target' : (newWindow ? '_blank' : '_self'),
+                    'rel' : (newWindow ? 'nofollow' : '')
+                });
+            };
+            var pressedEnter = false;
+
+            urlInput.keypress(function(e) {
+                if(e.which == 13) {
+                    insertLink();
+                    insertLinkModal.foundation('reveal', 'close');
+                }
+            });
+
+            insertButton.click(insertLink);
+
+            insertLinkModal.on('shown', function() {
+                urlInput.focus();
+            });
+
+            insertLinkModal.on('hide', function() {
+                self.editor.currentView.element.focus();
+            });
+
+            toolbar.find('a[data-wysihtml5-command=createLink]').click(function() {
+                var activeButton = $(this).hasClass("wysihtml5-command-active");
+
+                if (!activeButton) {
+                    self.editor.currentView.element.focus(false);
+                    caretBookmark = self.editor.composer.selection.getBookmark();
+                    insertLinkModal.foundation('reveal', 'open');
+                    insertLinkModal.on('click', '.close', function(e) {
+                        insertLinkModal.foundation('reveal', 'close')
+                        e.preventDefault();
+                    });
+                    return false;
+                }
+                else {
+                    return true;
+                }
+            });
+        }
+    };
+
+    // these define our public api
+    var methods = {
+        resetDefaults: function() {
+            $.fn.wysihtml5.defaultOptions = $.extend(true, {}, $.fn.wysihtml5.defaultOptionsCache);
+        },
+        bypassDefaults: function(options) {
+            return this.each(function () {
+                var $this = $(this);
+                $this.data('wysihtml5', new Wysihtml5($this, options));
+            });
+        },
+        shallowExtend: function (options) {
+            var settings = $.extend({}, $.fn.wysihtml5.defaultOptions, options || {}, $(this).data());
+            var that = this;
+            return methods.bypassDefaults.apply(that, [settings]);
+        },
+        deepExtend: function(options) {
+            var settings = $.extend(true, {}, $.fn.wysihtml5.defaultOptions, options || {});
+            var that = this;
+            return methods.bypassDefaults.apply(that, [settings]);
+        },
+        init: function(options) {
+            var that = this;
+            return methods.shallowExtend.apply(that, [options]);
+        }
+    };
+
+    $.fn.wysihtml5 = function ( method ) {
+        if ( methods[method] ) {
+            return methods[method].apply( this, Array.prototype.slice.call( arguments, 1 ));
+        } else if ( typeof method === 'object' || ! method ) {
+            return methods.init.apply( this, arguments );
+        } else {
+            $.error( 'Method ' +  method + ' does not exist on jQuery.wysihtml5' );
+        }
+    };
+
+    $.fn.wysihtml5.Constructor = Wysihtml5;
+
+    var defaultOptions = $.fn.wysihtml5.defaultOptions = {
+        "font-styles": true,
+        "color": false,
+        "emphasis": true,
+        "lists": true,
+        "html": false,
+        "link": true,
+        "image": true,
+        events: {},
+        parserRules: {
+            classes: {
+                // (path_to_project/lib/css/wysiwyg-color.css)
+                "wysiwyg-color-silver" : 1,
+                "wysiwyg-color-gray" : 1,
+                "wysiwyg-color-white" : 1,
+                "wysiwyg-color-maroon" : 1,
+                "wysiwyg-color-red" : 1,
+                "wysiwyg-color-purple" : 1,
+                "wysiwyg-color-fuchsia" : 1,
+                "wysiwyg-color-green" : 1,
+                "wysiwyg-color-lime" : 1,
+                "wysiwyg-color-olive" : 1,
+                "wysiwyg-color-yellow" : 1,
+                "wysiwyg-color-navy" : 1,
+                "wysiwyg-color-blue" : 1,
+                "wysiwyg-color-teal" : 1,
+                "wysiwyg-color-aqua" : 1,
+                "wysiwyg-color-orange" : 1
+            },
+            tags: {
+                "b":  {},
+                "i":  {},
+                "br": {},
+                "ol": {},
+                "ul": {},
+                "li": {},
+                "h1": {},
+                "h2": {},
+                "h3": {},
+                "h4": {},
+                "h5": {},
+                "h6": {},
+                "blockquote": {},
+                "u": 1,
+                "img": {
+                    "check_attributes": {
+                        "width": "numbers",
+                        "alt": "alt",
+                        "src": "url",
+                        "height": "numbers"
+                    }
+                },
+                "a":  {
+                    check_attributes: {
+                        'href': "url", // important to avoid XSS
+                        'target': 'alt',
+                        'rel': 'alt'
+                    }
+                },
+                "span": 1,
+                "div": 1,
+                // to allow save and edit files with code tag hacks
+                "code": 1,
+                "pre": 1
+            }
+        },
+        stylesheets: ["<%= stylesheet_path('foundation-wysihtml5/wysiwyg-color.css') %>"], // (path_to_project/lib/css/wysiwyg-color.css)
+        locale: "en"
+    };
+
+    if (typeof $.fn.wysihtml5.defaultOptionsCache === 'undefined') {
+        $.fn.wysihtml5.defaultOptionsCache = $.extend(true, {}, $.fn.wysihtml5.defaultOptions);
+    }
+
+    var locale = $.fn.wysihtml5.locale = {
+        en: {
+            font_styles: {
+                normal: "Normal text",
+                h1: "Heading 1",
+                h2: "Heading 2",
+                h3: "Heading 3",
+                h4: "Heading 4",
+                h5: "Heading 5",
+                h6: "Heading 6"
+            },
+            emphasis: {
+                bold: "Bold",
+                italic: "Italic",
+                underline: "Underline"
+            },
+            lists: {
+                unordered: "Unordered list",
+                ordered: "Ordered list",
+                outdent: "Outdent",
+                indent: "Indent"
+            },
+            link: {
+                insert: "Insert link",
+                cancel: "Cancel",
+                target: "Open link in new window"
+            },
+            image: {
+                insert: "Insert image",
+                cancel: "Cancel"
+            },
+            html: {
+                edit: "Edit HTML"
+            },
+            colours: {
+                black: "Black",
+                silver: "Silver",
+                gray: "Grey",
+                maroon: "Maroon",
+                red: "Red",
+                purple: "Purple",
+                green: "Green",
+                olive: "Olive",
+                navy: "Navy",
+                blue: "Blue",
+                orange: "Orange"
+            }
+        }
+    };
+
+}(window.jQuery, window.wysihtml5);