FCK 编辑器焦点问题
更新时间:2009年11月05日 00:02:20 作者:
在使用FCK编辑器的时候,我们经常会进行对FCK编辑器的赋值操作,赋值的操作有两个关键的地方,如果不清楚的话出了错还百思不得其解.
第一个问题:廷时处理
在页面刚加载的时候对FCK赋值,比如在信息列表中选中一条信息进行查看或修改的时候,信息添加的时候用FCK编辑的,加载页面的时候会加载FCK编辑器,此时会报出一个错误:"FCKeditorAPI undefined",这是为什么呢,因为页面加载对FCKeditorAPI 赋值时FCKeditorAPI 还没创建好,所以才会出现这个错误。那如何解决呢?
我们做一个廷时处理就可以了:
//id:控件ID,data:对控件赋值的内容
function SetData(id,data) {
if (typeof FCKeditorAPI == "undefined" || !FCKeditorAPI.GetInstance(id).EditingArea) {
setTimeout(function() { SetData(id,data); }, 500);
return;
}
FCKeditorAPI.GetInstance(id).EditorDocument.body.innerHTML = data;
setTimeout(function() { FCKeditorAPI.GetInstance(id).Focus(); }, 100);
}
这样就OK了,>.<
第二个地方:对DOM对象进行赋值
赋值的时候我们一般用FCKeditorAPI.GetInstance("控件ID").SetHTML("赋值字符串")来进行赋值,这样也是正确的,但在页面加载的时候这样赋值是不行了,
如果这样赋值你会发现鼠标焦点的控制就有问题了,获取焦点也获取不到,这个时候就要用另一种赋值方式了,对控件的DOM对象进行赋值:
FCKeditorAPI.GetInstance(“控件ID”).EditorDocument.body.innerHTML = “赋值字符串”;
这样赋值焦点就恢复正常了。
碰到这个问题的时候也郁闷了好久,希望对使用FCK的朋友对遇到这样的问题有点帮助。
在页面刚加载的时候对FCK赋值,比如在信息列表中选中一条信息进行查看或修改的时候,信息添加的时候用FCK编辑的,加载页面的时候会加载FCK编辑器,此时会报出一个错误:"FCKeditorAPI undefined",这是为什么呢,因为页面加载对FCKeditorAPI 赋值时FCKeditorAPI 还没创建好,所以才会出现这个错误。那如何解决呢?
我们做一个廷时处理就可以了:
//id:控件ID,data:对控件赋值的内容
function SetData(id,data) {
if (typeof FCKeditorAPI == "undefined" || !FCKeditorAPI.GetInstance(id).EditingArea) {
setTimeout(function() { SetData(id,data); }, 500);
return;
}
FCKeditorAPI.GetInstance(id).EditorDocument.body.innerHTML = data;
setTimeout(function() { FCKeditorAPI.GetInstance(id).Focus(); }, 100);
}
这样就OK了,>.<
第二个地方:对DOM对象进行赋值
赋值的时候我们一般用FCKeditorAPI.GetInstance("控件ID").SetHTML("赋值字符串")来进行赋值,这样也是正确的,但在页面加载的时候这样赋值是不行了,
如果这样赋值你会发现鼠标焦点的控制就有问题了,获取焦点也获取不到,这个时候就要用另一种赋值方式了,对控件的DOM对象进行赋值:
FCKeditorAPI.GetInstance(“控件ID”).EditorDocument.body.innerHTML = “赋值字符串”;
这样赋值焦点就恢复正常了。
碰到这个问题的时候也郁闷了好久,希望对使用FCK的朋友对遇到这样的问题有点帮助。
相关文章
新浪博客在线编辑器傻瓜调用版(2007.11.1第四次修正)提供下载了
新浪博客在线编辑器傻瓜调用版(2007.11.1第四次修正)提供下载了...2007-11-11FCKeditor + SyntaxHighlighter 让代码高亮着色插件
FCKeditor是现在最为流行的开源编辑器,SyntaxHighlighter是一个用JS实现的代码高亮显示插件,FCKeditor + SyntaxHighlighter 让代码高亮着色,可以最小化修改您的程序实现效果2014-06-06整合ckeditor+ckfinder,解决上传文件路径问题
现在fckeditor已经改名为ckeditor,上传控件也分离为ckfinder,按照说明文档的默认配置会出现上传路径不正确的情况,因为我们的网站可以通过定义默认网站、虚拟目录、以及放在网站的子目录下进行访问2011-11-11
最新评论