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");
切入正题嘿嘿
使用 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");