ActiveAdmin Trumbowyg
An Active Admin plugin to use Trumbowyg Editor
Install
- Update your Gemfile:
gem 'activeadmin_trumbowyg'
(and execute bundle) - Add at the end of your ActiveAdmin styles (app/assets/stylesheets/active_admin.scss):
css @import 'activeadmin/trumbowyg/ui/sass/trumbowyg'; @import 'activeadmin/trumbowyg_input';
- Add at the end of your ActiveAdmin javascripts (app/assets/javascripts/active_admin.js):
js //= require activeadmin/trumbowyg/trumbowyg //= require activeadmin/trumbowyg_input
- Use the input with
as: :trumbowyg
in Active Admin model conf
Why 2 separated scripts? In this way you can include a different version of trumbowyg editor if you like.
Options
data-options: permits to set trumbowyg 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: :trumbowyg
f.input :published
end
f.actions
end
Toolbar buttons configuration:
f.input :description, as: :trumbowyg, input_html: {data: {options: {btns: [['bold', 'italic'], ['superscript', 'subscript'], ['link'], ['justifyLeft', 'justifyCenter', 'justifyRight', 'justifyFull'], ['unorderedList', 'orderedList'], ['horizontalRule'], ['removeformat']]}}}
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