summernote-image-attributes

A plugin for the Summernote WYSIWYG editor.

Adds a button to the image popover to edit title, alt, class and style attributes.

The red box outlines what I'm currently trying to get working. Looking for help on this, with attribution given to those that solve it.

=> 18/04/2016 RESOLVED NOW WORKING :) Thank you for you job !

Installation

1. Include JS

Include the following code after Summernote:

<script src="summernote-image-attributes.js"></script>

2. Supported languages

Currently available in English!

3. Summernote options

Finally, customize the Summernote image popover.

$(document).ready(function() {
    $('#summernote').summernote({
        popover: {
            image: [
                ['custom', ['imageAttributes']],
                ['imagesize', ['imageSize100', 'imageSize50', 'imageSize25']],
                ['float', ['floatLeft', 'floatRight', 'floatNone']],
                ['remove', ['removeMedia']]
            ],
        },
        imageAttributes:{
            icon:'<i class="fa fa-pencil"/>',
            removeEmpty:false // true = remove attributes | false = leave empty if present
        }
    });
});