ActiveAdmin Trumbowyg Gem Version

An Active Admin plugin to use Trumbowyg Editor

screenshot

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

License

MIT