summernote-ext-addclass-rails

The gemification of the summernote extension summernote-addclass for Rails >= 3.1.

Also, we have a live demo (check the CSS3 icon button).

Add the following gems to your application's Gemfile:

gem 'bootstrap-sass'   # required
gem 'summernote-rails' # required
gem 'summernote-ext-addclass-rails', '~> 0.8.10'

And then execute on the terminal:

bundle install

In app/assets/javascripts/application.js, you should add in this order:

//= require bootstrap
//= require summernote
//= require summernote-ext-addclass

In app/assets/javascripts/application.coffee, you should add in this order:

#= require bootstrap
#= require summernote
#= require summernote-ext-addclass

$('[data-provider="summernote"]').summernote({
  addclass: {
    debug: false,
    classTags: [
      { title: 'My Special style', value: 'kappa-css'},
      'text-muted',
      'text-primary'
    ]
  },
  height: 300,
  toolbar: [
    // ['groupName', ['list-of-button']]
    ['style', ['style', 'addclass', 'clear']],
    ['misc',  ['codeview', 'help']]
  ]
});

More information here.

Example:

The compatible versions of this gem with summernote v0.8.10 are:

• summernote-ext-image-attributes-rails v0.8.10.X

MIT