markdown-toolbar 0.0.1

data/.gitignore

@@ -0,0 +1,5 @@
+*.gem
+.bundle
+Gemfile.lock
+.DS_Store
+pkg/*

data/Gemfile

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

data/README.rdoc

@@ -0,0 +1,29 @@
+= Markdown Toolbar
+
+Markdown Toolbar is an lightweight helper buttons that appear over textarea
+
+
+== Installation
+
+In <b>Rails 3.1</b>, add this to your Gemfile and run the +bundle+ command.
+
+  gem "markdown-toolbar"
+
+Alternatively, you can install it as a plugin.
+
+  rails plugin install git://github.com/fuksito/markdown-toolbar.git
+
+
+== Getting Started
+
+Markdown Toolbar requires you to add such lines to your application.js
+
+  //= require jquery-fieldselection
+  //= require markdown-toolbar
+
+and to application.css
+  *= require markdown-toolbar
+  
+Then you can add toolbar to any textarea by adding a class +markdown-toolbar+ to it
+
+  <%= f.text_area :text, :size => '90x30', :class => "markdown-toolbar" %>

data/Rakefile

@@ -0,0 +1 @@
+require "bundler/gem_tasks"

data/lib/markdown-toolbar/version.rb

@@ -0,0 +1,5 @@
+module Markdown
+  module Toolbar
+    VERSION = "0.0.1"
+  end
+end

data/lib/markdown-toolbar.rb

@@ -0,0 +1,7 @@
+require "markdown-toolbar/version"
+
+module Markdown
+  module Toolbar
+    # Your code goes here...
+  end
+end

data/markdown-toolbar.gemspec

@@ -0,0 +1,21 @@
+# -*- encoding: utf-8 -*-
+$:.push File.expand_path("../lib", __FILE__)
+require "markdown-toolbar/version"
+
+Gem::Specification.new do |s|
+  s.name        = "markdown-toolbar"
+  s.version     = Markdown::Toolbar::VERSION
+  s.authors     = ["Vitaliy Yanchuk"]
+  s.email       = ["fuksito@gmail.com"]
+  s.homepage    = ""
+  s.summary     = %q{ Wrapper to help add markdown syntax into textarea }
+  s.description = %q{ Helps with markdown editing }
+
+  s.files         = `git ls-files`.split("\n")
+  s.test_files    = `git ls-files -- {test,spec,features}/*`.split("\n")
+  s.executables   = `git ls-files -- bin/*`.split("\n").map{ |f| File.basename(f) }
+  s.require_paths = ["lib"]
+
+  s.add_development_dependency 'rails', '~> 3.1.0'
+  s.rubyforge_project = s.name
+end

data/vendor/assets/javascripts/jquery-fieldselection.js

@@ -0,0 +1,83 @@
+/*
+ * jQuery plugin: fieldSelection - v0.1.0 - last change: 2006-12-16
+ * (c) 2006 Alex Brem <alex@0xab.cd> - http://blog.0xab.cd
+ */
+
+(function() {
+
+	var fieldSelection = {
+
+		getSelection: function() {
+
+			var e = this.jquery ? this[0] : this;
+
+			return (
+
+				/* mozilla / dom 3.0 */
+				('selectionStart' in e && function() {
+					var l = e.selectionEnd - e.selectionStart;
+					return { start: e.selectionStart, end: e.selectionEnd, length: l, text: e.value.substr(e.selectionStart, l) };
+				}) ||
+
+				/* exploder */
+				(document.selection && function() {
+
+					e.focus();
+
+					var r = document.selection.createRange();
+					if (r == null) {
+						return { start: 0, end: e.value.length, length: 0 }
+					}
+
+					var re = e.createTextRange();
+					var rc = re.duplicate();
+					re.moveToBookmark(r.getBookmark());
+					rc.setEndPoint('EndToStart', re);
+
+					return { start: rc.text.length, end: rc.text.length + r.text.length, length: r.text.length, text: r.text };
+				}) ||
+
+				/* browser not supported */
+				function() {
+					return { start: 0, end: e.value.length, length: 0 };
+				}
+
+			)();
+
+		},
+
+		replaceSelection: function() {
+
+			var e = this.jquery ? this[0] : this;
+			var text = arguments[0] || '';
+
+			return (
+
+				/* mozilla / dom 3.0 */
+				('selectionStart' in e && function() {
+					e.value = e.value.substr(0, e.selectionStart) + text + e.value.substr(e.selectionEnd, e.value.length);
+					return this;
+				}) ||
+
+				/* exploder */
+				(document.selection && function() {
+					e.focus();
+					document.selection.createRange().text = text;
+					return this;
+				}) ||
+
+				/* browser not supported */
+				function() {
+					e.value += text;
+					return this;
+				}
+
+			)();
+
+		}
+
+	};
+
+	jQuery.each(fieldSelection, function(i) { jQuery.fn[i] = this; });
+
+})();

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

