Skip to content

rderoldan1/md_simple_editor

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

54 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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

Usage

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

Helper

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 %>

Version 0.1.8

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

How it looks?

Imgur

Imgur

ToDo

  • Add functions to extend the toolbar
  • Add some internationalization options

Contributing

  1. Fork it
  2. Create your feature branch (git checkout -b my-new-feature)
  3. Commit your changes (git commit -am 'Add some feature')
  4. Push to the branch (git push origin my-new-feature)
  5. Create new Pull Request

About

Very simple markdown editor for rails

Topics

Resources

License

MIT, MIT licenses found

Licenses found

MIT
LICENSE
MIT
LICENSE.txt

Stars

Watchers

Forks

Packages

No packages published

Contributors 4

  •  
  •  
  •  
  •