Search code examples
toolbarsummernote

Custom toolbar with Summernote


How do I know which functions can be enabled for the toolbar of summernote, and how to do it?

In the API docs all I can find is "toolbar : Array (optional)" without further explanation.

I've managed to enable some features thanks to one of the examples, but how can I also enable: code, indent and outdent?

$(".summernote").summernote({
    styleWithSpan: false,
    toolbar: [
        ['style', ['bold', 'italic', 'underline', 'clear']],
        ['color', ['color']],
        ['para', ['ul', 'ol']]
    ]
});

Solution

  • in settings.js You have basic setting (with all features on):

    toolbar: [
        ['style', ['style']],
        ['font', ['bold', 'italic', 'underline', 'clear']],
        ['fontname', ['fontname']],
        ['color', ['color']],
        ['para', ['ul', 'ol', 'paragraph']],
        ['height', ['height']],
        ['table', ['table']],
        ['insert', ['link', 'picture', 'hr']],
        ['view', ['fullscreen', 'codeview']],
        ['help', ['help']]
      ],
    

    indentation is in 'paragraph'