@@ -0,0 +1,97 @@
+$ ->
+  for textarea in $(".markdown-toolbar")
+    new MarkdownToolbar $(textarea)
+  
+  
+class MarkdownToolbar
+  constructor: (@textarea) ->
+    this.add_toolbar()
+
+  add_toolbar: ->
+    @textarea.before "<div class='markdown-toolbar-panel'><div class='mdt_buttons'></div></div>"
+    @panel = @textarea.prev ".markdown-toolbar-panel"
+    
+    @panel.css        "width", @textarea.css('width')
+    
+    @textarea.css "margin-top",    0
+    
+    for pos_type in ["margin", "padding"]
+      for pos in ['left', 'right']
+          @panel.css "#{pos_type}-#{pos}", @textarea.css("#{pos_type}-#{pos}")
+    
+    this.fill_buttons()
+
+  add_button: (button_id, title, tagStart, tagEnd) ->
+    $(".mdt_buttons", @panel).append "<div class='mdt_button mdt_button_#{button_id}' title='#{title}'></div>"
+    $(".mdt_button_#{button_id}", @panel).bind 'click', (event) =>
+      switch button_id
+        when "bold", "italic", "heading_2", "heading_3"
+          this.perform_insert_tag(button_id, tagStart, tagEnd)
+        when "list_numbers", "list_bullets"
+          this.perform_insert_list(button_id)
+        when "image"
+          this.perform_insert_image()
+        when "link"
+          this.perform_insert_link()
+
+  perform_insert_tag: (button_id, tagStart, tagEnd = '') ->
+    the_text   = this.selected_text()
+    the_text ||= "#{button_id} text"
+    lines = the_text.split("\n")
+    final_text = ""
+    i = 0
+    for line in lines
+      i++
+      final_text += "#{tagStart}#{line}#{tagEnd}"
+      final_text += "\n" if i < lines.length
+        
+    @textarea.replaceSelection( final_text , true )
+  
+  perform_insert_list: (button_id) ->
+    the_text   = this.selected_text()
+    the_text ||= "Apple\nBananna\nOrange"
+    lines = the_text.split("\n")
+    final_text = ""
+    i = 0
+    tagStart = "-"
+    for line in lines
+      i++
+      tagStart = "#{i}." if button_id == 'list_numbers'
+      final_text += "#{tagStart} #{line}"
+      final_text += "\n" if i < lines.length
+
+    @textarea.replaceSelection( final_text , true )
+
+  perform_insert_image: ->
+    the_text   = this.selected_text()
+    if the_text.length > 0 && (the_text.substr(0,7) == 'http://' || the_text.substr(0,7) == 'https:/')
+        the_text = "[alt text](#{the_text})"
+    else
+      the_text = "![alt text](http://path/to/img.jpg)"
+
+    @textarea.replaceSelection( the_text , true )
+
+  perform_insert_link: ->
+    the_text  = this.selected_text()
+    if the_text.length > 0
+      if the_text.substr(0,7) == 'http://' || the_text.substr(0,7) == 'https:/'
+        the_text = "[#{the_text}](#{the_text})"
+      else
+        the_text = "[#{the_text}](http://...)"
+    else
+      the_text = "[example link](http://example.com/)"
+      
+    @textarea.replaceSelection( the_text , true )      
+    
+  selected_text: ->
+    @textarea.getSelection().text
+    
+  fill_buttons: ->
+    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"    

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

