FCKEDITOR 相关函数介绍
程序员文章站
2022-03-20 15:07:05
获取fck的实例 fckeditorapi是fckeditor加载后注册的一个全局对象,利用它我们就可以完成对编辑器的各种操作。 在当前页获得 fck 编辑器实例: var...
获取fck的实例
fckeditorapi是fckeditor加载后注册的一个全局对象,利用它我们就可以完成对编辑器的各种操作。
在当前页获得 fck 编辑器实例:
var editor = fckeditorapi.getinstance('instancename');
从 fck 编辑器的弹出窗口中获得 fck 编辑器实例:
var editor = window.parent.innerdialogloaded().fck;
从 框架页面的子框架中获得其它子框架的 fck 编辑器实例:
var editor = window.framename.fckeditorapi.getinstance('instancename');
从页面弹出 窗口中获得父窗口的 fck 编辑器实例:
var editor = opener.fckeditorapi.getinstance('instancename');
fck获取焦点
获 取焦点是否在fck中:
oeditor.hasfocus
fck获取焦点:
oeditor.focus();// 获取焦点
获取和设置fck的内容
获得 fck 编辑器的内容:
oeditor.getxhtml(formatted); // formatted 为:true|false,表示是否按html格式取出。
设置 fck 编辑器的内容:
oeditor.sethtml("content", false); // 第二个参数为:true|false,是否以所见即所得方式设置其内容。
插入内容到 fck 编辑器:
oeditor.inserthtml("html"); // "html"为html文本
检查 fck 编辑器内容是否发生变化:
oeditor.isdirty();
// 获取编辑器中html内容
function geteditorhtmlcontents(editorname) {
var oeditor = fckeditorapi.getinstance(editorname);
return(oeditor.getxhtml(true));
}
// 获取编辑器中文字内容
function geteditortextcontents(editorname) {
var oeditor = fckeditorapi.getinstance(editorname);
return(oeditor.editordocument.body.innertext);
}
// 设置编辑器中内容
function seteditorcontents(editorname, contentstr) {
var oeditor = fckeditorapi.getinstance(editorname) ;
oeditor.sethtml(contentstr) ;
}
fck的事件处理
fck 定义有oncomplete,onblur和onfocus等事件,这样就可以使用事件的处理函数完成相应的处理。
fck添加事件处理 函数的方法是:fckinstance.events.attachevent( eventname, function)
代码
//fckeditor 加载完成后做处理的方法
function fckeditor_oncomplete( editorinstance )
{
editorinstance.events.attachevent( 'onblur' , fckeditor_onblur ) ;
editorinstance.events.attachevent( 'onfocus', fckeditor_onfocus ) ;
}
function fckeditor_onblur( editorinstance )
{
//失去焦点收起工具栏
editorinstance.toolbarset.collapse() ;
}
function fckeditor_onfocus( editorinstance )
{
editorinstance.toolbarset.expand() ;
}
fckeditorapi是fckeditor加载后注册的一个全局对象,利用它我们就可以完成对编辑器的各种操作。
在当前页获得 fck 编辑器实例:
var editor = fckeditorapi.getinstance('instancename');
从 fck 编辑器的弹出窗口中获得 fck 编辑器实例:
var editor = window.parent.innerdialogloaded().fck;
从 框架页面的子框架中获得其它子框架的 fck 编辑器实例:
var editor = window.framename.fckeditorapi.getinstance('instancename');
从页面弹出 窗口中获得父窗口的 fck 编辑器实例:
var editor = opener.fckeditorapi.getinstance('instancename');
fck获取焦点
获 取焦点是否在fck中:
oeditor.hasfocus
fck获取焦点:
oeditor.focus();// 获取焦点
获取和设置fck的内容
获得 fck 编辑器的内容:
oeditor.getxhtml(formatted); // formatted 为:true|false,表示是否按html格式取出。
设置 fck 编辑器的内容:
oeditor.sethtml("content", false); // 第二个参数为:true|false,是否以所见即所得方式设置其内容。
插入内容到 fck 编辑器:
oeditor.inserthtml("html"); // "html"为html文本
检查 fck 编辑器内容是否发生变化:
oeditor.isdirty();
复制代码 代码如下:
// 获取编辑器中html内容
function geteditorhtmlcontents(editorname) {
var oeditor = fckeditorapi.getinstance(editorname);
return(oeditor.getxhtml(true));
}
// 获取编辑器中文字内容
function geteditortextcontents(editorname) {
var oeditor = fckeditorapi.getinstance(editorname);
return(oeditor.editordocument.body.innertext);
}
// 设置编辑器中内容
function seteditorcontents(editorname, contentstr) {
var oeditor = fckeditorapi.getinstance(editorname) ;
oeditor.sethtml(contentstr) ;
}
fck的事件处理
fck 定义有oncomplete,onblur和onfocus等事件,这样就可以使用事件的处理函数完成相应的处理。
fck添加事件处理 函数的方法是:fckinstance.events.attachevent( eventname, function)
代码
//fckeditor 加载完成后做处理的方法
function fckeditor_oncomplete( editorinstance )
{
editorinstance.events.attachevent( 'onblur' , fckeditor_onblur ) ;
editorinstance.events.attachevent( 'onfocus', fckeditor_onfocus ) ;
}
function fckeditor_onblur( editorinstance )
{
//失去焦点收起工具栏
editorinstance.toolbarset.collapse() ;
}
function fckeditor_onfocus( editorinstance )
{
editorinstance.toolbarset.expand() ;
}