radiant-filter_toolbars-extension 0.5.0

data/README.md

@@ -0,0 +1,35 @@
+#Filter Toolbars
+
+Adds a textile or markdown WYSIWYG filter to the admin textareas using Control.TextArea [http://livepipe.net/control/textarea]
+
+If the Clipped asset manager extension is installed then the image button will launch the assets manager.
+
+
+## TODO
+
+- Disable toolbar when selecting <none>
+- Refactor duplicated filter funtions
+- Implement SmartyPants
+
+
+## Installation
+
+This has only been tested on Radiant v1.0.0 +
+
+Install as a gem :
+
+```
+gem install radiant-filter_toolbars-extension
+```
+
+Include the gem in your environment.rb :
+
+```
+config.gem 'radiant-filter_toolbars-extension', :version => '~>1.0.0'
+```
+
+Run the update task :
+
+```
+rake radiant:extensions:filter_toolbars:update
+```

data/Rakefile

@@ -0,0 +1,109 @@
+# Determine where the RSpec plugin is by loading the boot
+unless defined? RADIANT_ROOT
+  ENV["RAILS_ENV"] = "test"
+  case
+  when ENV["RADIANT_ENV_FILE"]
+    require File.dirname(ENV["RADIANT_ENV_FILE"]) + "/boot"
+  when File.dirname(__FILE__) =~ %r{vendor/radiant/vendor/extensions}
+    require "#{File.expand_path(File.dirname(__FILE__) + "/../../../../../")}/config/boot"
+  else
+    require "#{File.expand_path(File.dirname(__FILE__) + "/../../../")}/config/boot"
+  end
+end
+
+require 'rake'
+require 'rake/rdoctask'
+require 'rake/testtask'
+
+rspec_base = File.expand_path(RADIANT_ROOT + '/vendor/plugins/rspec/lib')
+$LOAD_PATH.unshift(rspec_base) if File.exist?(rspec_base)
+require 'spec/rake/spectask'
+require 'cucumber'
+require 'cucumber/rake/task'
+
+# Cleanup the RADIANT_ROOT constant so specs will load the environment
+Object.send(:remove_const, :RADIANT_ROOT)
+
+extension_root = File.expand_path(File.dirname(__FILE__))
+
+task :default => [:spec, :features]
+task :stats => "spec:statsetup"
+
+desc "Run all specs in spec directory"
+Spec::Rake::SpecTask.new(:spec) do |t|
+  t.spec_opts = ['--options', "\"#{extension_root}/spec/spec.opts\""]
+  t.spec_files = FileList['spec/**/*_spec.rb']
+end
+
+task :features => 'spec:integration'
+
+namespace :spec do
+  desc "Run all specs in spec directory with RCov"
+  Spec::Rake::SpecTask.new(:rcov) do |t|
+    t.spec_opts = ['--options', "\"#{extension_root}/spec/spec.opts\""]
+    t.spec_files = FileList['spec/**/*_spec.rb']
+    t.rcov = true
+    t.rcov_opts = ['--exclude', 'spec', '--rails']
+  end
+  
+  desc "Print Specdoc for all specs"
+  Spec::Rake::SpecTask.new(:doc) do |t|
+    t.spec_opts = ["--format", "specdoc", "--dry-run"]
+    t.spec_files = FileList['spec/**/*_spec.rb']
+  end
+
+  [:models, :controllers, :views, :helpers].each do |sub|
+    desc "Run the specs under spec/#{sub}"
+    Spec::Rake::SpecTask.new(sub) do |t|
+      t.spec_opts = ['--options', "\"#{extension_root}/spec/spec.opts\""]
+      t.spec_files = FileList["spec/#{sub}/**/*_spec.rb"]
+    end
+  end
+  
+  desc "Run the Cucumber features"
+  Cucumber::Rake::Task.new(:integration) do |t|
+    t.fork = true
+    t.cucumber_opts = ['--format', (ENV['CUCUMBER_FORMAT'] || 'pretty')]
+    # t.feature_pattern = "#{extension_root}/features/**/*.feature"
+    t.profile = "default"
+  end
+
+  # Setup specs for stats
+  task :statsetup do
+    require 'code_statistics'
+    ::STATS_DIRECTORIES << %w(Model\ specs spec/models)
+    ::STATS_DIRECTORIES << %w(View\ specs spec/views)
+    ::STATS_DIRECTORIES << %w(Controller\ specs spec/controllers)
+    ::STATS_DIRECTORIES << %w(Helper\ specs spec/views)
+    ::CodeStatistics::TEST_TYPES << "Model specs"
+    ::CodeStatistics::TEST_TYPES << "View specs"
+    ::CodeStatistics::TEST_TYPES << "Controller specs"
+    ::CodeStatistics::TEST_TYPES << "Helper specs"
+    ::STATS_DIRECTORIES.delete_if {|a| a[0] =~ /test/}
+  end
+
+  namespace :db do
+    namespace :fixtures do
+      desc "Load fixtures (from spec/fixtures) into the current environment's database.  Load specific fixtures using FIXTURES=x,y"
+      task :load => :environment do
+        require 'active_record/fixtures'
+        ActiveRecord::Base.establish_connection(RAILS_ENV.to_sym)
+        (ENV['FIXTURES'] ? ENV['FIXTURES'].split(/,/) : Dir.glob(File.join(RAILS_ROOT, 'spec', 'fixtures', '*.{yml,csv}'))).each do |fixture_file|
+          Fixtures.create_fixtures('spec/fixtures', File.basename(fixture_file, '.*'))
+        end
+      end
+    end
+  end
+end
+
+desc 'Generate documentation for the filter_toolbars extension.'
+Rake::RDocTask.new(:rdoc) do |rdoc|
+  rdoc.rdoc_dir = 'rdoc'
+  rdoc.title    = 'FilterToolbarsExtension'
+  rdoc.options << '--line-numbers' << '--inline-source'
+  rdoc.rdoc_files.include('README')
+  rdoc.rdoc_files.include('lib/**/*.rb')
+end
+
+# Load any custom rakefiles for extension
+Dir[File.dirname(__FILE__) + '/tasks/*.rake'].sort.each { |f| require f }

data/cucumber.yml

@@ -0,0 +1 @@
+default: --format progress features --tags ~@proposed,~@in_progress

data/features/support/env.rb

@@ -0,0 +1,11 @@
+# Sets up the Rails environment for Cucumber
+ENV["RAILS_ENV"] = "test"
+# Extension root
+extension_env = File.expand_path(File.dirname(__FILE__) + '/../../../../../config/environment')
+require extension_env+'.rb'
+
+Dir.glob(File.join(RADIANT_ROOT, "features", "**", "*.rb")).each {|step| require step unless step =~ /datasets_loader\.rb$/}
+ 
+Cucumber::Rails::World.class_eval do
+  dataset :filter_toolbars
+end

data/features/support/paths.rb

@@ -0,0 +1,22 @@
+module NavigationHelpers
+  
+  # Extend the standard PathMatchers with your own paths
+  # to be used in your features.
+  # 
+  # The keys and values here may be used in your standard web steps
+  # Using:
+  #
+  #   When I go to the "filter_toolbars" admin page
+  # 
+  # would direct the request to the path you provide in the value:
+  # 
+  #   admin_filter_toolbars_path
+  # 
+  PathMatchers = {} unless defined?(PathMatchers)
+  PathMatchers.merge!({
+    # /filter_toolbars/i => 'admin_filter_toolbars_path'
+  })
+  
+end
+
+World(NavigationHelpers)

data/filter_toolbars_extension.rb

@@ -0,0 +1,9 @@
+class FilterToolbarsExtension < Radiant::Extension
+  version     RadiantFilterToolbarsExtension::VERSION
+  description RadiantFilterToolbarsExtension::DESCRIPTION
+  url         RadiantFilterToolbarsExtension::HOMEPAGE
+
+  def activate
+    Admin::PagesController.send :include, RadiantFilterToolbarsExtension::Controllers::Admin::PagesController
+  end
+end

data/lib/radiant_filter_toolbars_extension.rb

@@ -0,0 +1,6 @@
+module RadiantFilterToolbarsExtension
+  VERSION     = '0.5.0'
+  SUMMARY     = 'WYSIWYG Toolbar for Radiant CMS'
+  DESCRIPTION = 'Adds a WYSIWYG toolbar for the textile and markdown filters.'
+  HOMEPAGE    = 'https://github.com/jsntv200/radiant-filter_toolbars-extension'
+end

data/lib/radiant_filter_toolbars_extension/controllers/admin/pages_controller.rb

@@ -0,0 +1,24 @@
+module RadiantFilterToolbarsExtension
+  module Controllers
+    module Admin
+      module PagesController
+        def self.included(base)
+          base.class_eval do
+            before_filter :filter_toolbar_assets, :only => [:new, :edit]
+
+            private
+
+            def filter_toolbar_assets
+              @javascripts << 'admin/filter_toolbars/control/livepipe'
+              @javascripts << 'admin/filter_toolbars/control/textarea'
+              @javascripts << 'admin/filter_toolbars/filter_toolbars'
+              @javascripts << 'admin/filter_toolbars/filters/textile'
+              @javascripts << 'admin/filter_toolbars/filters/markdown'
+              @stylesheets << 'admin/filter_toolbars'
+            end
+          end
+        end
+      end
+    end
+  end
+end

data/lib/tasks/filter_toolbars_extension_tasks.rake

@@ -0,0 +1,55 @@
+namespace :radiant do
+  namespace :extensions do
+    namespace :filter_toolbars do
+
+      desc "Runs the migration of the Filter Toolbars extension"
+      task :migrate => :environment do
+        require 'radiant/extension_migrator'
+        if ENV["VERSION"]
+          FilterToolbarsExtension.migrator.migrate(ENV["VERSION"].to_i)
+          Rake::Task['db:schema:dump'].invoke
+        else
+          FilterToolbarsExtension.migrator.migrate
+          Rake::Task['db:schema:dump'].invoke
+        end
+      end
+
+      desc "Copies public assets of the Filter Toolbars to the instance public/ directory."
+      task :update => :environment do
+        is_svn_or_dir = proc {|path| path =~ /\.svn/ || File.directory?(path) }
+        puts "Copying assets from FilterToolbarsExtension"
+        Dir[FilterToolbarsExtension.root + "/public/**/*"].reject(&is_svn_or_dir).each do |file|
+          path = file.sub(FilterToolbarsExtension.root, '')
+          directory = File.dirname(path)
+          mkdir_p RAILS_ROOT + directory, :verbose => false
+          cp file, RAILS_ROOT + path, :verbose => false
+        end
+        unless FilterToolbarsExtension.root.starts_with? RAILS_ROOT # don't need to copy vendored tasks
+          puts "Copying rake tasks from FilterToolbarsExtension"
+          local_tasks_path = File.join(RAILS_ROOT, %w(lib tasks))
+          mkdir_p local_tasks_path, :verbose => false
+          Dir[File.join FilterToolbarsExtension.root, %w(lib tasks *.rake)].each do |file|
+            cp file, local_tasks_path, :verbose => false
+          end
+        end
+      end
+
+      desc "Syncs all available translations for this ext to the English ext master"
+      task :sync => :environment do
+        # The main translation root, basically where English is kept
+        language_root = FilterToolbarsExtension.root + "/config/locales"
+        words = TranslationSupport.get_translation_keys(language_root)
+
+        Dir["#{language_root}/*.yml"].each do |filename|
+          next if filename.match('_available_tags')
+          basename = File.basename(filename, '.yml')
+          puts "Syncing #{basename}"
+          (comments, other) = TranslationSupport.read_file(filename, basename)
+          words.each { |k,v| other[k] ||= words[k] }  # Initializing hash variable as empty if it does not exist
+          other.delete_if { |k,v| !words[k] }         # Remove if not defined in en.yml
+          TranslationSupport.write_file(filename, basename, comments, other)
+        end
+      end
+    end
+  end
+end

data/public/javascripts/admin/filter_toolbars/control/livepipe.js

@@ -0,0 +1,181 @@
+/**
+ * @author Ryan Johnson <http://syntacticx.com/>
+ * @copyright 2008 PersonalGrid Corporation <http://personalgrid.com/>
+ * @package LivePipe UI
+ * @license MIT
+ * @url http://livepipe.net/core
+ * @require prototype.js
+ */
+
+if(typeof(Control) == 'undefined')
+    Control = {};
+    
+var $proc = function(proc){
+    return typeof(proc) == 'function' ? proc : function(){return proc};
+};
+
+var $value = function(value){
+    return typeof(value) == 'function' ? value() : value;
+};
+
+Object.Event = {
+    extend: function(object){
+        object._objectEventSetup = function(event_name){
+            this._observers = this._observers || {};
+            this._observers[event_name] = this._observers[event_name] || [];
+        };
+        object.observe = function(event_name,observer){
+            if(typeof(event_name) == 'string' && typeof(observer) != 'undefined'){
+                this._objectEventSetup(event_name);
+                if(!this._observers[event_name].include(observer))
+                    this._observers[event_name].push(observer);
+            }else
+                for(var e in event_name)
+                    this.observe(e,event_name[e]);
+        };
+        object.stopObserving = function(event_name,observer){
+            this._objectEventSetup(event_name);
+            if(event_name && observer)
+                this._observers[event_name] = this._observers[event_name].without(observer);
+            else if(event_name)
+                this._observers[event_name] = [];
+            else
+                this._observers = {};
+        };
+        object.observeOnce = function(event_name,outer_observer){
+            var inner_observer = function(){
+                outer_observer.apply(this,arguments);
+                this.stopObserving(event_name,inner_observer);
+            }.bind(this);
+            this._objectEventSetup(event_name);
+            this._observers[event_name].push(inner_observer);
+        };
+        object.notify = function(event_name){
+            this._objectEventSetup(event_name);
+            var collected_return_values = [];
+            var args = $A(arguments).slice(1);
+            try{
+                for(var i = 0; i < this._observers[event_name].length; ++i)
+                    collected_return_values.push(this._observers[event_name][i].apply(this,args) || null);
+            }catch(e){
+                if(e == $break)
+                    return false;
+                else
+                    throw e;
+            }
+            return collected_return_values;
+        };
+        if(object.prototype){
+            object.prototype._objectEventSetup = object._objectEventSetup;
+            object.prototype.observe = object.observe;
+            object.prototype.stopObserving = object.stopObserving;
+            object.prototype.observeOnce = object.observeOnce;
+            object.prototype.notify = function(event_name){
+                if(object.notify){
+                    var args = $A(arguments).slice(1);
+                    args.unshift(this);
+                    args.unshift(event_name);
+                    object.notify.apply(object,args);
+                }
+                this._objectEventSetup(event_name);
+                var args = $A(arguments).slice(1);
+                var collected_return_values = [];
+                try{
+                    if(this.options && this.options[event_name] && typeof(this.options[event_name]) == 'function')
+                        collected_return_values.push(this.options[event_name].apply(this,args) || null);
+                    var callbacks_copy = this._observers[event_name]; // since original array will be modified after observeOnce calls
+                    for(var i = 0; i < callbacks_copy.length; ++i)
+                        collected_return_values.push(callbacks_copy[i].apply(this,args) || null);
+                }catch(e){
+                    if(e == $break)
+                        return false;
+                    else
+                        throw e;
+                }
+                return collected_return_values;
+            };
+        }
+    }
+};
+
+/* Begin Core Extensions */
+
+//Element.observeOnce
+Element.addMethods({
+    observeOnce: function(element,event_name,outer_callback){
+        var inner_callback = function(){
+            outer_callback.apply(this,arguments);
+            Element.stopObserving(element,event_name,inner_callback);
+        };
+        Element.observe(element,event_name,inner_callback);
+    }
+});
+
+//mouse:wheel
+(function(){
+    function wheel(event){
+        var delta, element, custom_event;
+        // normalize the delta
+        if (event.wheelDelta) { // IE & Opera
+            delta = event.wheelDelta / 120;
+        } else if (event.detail) { // W3C
+            delta =- event.detail / 3;
+        }
+        if (!delta) { return; }
+        element = Event.extend(event).target;
+        element = Element.extend(element.nodeType === Node.TEXT_NODE ? element.parentNode : element);
+        custom_event = element.fire('mouse:wheel',{ delta: delta });
+        if (custom_event.stopped) {
+            Event.stop(event);
+            return false;
+        }
+    }
+    document.observe('mousewheel',wheel);
+    document.observe('DOMMouseScroll',wheel);
+})();
+
+/* End Core Extensions */
+
+//from PrototypeUI
+var IframeShim = Class.create({
+    initialize: function() {
+        this.element = new Element('iframe',{
+            style: 'position:absolute;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);display:none',
+            src: 'javascript:void(0);',
+            frameborder: 0 
+        });
+        $(document.body).insert(this.element);
+    },
+    hide: function() {
+        this.element.hide();
+        return this;
+    },
+    show: function() {
+        this.element.show();
+        return this;
+    },
+    positionUnder: function(element) {
+        var element = $(element);
+        var offset = element.cumulativeOffset();
+        var dimensions = element.getDimensions();
+        this.element.setStyle({
+            left: offset[0] + 'px',
+            top: offset[1] + 'px',
+            width: dimensions.width + 'px',
+            height: dimensions.height + 'px',
+            zIndex: element.getStyle('zIndex') - 1
+        }).show();
+        return this;
+    },
+    setBounds: function(bounds) {
+        for(prop in bounds)
+            bounds[prop] += 'px';
+        this.element.setStyle(bounds);
+        return this;
+    },
+    destroy: function() {
+        if(this.element)
+            this.element.remove();
+        return this;
+    }
+});

data/public/javascripts/admin/filter_toolbars/control/textarea.js

@@ -0,0 +1,123 @@
+/**
+ * @author Ryan Johnson <http://syntacticx.com/>
+ * @copyright 2008 PersonalGrid Corporation <http://personalgrid.com/>
+ * @package LivePipe UI
+ * @license MIT
+ * @url http://livepipe.net/control/textarea
+ * @require prototype.js, livepipe.js
+ */
+
+/*global window, document, Prototype, Class, $, $A, Control */
+
+if(typeof(Prototype) == "undefined") {
+    throw "Control.TextArea requires Prototype to be loaded."; }
+if(typeof(Object.Event) == "undefined") {
+    throw "Control.TextArea requires Object.Event to be loaded."; }
+
+Control.TextArea = Class.create({
+    initialize: function(textarea){
+        this.onChangeTimeout = false;
+        this.element = $(textarea);
+        $(this.element).observe('keyup',this.doOnChange.bindAsEventListener(this));
+        $(this.element).observe('paste',this.doOnChange.bindAsEventListener(this));
+        $(this.element).observe('input',this.doOnChange.bindAsEventListener(this));
+        if(!!document.selection){
+            $(this.element).observe('mouseup',this.saveRange.bindAsEventListener(this));  
+            $(this.element).observe('keyup',this.saveRange.bindAsEventListener(this));
+        }
+    },
+    doOnChange: function(event){
+        if(this.onChangeTimeout) {
+            window.clearTimeout(this.onChangeTimeout); }
+        this.onChangeTimeout = window.setTimeout(function(){
+            this.notify('change',this.getValue());
+        }.bind(this),Control.TextArea.onChangeTimeoutLength);
+    },
+    saveRange: function(){
+        this.range = document.selection.createRange();  
+    },
+    getValue: function(){
+        return this.element.value;
+    },
+    getSelection: function(){
+        if(!!document.selection) {
+            return document.selection.createRange().text; }
+        else if(!!this.element.setSelectionRange) {
+            return this.element.value.substring(this.element.selectionStart,this.element.selectionEnd); }
+        else {
+            return false; }
+    },
+    replaceSelection: function(text){
+        var scroll_top = this.element.scrollTop;
+        if(!!document.selection){
+            this.element.focus();
+            var range = (this.range) ? this.range : document.selection.createRange();
+            range.text = text;
+            range.select();
+        }else if(!!this.element.setSelectionRange){
+            var selection_start = this.element.selectionStart;
+            this.element.value = this.element.value.substring(0,selection_start) + text + this.element.value.substring(this.element.selectionEnd);
+            this.element.setSelectionRange(selection_start + text.length,selection_start + text.length);
+        }
+        this.doOnChange();
+        this.element.focus();
+        this.element.scrollTop = scroll_top;
+    },
+    wrapSelection: function(before,after){
+        var sel = this.getSelection();
+        // Remove the wrapping if the selection has the same before/after
+        if (sel.indexOf(before) === 0 && 
+            sel.lastIndexOf(after) === (sel.length - after.length)) {
+            this.replaceSelection(sel.substring(before.length, 
+                sel.length - after.length));
+        } else { this.replaceSelection(before + sel + after); }
+    },
+    insertBeforeSelection: function(text){
+        this.replaceSelection(text + this.getSelection());
+    },
+    insertAfterSelection: function(text){
+        this.replaceSelection(this.getSelection() + text);
+    },
+    collectFromEachSelectedLine: function(callback,before,after){
+        this.replaceSelection((before || '') + $A(this.getSelection().split("\n")).collect(callback).join("\n") + (after || ''));
+    },
+    insertBeforeEachSelectedLine: function(text,before,after){
+        this.collectFromEachSelectedLine(function(line){
+        },before,after);
+    }
+});
+Object.extend(Control.TextArea,{
+    onChangeTimeoutLength: 500
+});
+Object.Event.extend(Control.TextArea);
+
+Control.TextArea.ToolBar = Class.create(    {
+    initialize: function(textarea,toolbar){
+        this.textarea = textarea;
+        if(toolbar) {
+            this.container = $(toolbar); }
+        else{
+            this.container = $(document.createElement('ul'));
+            this.textarea.element.parentNode.insertBefore(this.container,this.textarea.element);
+        }
+    },
+    attachButton: function(node,callback){
+        node.onclick = function(){return false;};
+        $(node).observe('click',callback.bindAsEventListener(this.textarea));
+    },
+    addButton: function(link_text,callback,attrs){
+        var li = document.createElement('li');
+        var a = document.createElement('a');
+        a.href = '#';
+        this.attachButton(a,callback);
+        li.appendChild(a);
+        Object.extend(a,attrs || {});
+        if(link_text){
+            var span = document.createElement('span');
+            span.innerHTML = link_text;
+            a.appendChild(span);
+        }
+        this.container.appendChild(li);
+    }
+});
+

data/public/javascripts/admin/filter_toolbars/filter_toolbars.js

@@ -0,0 +1,81 @@
+var FilterToolBars = {
+  className: 'filter_toolbar',
+  textarea:  null,
+  buttons: [
+    { title: 'Bold', slug: 'bold' },
+    { title: 'Italics', slug: 'italics' },
+    { title: 'Heading 1', slug: 'h1' },
+    { title: 'Heading 2', slug: 'h2' },
+    { title: 'Heading 3', slug: 'h3' },
+    { title: 'Heading 4', slug: 'h4' },
+    { title: 'Ordered List', slug: 'ordered' },
+    { title: 'Unordered List', slug: 'unordered' },
+    { title: 'Link', slug: 'link' },
+    { title: 'Image', slug: 'image', attrs: {href:'#attach_asset'}},
+    { title: 'Block Quote', slug: 'quote' },
+    { title: 'Help', slug: 'help' }
+  ]
+}
+
+FilterToolBars.Filters = {
+  image: function() {
+    return false;
+  },
+
+  help: function() {
+    page_part = FilterToolBars.textarea.element.up('.page').readAttribute('data-caption');
+    loadFilterReference(page_part);
+  }
+}
+
+FilterToolBars.AttachBehavior = Behavior.create({
+  initialize: function(options) {
+    this.textarea = new Control.TextArea(this.element);
+    this.toolbar  = new Control.TextArea.ToolBar(this.textarea);
+    this.toolbar.container.id        = this.element.id + '_toolbar';
+    this.toolbar.container.className = FilterToolBars.className;
+    this.attach();
+  },
+
+  attach: function() {
+    FilterToolBars.buttons.each( function(button) {
+      var attributes = Object.extend({ className: 'button_' + button.slug, title: button.title }, button.attrs || {})
+      this.toolbar.addButton(button.title, function() { this.click(button.slug) }.bind(this), attributes);
+    }.bind(this));
+  },
+
+  click: function(tag) {
+    FilterToolBars.textarea = this.textarea;
+    FilterToolBars[this.filter()][tag]();
+  },
+
+  filter: function() {
+    return this.element.up('.part').down('select').getValue();
+  },
+
+  show: function() {
+    this.toolbar.show();
+  },
+
+  hide: function() {
+    this.toolbar.hide();
+  }
+});
+
+FilterToolBars.ChangeBehavior = Behavior.create({
+  initialize: function(options) {
+    this.change();
+    this.element.observe('change', this.change.bind(this));
+  },
+
+  change: function() {
+    FilterToolBars.filter = this.element.getValue()
+  }
+});
+
+Event.addBehavior({
+  '.part select'    : FilterToolBars.ChangeBehavior(),
+  '.part .textarea' : FilterToolBars.AttachBehavior(),
+  'a.button_image'  : Popup.TriggerBehavior()
+});
+

data/public/javascripts/admin/filter_toolbars/filters/markdown.js

@@ -0,0 +1,57 @@
+FilterToolBars.Markdown = Object.extend({
+  bold: function() {
+    FilterToolBars.textarea.wrapSelection('**', '**');
+  },
+
+  italics: function() {
+    FilterToolBars.textarea.wrapSelection('*', '*');
+  },
+
+  h1: function() {
+    FilterToolBars.textarea.insertBeforeSelection('# ');
+  },
+
+  h2: function() {
+    FilterToolBars.textarea.insertBeforeSelection('## ');
+  },
+
+  h3: function() {
+    FilterToolBars.textarea.insertBeforeSelection('### ');
+  },
+
+  h4: function() {
+    FilterToolBars.textarea.insertBeforeSelection('#### ');
+  },
+
+  ordered: function() {
+    var i = 0;
+
+    FilterToolBars.textarea.collectFromEachSelectedLine( function(line) {
+      if (!line.match(/^\s+$/)) {
+        ++i;
+        return event.shiftKey ? line.replace(/^\d+\.\s/,'') : (line.match(/\d+\.\s/) ? '' : i + '. ') + line;
+      }
+    });
+  },
+
+  unordered: function() {
+    FilterToolBars.textarea.collectFromEachSelectedLine( function(line) {
+      return event.shiftKey ? (line.match(/^\*{2,}/) ? line.replace(/^\*/,'') : line.replace(/^\*\s/,'')) : (line.match(/\*+\s/) ? '*' : '* ') + line;  
+    });
+  },
+
+  link: function() {
+    var selection = this.getSelection() || 'Link Text',
+        response  = prompt('Enter Full URL: (http:// or mailto:)', '');
+
+    if (response && response.match(/^((f|ht)tps?|mailto)/)) {
+      FilterToolBars.textarea.replaceSelection('[' + selection + '](' + response.replace(/^(?!(f|ht)tps?:\/\/)/, 'http://') + ')');
+    }
+  },
+
+  quote: function() {
+    FilterToolBars.textarea.collectFromEachSelectedLine( function(line) {
+      return event.shiftKey ? line.replace(/^\> /,'') : '> ' + line;
+    });
+  }
+}, FilterToolBars.Filters);

data/public/javascripts/admin/filter_toolbars/filters/textile.js

@@ -0,0 +1,52 @@
+FilterToolBars.Textile = Object.extend({
+  bold: function() {
+    FilterToolBars.textarea.wrapSelection('*', '*');
+  },
+
+  italics: function() {
+    FilterToolBars.textarea.wrapSelection('_', '_');
+  },
+
+  h1: function() {
+    FilterToolBars.textarea.insertBeforeSelection('h1. ');
+  },
+
+  h2: function() {
+    FilterToolBars.textarea.insertBeforeSelection('h2. ');
+  },
+
+  h3: function() {
+    FilterToolBars.textarea.insertBeforeSelection('h3. ');
+  },
+
+  h4: function() {
+    FilterToolBars.textarea.insertBeforeSelection('h4. ');
+  },
+
+  ordered: function() {
+    FilterToolBars.textarea.collectFromEachSelectedLine( function(line) {
+      return event.shiftKey ? (line.match(/^\#{2,}/) ? line.replace(/^\#/,'') : line.replace(/^\#\s/,'')) : (line.match(/\#+\s/) ? '#' : '# ') + line;
+    });
+  },
+
+  unordered: function() {
+    FilterToolBars.textarea.collectFromEachSelectedLine( function(line) {
+      return event.shiftKey ? (line.match(/^\*{2,}/) ? line.replace(/^\*/,'') : line.replace(/^\*\s/,'')) : (line.match(/\*+\s/) ? '*' : '* ') + line;
+    });
+  },
+
+  link: function() {
+    var selection = FilterToolBars.textarea.getSelection() || 'Link Text',
+        response  = prompt('Enter Full URL: (http:// or mailto:)', '');
+
+    if (response && response.match(/^((f|ht)tps?|mailto)/)) {
+      FilterToolBars.textarea.replaceSelection('"' + selection + '":' + response.replace(/^(?!(f|ht)tps?:\/\/)/, 'http://'));
+    }
+  },
+
+  quote: function() {
+    FilterToolBars.textarea.collectFromEachSelectedLine( function(line) {
+      return event.shiftKey ? line.replace(/^bq. /,'') : 'bq. ' + line;
+    });
+  }
+}, FilterToolBars.Filters);

data/public/stylesheets/sass/admin/filter_toolbars.scss

@@ -0,0 +1,62 @@
+.textarea {
+  padding:2px;
+}
+
+.filter_toolbar {
+	position:relative;
+	margin:0;
+	padding:0 2px;
+	border:1px solid #ccc;
+	background-color:#F6F6F6;
+	width:100%;
+	height:26px;
+	border-bottom: 0;
+
+  li {
+  	list-style:none;
+  	float:left;
+
+    span {
+    	display:none;
+    }
+
+    a {
+    	margin: 2px;
+    	width:20px;
+    	height:20px;
+    	float:left;
+    	display:block;
+    	background-image:url('/images/admin/filter_toolbars/icons.gif');
+    	border:1px solid #f6f6f6;
+
+      &:hover {
+       	border-color:#0A246A;
+      	background-color: #B2BBD0;
+      }
+    }
+
+    .button_help {
+    	position:absolute;
+    	top:0;
+	    right:0;
+
+      &:hover {
+      	border-left-color:#5f9846;
+      	border-right-color:#5f9846;
+      }
+    }
+
+    .button_bold      { background-position:0 0 }
+    .button_italics   { background-position:-60px 0 }
+    .button_h1        { background-position: -660px 0 }
+    .button_h2        { background-position: -680px 0 }
+    .button_h3        { background-position: -700px 0 }
+    .button_h4        { background-position: -720px 0 }
+    .button_ordered   { background-position:-80px 0 }
+    .button_unordered { background-position:-20px 0 }
+    .button_link      { background-position:-500px 0 }
+    .button_image     { background-position:-380px 0 }
+    .button_quote     { background-position:-220px 0 }
+    .button_help      { background-position:-340px 0 }
+  }
+}

data/radiant-filter_toolbars-extension.gemspec

@@ -0,0 +1,29 @@
+# -*- encoding: utf-8 -*-
+$:.push File.expand_path("../lib", __FILE__)
+require "radiant_filter_toolbars_extension"
+
+Gem::Specification.new do |s|
+  s.platform    = Gem::Platform::RUBY
+  s.name        = "radiant-filter_toolbars-extension"
+  s.version     = RadiantFilterToolbarsExtension::VERSION
+  s.summary     = RadiantFilterToolbarsExtension::SUMMARY
+  s.description = RadiantFilterToolbarsExtension::DESCRIPTION
+  s.homepage    = RadiantFilterToolbarsExtension::HOMEPAGE
+  s.authors     = ["Jason Taylor"]
+  s.email       = ["jsntv200@gmail.com"]
+
+  ignores = if File.exist?('.gitignore')
+    File.read('.gitignore').split("\n").inject([]) {|a,p| a + Dir[p] }
+  else
+    []
+  end
+
+  s.files         = Dir['**/*'] - ignores
+  s.test_files    = Dir['test/**/*','spec/**/*','features/**/*'] - ignores
+  s.require_paths = ["lib"]
+
+  s.post_install_message = %{
+  Add this to your radiant project with:
+    config.gem 'radiant-filter_toolbars-extension', :version => '~>#{RadiantFilterToolbarsExtension::VERSION}'
+  }
+end

data/spec/spec.opts

@@ -0,0 +1,6 @@
+--colour
+--format
+progress
+--loadby
+mtime
+--reverse

data/spec/spec_helper.rb

@@ -0,0 +1,36 @@
+unless defined? RADIANT_ROOT
+  ENV["RAILS_ENV"] = "test"
+  case
+  when ENV["RADIANT_ENV_FILE"]
+    require ENV["RADIANT_ENV_FILE"]
+  when File.dirname(__FILE__) =~ %r{vendor/radiant/vendor/extensions}
+    require "#{File.expand_path(File.dirname(__FILE__) + "/../../../../../../")}/config/environment"
+  else
+    require "#{File.expand_path(File.dirname(__FILE__) + "/../../../../")}/config/environment"
+  end
+end
+require "#{RADIANT_ROOT}/spec/spec_helper"
+
+Dataset::Resolver.default << (File.dirname(__FILE__) + "/datasets")
+
+if File.directory?(File.dirname(__FILE__) + "/matchers")
+  Dir[File.dirname(__FILE__) + "/matchers/*.rb"].each {|file| require file }
+end
+
+Spec::Runner.configure do |config|
+  # config.use_transactional_fixtures = true
+  # config.use_instantiated_fixtures  = false
+  # config.fixture_path = RAILS_ROOT + '/spec/fixtures'
+
+  # You can declare fixtures for each behaviour like this:
+  #   describe "...." do
+  #     fixtures :table_a, :table_b
+  #
+  # Alternatively, if you prefer to declare them only once, you can
+  # do so here, like so ...
+  #
+  #   config.global_fixtures = :table_a, :table_b
+  #
+  # If you declare global fixtures, be aware that they will be declared
+  # for all of your examples, even those that don't use them.
+end

metadata

@@ -0,0 +1,89 @@
+--- !ruby/object:Gem::Specification 
+name: radiant-filter_toolbars-extension
+version: !ruby/object:Gem::Version 
+  hash: 11
+  prerelease: 
+  segments: 
+  - 0
+  - 5
+  - 0
+  version: 0.5.0
+platform: ruby
+authors: 
+- Jason Taylor
+autorequire: 
+bindir: bin
+cert_chain: []
+
+date: 2011-06-10 00:00:00 +10:00
+default_executable: 
+dependencies: []
+
+description: Adds a WYSIWYG toolbar for the textile and markdown filters.
+email: 
+- jsntv200@gmail.com
+executables: []
+
+extensions: []
+
+extra_rdoc_files: []
+
+files: 
+- cucumber.yml
+- features/support/env.rb
+- features/support/paths.rb
+- filter_toolbars_extension.rb
+- lib/radiant_filter_toolbars_extension/controllers/admin/pages_controller.rb
+- lib/radiant_filter_toolbars_extension.rb
+- lib/tasks/filter_toolbars_extension_tasks.rake
+- public/images/admin/filter_toolbars/icons.gif
+- public/javascripts/admin/filter_toolbars/control/livepipe.js
+- public/javascripts/admin/filter_toolbars/control/textarea.js
+- public/javascripts/admin/filter_toolbars/filter_toolbars.js
+- public/javascripts/admin/filter_toolbars/filters/markdown.js
+- public/javascripts/admin/filter_toolbars/filters/textile.js
+- public/stylesheets/sass/admin/filter_toolbars.scss
+- radiant-filter_toolbars-extension.gemspec
+- Rakefile
+- README.md
+- spec/spec.opts
+- spec/spec_helper.rb
+has_rdoc: true
+homepage: https://github.com/jsntv200/radiant-filter_toolbars-extension
+licenses: []
+
+post_install_message: "\n  Add this to your radiant project with:\n    config.gem 'radiant-filter_toolbars-extension', :version => '~>0.5.0'\n  "
+rdoc_options: []
+
+require_paths: 
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement 
+  none: false
+  requirements: 
+  - - ">="
+    - !ruby/object:Gem::Version 
+      hash: 3
+      segments: 
+      - 0
+      version: "0"
+required_rubygems_version: !ruby/object:Gem::Requirement 
+  none: false
+  requirements: 
+  - - ">="
+    - !ruby/object:Gem::Version 
+      hash: 3
+      segments: 
+      - 0
+      version: "0"
+requirements: []
+
+rubyforge_project: 
+rubygems_version: 1.5.0
+signing_key: 
+specification_version: 3
+summary: WYSIWYG Toolbar for Radiant CMS
+test_files: 
+- spec/spec.opts
+- spec/spec_helper.rb
+- features/support/env.rb
+- features/support/paths.rb