MarkDown Simple Editor

Installation

Add this line to your application's Gemfile:

gem 'font-awesome-rails'
gem 'md_simple_editor'

And then execute:

$ bundle install

Or install it yourself as:

$ gem install font-awesome-rails
$ gem install md_simple_editor

In your application.css, include the css files:

*= require font-awesome
*= require md_simple_editor

Or if you using SCSS, include in application.css.scss:

@import "font-awesome";
@import "md_simple_editor";

In your application.js, include the javascript files:

//= require md_simple_editor

There are a helper that make your textarea works like a text editor :D

<%= md_simple_editor  do %>
    <%= text_area_tag "your id" %>
<% end %>

Also you can use inside a form

<%= form_for @user do |f|
    <%= md_simple_editor  do %>
        <%= f.text_area :description %>
    <% end %>
<% end %>

You can change the size of the buttons using bootstrap classes btn-sm, btn-xs, btn-lg

<%= md_simple_editor('btn-xs')  do %>
    <%= text_area_tag "your id" %>
<% end %>

Simple markdown editor meets Bootstrap, more elegant look and feel, !and now, the preview mode is OUT"

Imgur