网页编辑器

关注公众号 jb51net

关闭
首页 > 网络编程 > 网页编辑器 > FCK 编辑器焦点

FCK 编辑器焦点问题

作者:

在使用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的朋友对遇到这样的问题有点帮助。
阅读全文