Angular 带有 CKEditor 消失文本的 ngView

Angular ngView with CKEditor disappearing text

切入正题嘿嘿

使用 angular 为客户构建管理后端系统。这个站点和后端是用 Node 和 Angular 构建的。我有一个 post 编辑器设置,因此当您单击 link 编辑 post 时,locationProvider 和 ngRoute 开始工作并用新控制器替换部分,并且更新 url.

此时,一切都完美呈现。

当我点击取消(这是返回到 post 列表视图的标准 link 或提交(这很神奇,然后重定向到相同的 url 作为取消),这有效。

当我点击 link 再次编辑相同的 post 时。应该在 CKEditor 中的内容是空白的。但是,当使用 Chrome 开发工具时,我可以看到 tw 原始输入字段中的内容正确,但 iframe 中除了 CKEditor Chrome.

什么都没有

至于代码,

在我的控制器中它看起来像这样:

$scope.post = null;
$http.get('/api/post/'+$routeParams.id)
.success(function(data,status,headers){
    $scope.post = data;
});
$(function() {
     CKEDITOR.replace("content");
});

$scope.submit = function() { 
    // submission code here
};

这里很基础,只是想先了解一下基础知识。

我加载 CKEditor 的方式有问题吗?

CKEDITOR.replace("content") 会将 html 元素替换为 CKEditor 实例。假设 "content" 是您 html 中的某个 div id 或文本区域。

设置你需要使用的内容

CKEDITOR.instances["content"].setData("Contents to be displayed in text area");