FCKEDITOR 相关函数介绍
程序员文章站
2024-01-01 19:22:10
获取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() ;
}
推荐阅读
-
FCKEDITOR 相关函数介绍
-
Python run()函数和start()函数的比较和差别介绍
-
php常用Output和ptions/Info函数集介绍_PHP
-
有关PHP中封装的PDO数据库操作类的相关介绍
-
php中拆分和组合字符串函数介绍_PHP教程
-
PHP函数ini_get_all获取设置选项变量的方法介绍_PHP教程
-
揭秘微信朋友圈广告:量级、价格、合作流程等相关介绍
-
WordPress开发中用于标题显示的相关函数使用解析,wordpress标题_PHP教程
-
PHP4的新函数介绍-输出信息控制函数,以前别人转发的_PHP教程
-
修改Laravel中url()函数生成URL的根地址的方法介绍