wysiwyg-rails provides the Froala WYWIWYG Editor javascript and stylesheets as a Rails engine for use with the asset pipeline.
Add this to your Gemfile:
gem "wysiwyg-rails"
and run bundle install
.
In your application.css
, include the css file:
/*
*= require froala_editor.min.css
*= require froala_style.min.css
*= require font-awesome
*/
If you want to use the dark theme, then you have to include themes/dark.min.css
file too.
In your application.js
, include the js file:
//
//= require froala_editor.min.js
//
If you need to use any of the Available Plugins, then you should include those too in your application.js
.
// Include other plugins.
//= require plugins/block_styles.min.js
//= require plugins/colors.min.js
//= require plugins/media_manager.min.js
//= require plugins/tables.min.js
//= require plugins/video.min.js
//= require plugins/font_family.min.js
//= require plugins/font_size.min.js
//= require plugins/file_upload.min.js
//= require plugins/lists.min.js
//= require plugins/char_counter.min.js
Similar, if you want to use language translation you have to include the translation file.
// Include Language if needed
//= require langs/ro.js
Then restart your webserver if it was previously running.
Congrats all is done!
The wysiwyg-rails
project is under MIT license.
You may use the editor for non-commercial websites for free under the Creative Commons Attribution-NonCommercial-NoDerivatives 4.0 International License.
Froala Editor has 4 different licenses for commercial use. For details please see License Agreement.