Javascript 如何在使用AngularJS时将自定义按钮添加到CKEditor？

在stackoverflow的帮助下，我能够将CKEditor与Angularjs一起使用

我对代码做了一些修改，因为我想使用内联模式

var ck = CKEDITOR.inline(elm[0]);

然后，我需要向CKEditor添加额外的函数，所以我搜索并在JSFIDLE上做了一些实验

答案中的JS小提琴表明它实际上是有效的

但是，当我尝试将以上两种方法结合起来时，CKEditor仍然可以工作，但是没有添加自定义函数

我的代码在目录中

var ck = CKEDITOR.inline( elm[0] );

if (elm.hasClass('ng-hide')) return;
if (!ngModel) return;

ck.on('pasteState', function() {
    scope.$apply(function() {
        ngModel.$setViewValue(ck.getData());
    });
});

ck.addCommand("mySimpleCommand", {
    exec: function(edt) {
       alert(edt.getData());
    }
});

ck.ui.addButton('SuperButton', {
    label: "Click me",
    command: 'mySimpleCommand',
    toolbar: 'insert',
    icon:'http://chart.apis.google.com/chartchst=d_map_pin_letter&chld=|999999|000000'
});

ngModel.$render = function(value) {
    ck.setData(ngModel.$viewValue);
};

我真的不知道把两段工作代码混合在一起会出什么问题。我错过了什么