ActiveAdmin Froala Editor
An Active Admin plugin to use Froala WYSIWYG editor (jQuery required, font-awesome required & included)
For Froala license / pricing see Froala website.
Install
- Update your Gemfile:
gem 'activeadmin_froala_editor'
(and execute bundle) - Add at the end of your ActiveAdmin styles (app/assets/stylesheets/active_admin.scss):
css @import 'font-awesome/font-awesome'; @import 'activeadmin/froala_editor_input';
- Add at the end of your ActiveAdmin javascripts (app/assets/javascripts/active_admin.js):
js //= require activeadmin/froala_editor/froala_editor.pkgd.min //= require activeadmin/froala_editor_input
- Use the input with
as: :froala_editor
in Active Admin model conf
Why 2 separated scripts? In this way you can include a different version of froala editor if you like. The same for FontAwesome.
Options
data-options: permits to set froala editor options directly - see options list
Examples
# ActiveAdmin article form conf:
form do |f|
f.inputs 'Article' do
f.input :title
f.input :description, as: :froala_editor
f.input :published
end
f.actions
end
Toolbar buttons configuration:
f.input :description, as: :froala_editor, input_html: {data: {options: {toolbarButtons: ['undo', 'redo', '|', 'bold', 'italic']}}}
Notes
Code View function doesn't work properly with this plugin
For upload functions (Images, Documents, Files, etc.) see Froala docs
Do you like it? Star it!
If you use this component just star it. A developer is more motivated to improve a project when there is some interest.
Take a look at other ActiveAdmin components that I made if you are curious.
Contributors
- Mattia Roccoberton - creator, maintainer
License
Froala License: see Froala website
Plugin License: MIT