今天写了一段代码:目的是向CKEditor中插入数据如下:
function insertSrc(srcArray){
var i=0
for (i=0;i<=srcArray.length;i++)
{
var oEditor = CKEDITOR.instances.articleContent;
var editorData_old = oEditor.getData() ;
var editorData_new = editorData_old.substring(0,editorData_old.indexOf('</head>'))
+
srcArray[i]
+ editorData_old.substring(editorData_old.indexOf('</head>')) ;
oEditor.setData(editorData_new) ;
}
}
经过调试发现该函数执行有问题,循环中后几个循环不能执行。原因就是CKEDITOR中的setData()方法是ajax异步的。
最终改写代码为:
function insertSrc(srcArray){
var oEditor = CKEDITOR.instances.articleContent;
var editorData_old = oEditor.getData() ;
var old_begin = editorData_old.substring(0,editorData_old.indexOf('</head>')) ;
var old_end = editorData_old.substring(editorData_old.indexOf('</head>')) ;
var insertData = '' ;
for(var i=0;i<srcArray.length;i++)
{
insertData = insertData + srcArray[i] ;
}
var editorData_new =old_begin + insertData + old_end ;
oEditor.setData(editorData_new) ;
}
注:我们应该知道CKEditor中getData()方法是正常的方法,而setData()方法是异步方法。
分享到:
相关推荐
最新ckeditor4.0自定义标签操作步骤,配有详细的操作步骤,并将自定义好标签ckeditor4.0包上传,值得下载!!!
ckeditor4 视频插件html5-video功能增强,添加中文显示,新增添加封面的功能。内有用法示例,请丢在服务器里预览效果。
CKEditor实现本地视频和图片的上传功能,不用kfinal
Ckeditor4菜单栏 Ckeditor4与ie兼容问题 菜单选项不能展开
这个ckeditor的version为4.6.1,。 主要是添加了拖拽上传图片个上传视频的功能, 具体教程看博文:http://blog.csdn.net/u014044812/article/details/53897024
把ckeditor 3.4的ckeditor.js复盖就行
CKEditor 4.10.1 中文版 更新日志:2018-11-01已修复问题:已修复:[自动填充]无法在[之前]初始化`instanceReady`];修复:按住并释放鼠标按钮未插入[autocomplete]建议;修正:[Emoji]插件中的匹配不是不区分大小写;...
在ckeditor 4.1两端对齐按钮插件中加入text-justify:inter-ideograph,以支持中文两端对齐显示。
jsp中使用ckeditor需要的jar包,js以及本人成功使用步骤
extjs中嵌入ckeditor的完整实例,同时有ckeditor的配置说明
在这个包中,包含了原来的代码,当时这里调用了CKEditor api中的js函数,从而解决了CKEditor的项目路径问题,在CKEditor的自定义标签中不支持表达式,所以不能使用项目路径,所以需要使用js代码解决
但网上很多配置都有问题,自己摸索了好久终于搞定。需要注意的细节有:flvPlayer文件夹的内容直接放在ckeditor文件夹里面的plugins文件夹下面。然后配置config.js文件的节点:config.extraPlugins = 'flvPlayer'; ...
ckeditor3.6详细的用法说明和配置.很好用!
FCKeditor是一个专门使用在网页上属于开放源代码的所见即所得文字编辑器。它志于轻量化,不需要太复杂的安装步骤即可使用。不用多介绍 全中文说明 英文不好的同学有福了
ckeditor
在asp中使用ckeditor开启图片上传功能的设置方法: 1、下载asp版本的ckfinder,放到ckeditor目录下 2、修改ckeditor\config.js,加上如下内容: CKEDITOR.editorConfig = function( config ) { config.scayt_...
rar包内包括ckeditor、ckfinder、和自己写的中文使用说明,按照这个说明,至少能运行起来
在VS2008中整合ckeditor和ckfinder两者的完美结合,相信你可以用的舒服。
直接在ckeditor的按钮中显示文件浏览按钮,点击后打开文件浏览窗口,上传或管理文件(必须安装ckfinder先) config.js中添加名为File的按钮 config.js中添加 config.filebrowserFileBrowseUrl = '/js/ckfinder/...
最新ckeditor_ckfinder整合超完整版 for PHP版让你的文本编辑器支持图片和FLASH的上传 附ckeditor完整中文配置