CKEditor setData方法 异常问题解决
来源:互联网 发布:汽车票制作生成器软件 编辑:程序博客网 时间:2024/06/14 03:25
从官网下载的最新版的CKEditor,网站里头测试时发现一个奇怪的问题:
在webkit浏览器下(除了IE,其他的就没测试了...),setData方法只有第一次初始化后是正确赋值至编辑框中的,当再次初始化CKEditor时内容怎么也无法显示出来,必须重新刷新整个页面,调试器观察发现里头根本没有数据。。。
由于在IE下正确显示了数据,代码应该没啥大问题,也不太可能每次要显示数据都刷新整个页面,于是一阵谷歌、度娘,无果。。。
鼓捣n久,不知道是bug还是神马,无奈只能自己想了个办法替代下,分析了下CKEditor生成的源码后,发现CKEditor输入框是放在一个iframe的body中的,
于是解决方法有了:
----->访问CKEditor中的iframe,获取里头body元素,直接暴力将数据插入。。。问题利马解决!
测试代码:
_html = $("#list_newscontent").html();
CKEDITOR.instances.newsEditor.setData(_html,{callback:function(){
_input_value = CKEDITOR.instances.newsEditor.getData();
if(_input_value == "")
{
_outsidepage = $("#newsman_add");//自定义ID
_editor = $("iframe",_outsidepage)[0];//获取iframe对象
if(_editor != undefined)
{
$(_editor).contents().find("body").html(_html);//访问iframe中的body,并插入html
}
}
}});
后记:
为了便于访问,我在CKEditor代码外部设置了一个div标签并设置id,便于直接访问CKEditor中的iframe
- CKEditor setData方法 异常问题解决
- Thread.SetData 方法
- Thread.SetData 方法
- Android intent.setData方法
- ckeditor 表情 问题解决
- HBase unknown host异常问题解决方法
- Itellij 2016 光标异常问题解决方法
- IAR 代码文字显示异常问题解决方法
- CkEditor+CKFinder整合方法
- CKeditor的调用方法
- CKEditor使用中遇到的问题解决
- CKEditor使用中遇到的问题解决
- botp单据转换时出现空异常的问题解决方法。
- 重复insmod 一个ko模块导致的异常问题解决方法
- OpenCV 3.1 imwrite()函数写入异常问题解决方法
- vs新建项目时出现“异常来自HRESULT: "问题解决方法
- JAVA+CKEditor+CKFinder 配置异常解决方案
- YII使用ckeditor的方法
- (14)mysql中的事件
- Sencha Touch学习笔记(一)类
- Redis的5中类型的操作
- Win8 Metro(C#)数字图像处理--2.49Zhang二值图像细化算法
- php处理xml
- CKEditor setData方法 异常问题解决
- 黑马程序员——OC-4:类和对象
- ffmpeg + x264 + ios 编译
- 分屏利器tmux
- 关于嵌入式ARM需知
- yate学习--yateclass.h--class YATE_API GenObject
- Android 程序优化 - 界面布局
- 剑指offer--数组中重复的数字
- 喷水装置(1)