diemendesign / summernote-image-shapes

Adds Button to Image Popup that allows adding Classes for Bootstraps Image Shapes.

summernote-image-shapes

A plugin for the Summernote WYSIWYG editor.

Adds a dropdown to choose from Bootstrap image shapes (Thanks to MarcosBL).

Installation

1. Include JS

Include the following code after including Summernote:

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

2. Supported languages

Currently available in English and Brazilian Portuguese!

3. Summernote options

Finally, customize the Summernote image popover.

$(document).ready(function() {
    $('#summernote').summernote({
        popover: {
            image: [
                ['custom', ['imageShapes']],
                ['imagesize', ['imageSize100', 'imageSize50', 'imageSize25']],
                ['float', ['floatLeft', 'floatRight', 'floatNone']],
                ['remove', ['removeMedia']]
            ],
        },
        lang: 'en-US'
    });
});

4. Check out our other Summernote Plugins via our main Github page.

• Diemen Design

summernote-image-shapes's Issues

Missing summernote-image-shapes.js

I'm looking for old Image Shapes functionality of summernote.
This issue summernote/summernote#1902 leads me to summernote-image-attributes,
but imageShape was removed at DennisSuitters/summernote-image-attributes@c098012
Then I find this plugin and notice that no javascript files here.