如何在summernote中为页眉标签添加自定义样式

$(document).ready(function() {
    $('#summernote').summernote();
});

$(document).ready(function() {
    $('#summernote').summernote({
        toolbar: [
            ['style', ['bold', 'italic', 'underline', 'clear']],
            ['header', ['header-style']],
            ['insert', ['link', 'picture', 'video']],
            ['view', ['fullscreen', 'codeview']]
        ],
        buttons: {
            'header-style': HeaderStyleButton
        }
    });
});

function HeaderStyleButton(context) {
    var ui = $.summernote.ui;

    // 创建一个按钮
    var button = ui.button({
        contents: '<i class="fa fa-header"></i>',
        tooltip: 'Header Style',
        click: function() {
            // 在这里添加自定义的样式代码
            context.invoke('editor.formatBlock', '<h1>');
        }
    });

    return button.render();
}