CKEditor 5的Angular指令不起作用

Question

我正在嘗試為CkEditor5創建指令，但它不會更改模型值。

這是我的指令代碼：

      .directive('ckEditor', function () {       
       return {
         require: '?ngModel',
         link: function (scope, element, attr, ngModel) {
             if (!ngModel) return;

             ClassicEditor.create(element[0]).then((editor) => {

                editor.on('change', () => {
                    scope.$apply(() => {
                        ngModel.$setViewValue(editor.getData());
                    });
                });
                ngModel.$render = () => {
                    editor.setData(ngModel.$modelValue);
                };
                scope.$on('$destroy', () => {
                    editor.destroy();
                });
            });
        }
    }
})

“更改”事件沒有任何作用。 誰能解釋這里不正確的地方？

Answer 1

您沒有正確綁定到CKEditor的基礎數據更改事件。

特別，

editor.model.document('change:data', () => { /* ... */ });

這是一個可行的演示。