在angular的局部视图中使用CKEditor
在angular的局部视图中使用CKEditor
提问于 2013-08-30 03:26:34
我目前使用CKEditor作为我网站上文本的所见即所得编辑器。我在使用这个编辑器处理angular的局部视图时遇到了一个问题。视图是用ng-hide和ng-show隐藏的。
当我在当前局部视图之外时，编辑器工作得很好。这意味着工具栏会弹出，工具栏上的按钮可以工作，文本也可以编辑。
然而，当我在我的局部视图中时，弹出窗口仍然出现，但文本不可编辑，并且按钮被禁用。
这是我当前用来打开编辑器的代码
plunker.directive('ckEditor', function($http, $timeout) {
return {
require: '?ngModel',
link: function(scope, elm, attr, ngModel) {
var ck = CKEDITOR.inline(elm[0]);
if (!ngModel) return;
ck.on('pasteState', function() {
scope.$apply(function() {
ngModel.$setViewValue(ck.getData());
});
});
ngModel.$render = function(value) {
ck.setData(ngModel.$viewValue);
};
}
};
});所以我的问题是，有没有人让CKEditor来处理部分视图？如果是这样，你是怎么做到的？
回答 1
Stack Overflow用户
发布于 2013-09-11 06:15:23
您没有提供任何示例，所以很难说。可能有几个原因，
check are has >检查元素类型是否受div
- ensure支持-如果不支持，您将不得不通过从
contenteditable='true'
- ensure复制一些设置来修改CKEditor配置您的element has
div
- ensure
contenteditable='true'
- ensure您正在手动检测CKEditor，以便为您的部分提供编辑器。
您可能还想阅读以下内容：Enable CKEditor4 inline on span and other inline tags http://docs.ckeditor.com/#!/api/CKEDITOR.dtd-property-S-editable
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/18519459
复制相关文章
相似问题
腾讯云开发者
