我正在使用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%;
}
我仍然面临着同样的错误,我对正在发生的事情一无所知。任何帮助将不胜感激。
谢谢!
答案 0 :(得分:0)
错误指出CKEDITOR.instances[ckID]
是undefined
。
由于ckID
不是变量,因此引用必须替换为
CKEDITOR.instances['ckID']