markdown-toolbar 0.1.3 → 0.2.3

data/Changes.markdown

@@ -1,3 +1,9 @@
+0.2.1
+=====
+* Seperated buttons into config file
+* Generalized button callbacks, so can create new buttons in config file
+* Generators to copy js/css files for customization
+
 0.1.2
 =====
 * If textarea is resized the toolbar will also be resized

data/README.markdown

@@ -3,7 +3,8 @@ Markdown Toolbar
 
 Markdown Toolbar is an lightweight helper buttons that appear over textarea
 
-![image](http://www.vitalik.com.ua/images/markdown-toolbar.png)
+[![image](http://www.vitalik.com.ua/images/markdown-toolbar.png)](http://www.vitalik.com.ua/markdown-toolbar/)
+
 
 Try a demonstration [demonstration](http://www.vitalik.com.ua/markdown-toolbar/)
 
@@ -11,7 +12,7 @@ Try a demonstration [demonstration](http://www.vitalik.com.ua/markdown-toolbar/)
 Installation
 ------------
 
-In `Rails 3.1`, add this to your Gemfile and run the +bundle+ command.
+In `Rails 3.1`, add this to your Gemfile and run the **bundle** command.
 
     gem "markdown-toolbar"
 
@@ -31,6 +32,18 @@ and to application.css
 
     *= require markdown-toolbar
   
-Then you can add toolbar to any textarea by adding a class +markdown-toolbar+ to it
+Then you can add toolbar to any textarea by adding a class **markdown-toolbar** to it
 
     <%= f.text_area :text, :class => "markdown-toolbar" %>
+
+
+Customizing
+-----------
+
+You can customize order, remove or add new buttons by copying markdown-toolbar-buttonsjs file into your project, there are rails generator to do it:
+
+    rails generator markdown_toolbar:copy_buttons
+
+Yo customize stylesheet run:
+
+    rails generator markdown_toolbar:copy_css

data/lib/generators/markdown_toolbar/copy_buttons_generator.rb

@@ -0,0 +1,13 @@
+module MarkdownToolbar
+  class CopyButtonsGenerator < ::Rails::Generators::Base
+
+    source_root File.expand_path('../../../../vendor/assets', __FILE__)    
+    desc "Copies toolbar-buttons.js so you can create new buttons or reorder them"
+    
+    def copy_buttons
+      say_status("copying", "markdown-toolbar-buttons.js", :green)
+      copy_file "javascripts/markdown-toolbar-buttons.js", "public/javascripts/markdown-toolbar-buttons.js"
+    end
+    
+  end
+end

data/lib/generators/markdown_toolbar/copy_css_generator.rb

@@ -0,0 +1,13 @@
+module MarkdownToolbar
+  class CopyCssGenerator < ::Rails::Generators::Base
+        
+    desc "Copies style file for customization"
+    source_root File.expand_path('../../../../vendor/assets', __FILE__)
+
+    def copy_css
+      say_status("copying", "markdown-toolbar.css.erb", :green)
+      copy_file "stylesheets/markdown-toolbar.css.erb", "public/javascripts/markdown-toolbar.css.erb"
+    end
+
+  end
+end

data/lib/markdown-toolbar.rb

@@ -1,8 +1,6 @@
 require "markdown-toolbar/version"
 require "markdown-toolbar/engine"
 
-module Markdown
-  module Toolbar
-    require 'markdown-toolbar/engine'
-  end
+module MarkdownToolbar
+  require 'markdown-toolbar/engine'
 end

data/lib/markdown-toolbar/engine.rb

@@ -1,6 +1,4 @@
-module Markdown
-  module Toolbar
+module MarkdownToolbar
     class Engine < ::Rails::Engine
     end
-  end
 end

data/lib/markdown-toolbar/version.rb

@@ -1,5 +1,3 @@
-module Markdown
-  module Toolbar
-    VERSION = "0.1.3"
-  end
+module MarkdownToolbar
+  VERSION = "0.2.3"
 end

data/markdown-toolbar.gemspec

@@ -4,7 +4,7 @@ require "markdown-toolbar/version"
 
 Gem::Specification.new do |s|
   s.name        = "markdown-toolbar"
-  s.version     = Markdown::Toolbar::VERSION
+  s.version     = MarkdownToolbar::VERSION
   s.authors     = ["Vitaliy Yanchuk"]
   s.email       = ["fuksito@gmail.com"]
   s.homepage    = ""

data/vendor/assets/javascripts/markdown-toolbar-buttons.js

@@ -0,0 +1,17 @@
+MarkdownToolbar.buttons = [
+  {title: 'Bold',          type: 'wrapper',  left: '**', right: '**', id: 'bold'},
+  {title: 'Italic',        type: 'wrapper',  left: '*',  right: '*',  id: 'italic'},
+  {id: 'delimiter'},
+  {title: 'H1',            type: 'wrapper',  left: '# ', right: ' #', id: 'heading_1'},
+  {title: 'H2',            type: 'wrapper',  left: '# ', right: ' #', id: 'heading_2'},
+  {title: 'H3',            type: 'wrapper',  left: '# ', right: ' #', id: 'heading_3'},
+  {id: 'delimiter'},
+  {title: 'Bulleted list', type: 'prefixer', left: '- ',              id: 'list_bullets'},
+  {title: 'Numbered list', type: 'list_numbers', id: 'list_numbers'},  
+  {title: 'Blockquote',    type: 'prefixer', left: '> ',              id: 'blockquote'},
+  // Code:
+  {title: 'Source Code',   type: 'block_wrapper',   left: "```\n", right: "\n```", id: 'code'},  
+  {id: 'delimiter'},
+  {title: 'Image',         type: 'image',        id: 'image'},
+  {title: 'Link',          type: 'link',         id: 'link'},
+];

data/vendor/assets/javascripts/{toolbar.js → markdown-toolbar-core.js}

@@ -14,7 +14,6 @@ function MarkdownToolbar(textarea){
     this.add_resizer();
   }  
   
-  
   this.add_toolbar = function(){
     this.textarea.before("<div class='markdown-toolbar-panel'><div class='mdt_buttons'></div></div>");
     this.panel = this.textarea.prev(".markdown-toolbar-panel");
@@ -31,32 +30,31 @@ function MarkdownToolbar(textarea){
   }
 
   this.fill_buttons = function(){
-    this.add_button("bold",   "Bold",   "**", "**");
-    this.add_button("italic", "Italic", "*", "*");
-    this.add_button("heading_2",   "Sub title",   "\n## ", " ##\n");
-    this.add_button("heading_3", "Sub-sub title", "\n### ", " ###\n" );
-    this.add_button("list_bullets", "Bulleted list");
-    this.add_button("list_numbers", "Numbered list");
-    this.add_button("image", "Insert Image");
-    this.add_button("link", "Insert Link");
+    $(MarkdownToolbar.buttons).each(function(i, v){
+      $this.add_button_image(v.title, v.id);
+      $this.bind_action(v);
+    });
   }
 
-  this.add_button = function(button_id, title, tagStart, tagEnd){
+  this.add_button_image = function(title, button_id){
     $(".mdt_buttons", this.panel).append("<div class='mdt_button mdt_button_" + button_id + "' title='"+ title + "'></div>");
-    $(".mdt_button_" + button_id, this.panel).bind('click', function(event) {
-      switch(button_id){
-        case "bold":
-        case "italic":
-        case "heading_2":
-        case "heading_3":
-          $this.perform_insert_tag(button_id, tagStart, tagEnd);
-          break;
+  }
 
+  this.bind_action = function(options){
+    $(".mdt_button_" + options.id, this.panel).bind('click', function(event) {
+      switch(options.type){
+        case 'wrapper':
+          $this.perform_insert_line_wrapper(options.id, options.left, options.right);
+          break;
+        case 'block_wrapper':
+          $this.perform_insert_block_wrapper(options.id, options.left, options.right);
+          break;        
+        case 'prefixer':
+          $this.perform_insert_prefixer(options.id, options.left); // todo
+          break;
         case "list_numbers":
-        case "list_bullets":
-          $this.perform_insert_list(button_id)
+          $this.perform_insert_list(options.id)
           break;
-
         case "image":
           $this.perform_insert_image();
           break;
@@ -67,8 +65,7 @@ function MarkdownToolbar(textarea){
     });
   }
 
-
-  this.perform_insert_tag = function(button_id, tagStart, tagEnd){
+  this.perform_insert_line_wrapper = function(button_id, tagStart, tagEnd){
     
     var the_text = $this.selected_text();
 
@@ -91,6 +88,20 @@ function MarkdownToolbar(textarea){
     $this.textarea.focus();
   }
 
+  this.perform_insert_block_wrapper = function(button_id, top, bottom){
+    
+    var the_text = $this.selected_text();
+
+    if(the_text.length == 0){
+     the_text = "" + button_id + " text";
+    }
+
+    var final_text = top + the_text + bottom;
+
+    $this.textarea.replaceSelection( final_text , true );
+    $this.textarea.focus();
+  }
+
   this.selected_text = function(){
     return this.textarea.getSelection().text;
   }
@@ -121,6 +132,26 @@ function MarkdownToolbar(textarea){
     $this.textarea.focus();
   }
 
+  this.perform_insert_prefixer = function(button_id, left) {
+    var the_text   = this.selected_text();
+    if (the_text.length == 0){
+      the_text = "Apple\nBananna\nOrange"
+    }
+
+    var lines = the_text.split("\n");
+    var final_text = ""
+
+    $(lines).each(function(i, line){
+
+      final_text += left + line;
+      if (i < lines.length){
+        final_text += "\n";
+      }
+    });
+
+    $this.textarea.replaceSelection( final_text , true );
+    $this.textarea.focus();
+  }
 
   this.perform_insert_image = function(){
     var the_text   = this.selected_text()

data/vendor/assets/javascripts/markdown-toolbar.js

@@ -1,2 +1,3 @@
 //= require jquery-fieldselection
-//= require toolbar.js
+//= require markdown-toolbar-core.js
+//= require markdown-toolbar-buttons.js

data/vendor/assets/stylesheets/markdown-toolbar.css.erb

@@ -30,14 +30,7 @@
   margin-left:2px;
 }
 
-/* Check this out:
-
-<%= self.class.ancestors %>
-
-<%= self.public_methods.inspect %>
-*/
-
-<% %w{ bold italic strike list_bullets list_numbers heading_2 heading_3 link image}.each_with_index do |button, index| %>
+<% %w{ delimiter code blockquote bold italic strike list_bullets list_numbers heading_1 heading_2 heading_3 link image}.each_with_index do |button, index| %>
 .mdt_button_<%= button %> {
   background: url( <%= asset_path "text_#{button}.png" %>);
 }

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: markdown-toolbar
 version: !ruby/object:Gem::Version
-  version: 0.1.3
+  version: 0.2.3
   prerelease: 
 platform: ruby
 authors:
@@ -9,7 +9,7 @@ authors:
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2012-11-28 00:00:00.000000000 Z
+date: 2012-12-11 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: sprockets
@@ -55,6 +55,8 @@ files:
 - Gemfile
 - README.markdown
 - Rakefile
+- lib/generators/markdown_toolbar/copy_buttons_generator.rb
+- lib/generators/markdown_toolbar/copy_css_generator.rb
 - lib/markdown-toolbar.rb
 - lib/markdown-toolbar/engine.rb
 - lib/markdown-toolbar/version.rb
@@ -64,8 +66,13 @@ files:
 - vendor/.DS_Store
 - vendor/assets/.DS_Store
 - vendor/assets/images/.DS_Store
+- vendor/assets/images/button.psd
 - vendor/assets/images/markdown-toolbar.png
+- vendor/assets/images/text_blockquote.png
 - vendor/assets/images/text_bold.png
+- vendor/assets/images/text_code.png
+- vendor/assets/images/text_delimiter.png
+- vendor/assets/images/text_empty.png
 - vendor/assets/images/text_heading_1.png
 - vendor/assets/images/text_heading_2.png
 - vendor/assets/images/text_heading_3.png
@@ -77,8 +84,9 @@ files:
 - vendor/assets/images/text_strike.png
 - vendor/assets/images/text_underline.png
 - vendor/assets/javascripts/jquery-fieldselection.js
+- vendor/assets/javascripts/markdown-toolbar-buttons.js
+- vendor/assets/javascripts/markdown-toolbar-core.js
 - vendor/assets/javascripts/markdown-toolbar.js
-- vendor/assets/javascripts/toolbar.js
 - vendor/assets/stylesheets/markdown-toolbar.css.erb
 homepage: ''
 licenses: []