Как вставить пользовательскую кнопку в угловую летнюю заметку

Согласно документации, вы должны сделать что-то вроде этого:

<div ng-controller="OptCtrl">
  <summernote config="options"></summernote>
</div>

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
}

angular.module('summernoteDemo', ['summernote'])
    .controller('OptCtrl', function($scope) {
      $scope.options = {
        toolbar: [
          ['mybutton', ['hello']]
        ],
        buttons: {
          hello: HelloButton
        }
      };
    });

Я попробовал этот пример. Он хорошо показывает кнопку привет, но у меня есть ошибка, когда я нажимаю на нее:

Uncaught TypeError: Cannot read property 'invoke' of undefined

на этой строке context.invoke('editor.insertText', 'hello'); (контекст не определен..)

У вас есть идеи о том, как его решить?

Я использую:

"summernote": "^0.7.3",
"angular-summernote": "^0.7.1"

благодаря