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.
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:
bundleOr install it yourself as:
$ gem install wysihtml-railsRequire it in your JS manifest's file application.js:
//= require wysihtmlor if you also need toolbar, table editing features or all commands:
//= require wysihtml
//= require wysihtml/toolbar
//= require wysihtml/all_commands
//= require wysihtml/table_editingAdditionally include predefined simple, advanced or advanced_unwrap parsing rules in your application.js:
//= require wysihtml/parser_rules/advanced_unwrapAdditionally include predefined wysihtml stiles in your application.css.scss file:
*= require wysihtmlThe simple initialise:
<script>
var editor = new wysihtml.Editor("wysihtml-textarea", { // id of textarea element
toolbar: "wysihtml-toolbar", // id of toolbar element
stylesheets: "<%= stylesheet_path('wysihtml') %>", // optional, css to style the editor's content
parserRules: wysihtmlParserRules, // defined in parser rules set
//showToolbarAfterInit: false
});
</script>- 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