如何向Summernote工具栏添加自定义按钮

$(document).ready(function() {
  $('#summernote').summernote({
    toolbar: [
      ['style', ['bold', 'italic', 'underline', 'clear']],
      ['font', ['strikethrough', 'superscript', 'subscript']],
      ['para', ['ul', 'ol', 'paragraph']],
      ['custom', ['myCustomButton']]
    ],
    buttons: {
      myCustomButton: CustomButton
    }
  });
});

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

  // 创建一个按钮
  var button = ui.button({
    contents: '<i class="fa fa-child"/> Custom',
    tooltip: 'Custom Button',
    click: function() {
      // 自定义按钮的点击事件
      alert('Custom Button Clicked');
    }
  });

  return button.render();   // 返回按钮的DOM元素
}

<div id="summernote"></div>