Skip to content

Voog/wysihtml-rails

Folders and files

NameName
Last commit message
Last commit date

Latest commit

author
Oliver Pulges
Jan 6, 2016
1cd9495 · Jan 6, 2016

History

40 Commits
Jan 6, 2016
Jan 6, 2016
Dec 10, 2013
Dec 11, 2014
Dec 10, 2013
Dec 11, 2014
Dec 10, 2013
Dec 11, 2014

Repository files navigation

wysihtml for Rails

Voog/wysihtml is an extended and less strict approach on xing/wysihtml5 open source rich text editor based on HTML5 technology.

This gem adds wysihtml to Rails assets pipeline.

Installation

Add this line to your application's Gemfile:

gem 'wysihtml-rails'

Or you can install from latest build:

gem 'wysihtml-rails', :git => 'https://github.com/Voog/wysihtml-rails.git'

And then execute:

bundle

Or install it yourself as:

$ gem install wysihtml-rails

Usage

Require it in your JS manifest's file application.js:

//= require wysihtml

or if you need wysihtml with built-in toolbar:

//= require wysihtml-toolbar

Additionally include predefined simple, advanced or advanced_unwrap parsing rules in your application.js:

//= require parser_rules/advanced_unwrap

Additionally include predefined wysihtml stiles in your application.css.scss file:

*= require wysihtml

The simple initialise:

<script>
   var editor = new wysihtml5.Editor("wysihtml5-textarea", { // id of textarea element
      toolbar:      "wysihtml5-toolbar", // id of toolbar element
      stylesheets:  "<%= stylesheet_path('wysihtml') %>", // optional, css to style the editor's content
      parserRules:  wysihtml5ParserRules, // defined in parser rules set
      //showToolbarAfterInit: false
   });
</script>

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