uibb模态上的ckEditor在angular js中不起作用

时间:2019-01-28 11:38:43

标签: angularjs ckeditor

我正在使用angular js在uibmodal窗口上显示CK编辑器。

 <div>
 <textarea ckeditor="editorOptions" id="ckID" ng-model="content"></textarea>
 </div>

我想单击名为“ insertDynamicContent1”的按钮并在CK编辑器中插入一段文本,并且正在使用以下内容;

    $scope.insertDynamicContent1 = function(str) {

        CKEDITOR.instances[ckID].insertText(str);

    };

我遇到以下错误-

angular.js:11607 TypeError: Cannot read property 'insertText' of 
undefined
at l.$scope.insertDynamicContent1 (templates-controller.js:191)
at angular.js:12345
at f (angular.js:21438)
at l.$eval (angular.js:14401)
at l.$apply (angular.js:14500)
at HTMLButtonElement.<anonymous> (angular.js:21443)
at HTMLButtonElement.c (angular.js:3014)

我遍历了堆栈帖子How to use CKEditor in a Bootstrap Modal?,该文章指定为CK编辑器或模型窗口修改z-index值,所以我做了以下工作;

//added it to ck-ediotr's config.js
config.baseFloatZIndex = 20000; 

//added it to the css to modify the model class
.custom-dialog .modal-dialog {
z-index: 10000 !important;
width: 90%;
top: 30%;
}

我仍然面临着同样的错误,我对正在发生的事情一无所知。任何帮助将不胜感激。

谢谢!

1 个答案:

答案 0 :(得分:0)

错误指出CKEDITOR.instances[ckID]undefined。 由于ckID不是变量,因此引用必须替换为

CKEDITOR.instances['ckID']