Wie eine benutzerdefinierte Schaltfläche in Winkel summernote

Question

Nach documentation einzufügen, sollten Sie etwas tun:

<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 
     } 
     }; 
    }); 

habe ich versucht, dieses Beispiel. Es zeigt die gut hallo Taste, aber ich habe einen Fehler bekam, wenn ich darauf klicke:

Uncaught TypeError: Cannot read property 'invoke' of undefined 

auf dieser Linie context.invoke('editor.insertText', 'hello'); (Kontext ist nicht definiert ..)

Haben Sie eine Vorstellung davon, wie um es zu lösen?

Ich verwende:

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

Dank

Answer 1

Problem gelöst durch summernote und Winkel summernote zur letzten Veröffentlichung zu aktualisieren.