Javascript yii2 summernote小部件向工具栏添加新按钮

我正在尝试使用包装器在YII2中为summernote小部件添加一个新的自定义按钮：

use marqu3s\summernote\Summernote;

这是我在summernote示例下面的视图中的代码：

我还添加了以下js：

    <?php
$script = <<< JS
var HelloButton = function (context) {
  var ui = $.summernote.ui;

  // create button
  var button = ui.button({
    contents: '<i class="fa fa-child"/> Hello',
    tooltip: 'hello',
    click: function () {
      // invoke insertText method with 'hello' on editor module.
      context.invoke('editor.insertText', 'hello');
    }
  });

  return button.render();   // return button as jquery object 
}        
JS;
$this->registerJs($script);
?>

如中所述，必须将其命名为
函数
，而不是
字符串

Ref：查看summernote如何处理它。
如中所述，必须将其命名为
函数，而不是
字符串

参考：请参阅以了解summernote如何处理它

    <?php
$script = <<< JS
var HelloButton = function (context) {
  var ui = $.summernote.ui;

  // create button
  var button = ui.button({
    contents: '<i class="fa fa-child"/> Hello',
    tooltip: 'hello',
    click: function () {
      // invoke insertText method with 'hello' on editor module.
      context.invoke('editor.insertText', 'hello');
    }
  });

  return button.render();   // return button as jquery object 
}        
JS;
$this->registerJs($script);
?>

<div class="note-btn-group btn-group note-mybutton"></div>