Markdown Toolbar

Markdown Toolbar is an lightweight helper buttons that appear over textarea

Try a demonstration

(Wait for load, as the heroku instance that serves demo is probably sleeping now, so it takes time for it to wake up)

Use version 1.0.0, add to Gemfile:

gem "markdown-toolbar", "~> 1.0"

use version 0.2.4, add to Gemfile

gem "markdown-toolbar", "~> 0.2.4"

And run the bundle command.

Markdown Toolbar requires you to add such lines to your application.js

//= 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, :class => "markdown-toolbar" %>

Alternatively, if you dynamicly create textareas, you can assign markdown toolbar in javascript by creating new instance of MarkdwonToolbar, with a textarea element as argument:

new MarkdownToolbar($("#some_textarea"));

You can customize order, remove or add new buttons by copying markdown-toolbar-buttons.js file into your project. There is a rails generator to do it:

rails generate markdown_toolbar:copy_buttons

To customize stylesheet run:

rails generate markdown_toolbar:copy_css

Markdown Toolbar is released under the MIT License.