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"
- Add functions to extend the toolbar
- Add some internationalization options
- Fork it
- Create your feature branch (
git checkout -b my-new-feature
) - Commit your changes (
git commit -am 'Add some feature'
) - Push to the branch (
git push origin my-new-feature
) - Create new Pull Request