@@ -0,0 +1,38 @@
+.markdown-toolbar-panel {
+  height:20px;
+  border:1px solid #aaa;
+  background: #fafafa;
+}
+.markdown-toolbar-panel {
+  margin-bottom:0;
+  border-bottom:0;  
+}
+.markdown-upload-panel {
+  margin-top:0;
+  border-top:0;
+  padding:5px;
+}
+
+.mdt_buttons {
+  width:auto;
+  display:inline-block;
+  margin-top:2px;
+  margin-bottom:2px;  
+}
+
+.mdt_button {
+  width:16px;
+  height:16px;
+  cursor:pointer;
+  display:inline-block;
+  float:left;
+  margin-left:2px;
+}
+<% %w{ bold italic strike list_bullets list_numbers heading_2 heading_3 link image}.each_with_index do |button, index| %>
+.mdt_button_<%= button %> {
+  background: url('/assets/text_<%= button %>.png');
+  &:active{
+    background-position: 1px 1px;
+  }
+}
+<% end %>

metadata

@@ -0,0 +1,91 @@
+--- !ruby/object:Gem::Specification 
+name: markdown-toolbar
+version: !ruby/object:Gem::Version 
+  prerelease: 
+  version: 0.0.1
+platform: ruby
+authors: 
+- Vitaliy Yanchuk
+autorequire: 
+bindir: bin
+cert_chain: []
+
+date: 2011-08-29 00:00:00 +03:00
+default_executable: 
+dependencies: 
+- !ruby/object:Gem::Dependency 
+  name: rails
+  prerelease: false
+  requirement: &id001 !ruby/object:Gem::Requirement 
+    none: false
+    requirements: 
+    - - ~>
+      - !ruby/object:Gem::Version 
+        version: 3.1.0
+  type: :development
+  version_requirements: *id001
+description: " Helps with markdown editing "
+email: 
+- fuksito@gmail.com
+executables: []
+
+extensions: []
+
+extra_rdoc_files: []
+
+files: 
+- .gitignore
+- Gemfile
+- README.rdoc
+- Rakefile
+- lib/markdown-toolbar.rb
+- lib/markdown-toolbar/version.rb
+- markdown-toolbar.gemspec
+- vendor/.DS_Store
+- vendor/assets/.DS_Store
+- vendor/assets/images/.DS_Store
+- vendor/assets/images/markdown-toolbar.png
+- vendor/assets/images/text_bold.png
+- vendor/assets/images/text_heading_1.png
+- vendor/assets/images/text_heading_2.png
+- vendor/assets/images/text_heading_3.png
+- vendor/assets/images/text_image.png
+- vendor/assets/images/text_italic.png
+- vendor/assets/images/text_link.png
+- vendor/assets/images/text_list_bullets.png
+- vendor/assets/images/text_list_numbers.png
+- vendor/assets/images/text_strike.png
+- vendor/assets/images/text_underline.png
+- vendor/assets/javascripts/jquery-fieldselection.js
+- vendor/assets/javascripts/markdown-toolbar.coffee
+- vendor/assets/stylesheets/markdown-toolbar.scss.erb
+has_rdoc: true
+homepage: ""
+licenses: []
+
+post_install_message: 
+rdoc_options: []
+
+require_paths: 
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement 
+  none: false
+  requirements: 
+  - - ">="
+    - !ruby/object:Gem::Version 
+      version: "0"
+required_rubygems_version: !ruby/object:Gem::Requirement 
+  none: false
+  requirements: 
+  - - ">="
+    - !ruby/object:Gem::Version 
+      version: "0"
+requirements: []
+
+rubyforge_project: markdown-toolbar
+rubygems_version: 1.6.2
+signing_key: 
+specification_version: 3
+summary: Wrapper to help add markdown syntax into textarea
+test_files: []
+