summernote-ext-image-attributes-rails

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

Demo

Also, we have a live demo (press the image inside of the editor).

Installation

Add the following gems to your application's Gemfile:

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

And then execute on the terminal:

bundle install

Usage

JavaScript

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

//= require bootstrap
//= require summernote
//= require summernote-ext-image-attributes

CoffeeScript

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

#= require bootstrap
#= require summernote
#= require summernote-ext-image-attributes

Customization

$('[data-provider="summernote"]').summernote({
  popover: {
    image: [
      ['custom', ['imageAttributes']],
      ['imagesize', ['imageSize100', 'imageSize50', 'imageSize25']],
      ['float', ['floatLeft', 'floatRight', 'floatNone']],
      ['remove', ['removeMedia']]
    ],
  },
  lang: 'en-US', // Change to your chosen language
  imageAttributes: {
    icon: '<i class="note-icon-pencil"/>',
    removeEmpty: false, // true = remove attributes | false = leave empty if present
    disableUpload: false // true = don't display Upload Options | Display Upload Options
    }
});

More information here.

Versioning

Major	Minor	Patch	Current
is the major of summernote	is the minor of summernote	is the patch of summernote	is the vesion of this extension

Example:

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

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

License

MIT