Angular 带有 CKEditor 消失文本的 ngView

Question

切入正题嘿嘿

使用 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 的方式有问题吗？

Answer 1

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

设置你需要使用的内容

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

Angular 带有 CKEditor 消失文本的 ngView

Angular ngView with CKEditor disappearing text

ckeditor

node.js

angularjs

ng-view