Summernote-image-attributes has undergone a make over, we redesigned the Dialog Layout to make it easier to use.
A plugin for the Summernote WYSIWYG editor.
Adds a button to the image popover to edit title, alt, class and style attributes, and Links with relevant Attributes.
Include the following code after including Summernote, to change the language from the default (en-US) you must add the lang file after the plugin.
<script src="summernote-image-attributes.js"></script>
<script src="lang/[language-COUNTRY].js"></script>
Currently available in US English (Default), Spanish, French, Chinese (Traditional), Italian, German and Turkish!
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']]
],
},
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
}
});
});
- Add links to Image
- French Translation
- Thank you to b-alidr
- Chinese (Traditional) Translation
- Thank you to horkenw
- Italian Translation
- Thank you to paolodadda
- German Translation and Horizontal Dialog Layout
- Thank you to YaWK
- Turkish Translation
- Thank you to GoktugOzturk