Awesome
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'
});
});