My custom Summernote w/ summernote-image-attributes

summernote.js

$('#summernote').summernote({
    height: 300, // set editor height
    minHeight: null, // set minimum height of editor
    maxHeight: null, // set maximum height of editor
    toolbar: [
        ['style', ['bold', 'italic', 'underline', 'clear']],
        ['insert', ['picture', 'link', 'video']],
        ['fontsize', ['fontsize']],
        ['para', ['ul', 'ol', 'paragraph']],
        ['height', ['height']],
        ['misc', ['undo', 'redo', 'codeview']],
    ],
    popover: {
        image: [
            ['imagesize', ['imageSize100', 'imageSize50', 'imageSize25']],
            ['float', ['floatLeft', 'floatRight', 'floatNone']],
            ['remove', ['removeMedia']]
        ],
        link: [
            ['link', ['linkDialogShow', 'unlink']]
        ],
        air: [
            ['color', ['color']],
            ['font', ['bold', 'underline', 'clear']]
        ]
    },
    placeholder: 'write here...',
    disableDragAndDrop: true,
});