Home

Live demo

To activate it include the .js file in your code and then configure summernote with the addclass settings and button

Here's a demo:

$('#summernote').summernote({
    addclass: {
        debug: false,
        classTags: [{title:"Button",value:"btn btn-success"},"jumbotron", "lead","img-rounded","img-circle", "img-responsive","btn", "btn btn-success","btn btn-danger","text-muted", "text-primary", "text-warning", "text-danger", "text-success", "table-bordered", "table-responsive", "alert", "alert alert-success", "alert alert-info", "alert alert-warning", "alert alert-danger", "visible-sm", "hidden-xs", "hidden-md", "hidden-lg", "hidden-print"]
    },
    height: 300,
    toolbar: [
        // [groupName, [list of button]]
        ['img', ['picture']],
        ['style', ['style', 'addclass', 'clear']],
        ['fontstyle', ['bold', 'italic', 'ul', 'ol', 'link', 'paragraph']],
        ['fontstyleextra', ['strikethrough', 'underline', 'hr', 'color', 'superscript', 'subscript']],
        ['extra', ['video', 'table', 'height']],
        ['misc', ['undo', 'redo', 'codeview', 'help']]


    ]
});

UI Usage: