我的AngularJS指令是:
.directive('ckEditor', function() {
return {
require: '?ngModel',
link: function(scope, elm, attr, ngModel) {
var ck = CKEDITOR.replace(elm[0]);
if (!ngModel) return;
ck.on('pasteState', function() {
scope.$apply(function() {
ngModel.$setViewValue(ck.getData());
});
});
ngModel.$render = function(value) {
ck.setData(ngModel.$viewValue);
};
}
};
让我们说我的观点如下:
<textarea ck-editor name="menu_content" style="width:600px; height:300px;" id="menu_content" ng-model="models.menu_content" ub-search-settings=""></textarea>
当视图被调用时,CKEditor显示而不是TextArea。没关系。 现在,我的问题是CKEditor在下次没有重新加载整个页面时调用视图时没有显示。
答案 0 :(得分:2)
将此添加到您的指令:
ck.on('instanceReady', function() {
ck.setData(ngModel.$viewValue);
});