summernote-image-attributes

Summernote-image-attributes has undergone a make over, we redesigned the Dialog Layout to make it easier to use. New classes have been submitted to the Summernote main Repository, be sure to grab the latest master and build it for the class styling additions.

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.

$3

#### 1. Include JS

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.

if you use bootstrap5, you must add /bootstrap5/summernote-image-attributes.js instead of summernote-image-attributes.js

``

html



OR

html





#### 2. Supported languages

Currently available in US English (Default), Spanish, French, Chinese (Traditional), Italian, German and Turkish!



#### 3. Summernote options

Finally, customize the Summernote image popover.

javascript

$(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:'',

            removeEmpty:false, // true = remove attributes | false = leave empty if present

            disableUpload: false // true = don't display Upload Options | Display Upload Options

        }

    });

});

@hjgs/summernote-image-attributes

summernote-image-attributes

$3

$3

@hjgs/summernote-image-attributes

summernote-image-attributes

$3

$3