获取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() ;
}
分享到:
相关推荐
### FCK编辑器API函数详解 #### 一、引言 在进行Web开发时,富文本编辑器成为了不可或缺的一部分,特别是在需要用户提供复杂格式文本的情况下。FCK编辑器因其丰富的功能和良好的兼容性,在众多富文本编辑器中...
在代码的最后,使用了unset函数来释放变量$fck_area和$fcked。这是因为变量在不再需要时应当释放掉,这样可以减少内存的占用,并且避免变量名冲突。 根据上述知识点,我们可以将文档中的函数代码解释为: 该函数...
在提供的文件中,`jsp工具函数类.doc`可能包含了一些与JSP自定义函数相关的示例代码或指南,可以帮助开发者更好地理解如何在JSP中实现和使用自定义函数。`Proxool数据库连接池配置.doc`应详细介绍了如何配置和使用...
2. **配置编辑器**:在解压后的目录中,找到配置文件`fckconfig.js`,根据需要修改相关配置,如语言设置、工具栏布局等。 3. **集成到网页**:在网页中引入FCKeditor的JavaScript文件,通常包括`fckeditor.js`和`...
标题"FCK使用"指的是FCKeditor的使用教程或经验分享,FCKeditor是一个曾经非常流行的开源HTML文本编辑器,常用于网站内容管理系统中,让用户能够像在Word中一样编辑网页内容。这篇博客文章可能详细介绍了如何集成、...
《.NET FCK编辑器:网站后台的高效文本编辑解决方案》 .FCKeditor,全称为“FCKeditor for .NET”,是一款广泛应用于网站后台的开源HTML文本编辑器,专为.NET平台设计。它以其易用性、功能强大和高度可定制性著称,...
### fck上传等功能不能使用(fck和ie9的问题) #### 概述 在使用FCKeditor时,可能会遇到在Internet Explorer 9 (IE9) 浏览器中某些功能无法正常工作的情况,例如文件上传功能。这主要是由于IE9与FCKeditor之间...
标题中的"fck.rar_fck"可能指的是FCKeditor的一个压缩包文件,其中包含了该编辑器的相关资源和代码。 FCKeditor的主要特点包括: 1. **跨浏览器兼容性**:FCKeditor支持多种主流浏览器,如Internet Explorer、Fire...
CodeIgniter提供了`$this->security->xss_clean()`函数,可以用来清理用户输入,防止恶意代码注入。 通过以上步骤,你应该能在CodeIgniter中成功集成FCKeditor。这个过程需要对CodeIgniter框架和前端开发有基本的...
在ECShop这个电子商务平台中,后台商品管理功能的增强通常涉及到对数据库结构的调整和相关程序文件的修改。本主题主要介绍了如何在ECShop后台添加一个新的FCKeditor,用于商品描述的编辑,同时详细阐述了实现这一...
FCK在线编译器是一款强大的富文本编辑器,主要用于网页中的文字内容编辑,它提供了丰富的文本格式化选项,包括字体、大小、颜色、对齐方式等,还支持插入图片、链接、表格等复杂元素,极大地提高了用户在网页端编辑...
3. **初始化编辑器**:在ASP代码中,调用FCKeditor的初始化函数,指定编辑器的ID和宽度、高度等属性。 4. **配置路径**:根据FCKeditor的结构,配置图片、文件上传的保存路径以及皮肤、语言等资源的路径。 5. **测试...
使用FCKeditor为WordPress的第三方工具,开发者可以定制编辑器的外观和功能,比如添加自定义按钮来执行特定的JavaScript函数,或者调整工具栏布局以适应特定的编辑需求。此外,还可以通过插件实现与WordPress媒体库...
**FCK富文本编辑器详解** FCKeditor是一款开源的JavaScript富文本编辑器,它为网页开发者提供了一种在浏览器端进行文字编辑、格式化和插入多媒体内容的强大工具。FCKeditor的名字来源于其创始人Fernando Monteiro的...
**FCK编辑器详解** FCKeditor是一款开源的JavaScript富文本编辑器,它为Web开发者提供了在网页上创建和编辑富文本内容的功能。这款编辑器以其强大的功能、易用性和可扩展性,曾经广泛应用于各类网站和应用程序。...
《掌握FCK编辑器:实现中文图片上传功能》 FCKeditor是一款强大的开源在线文本编辑器,它使得在网页上创建和编辑富文本内容变得轻松易行。然而,原版的FCKeditor存在一个限制,即仅支持数字或字母命名的图片上传。...
Java中的FCK编辑器是一款强大的在线文本编辑器,它提供了类似Word的富文本编辑功能,让用户在网页上能够实现所见即所得(WYSIWYG)的编辑体验。这款编辑器支持图片上传、Flash嵌入,并且允许自定义工具栏,使得...
### js 修改 FCK 编辑器的值 #### 背景介绍 FCKeditor(现更名为 CKEditor)是一款广泛使用的富文本编辑器,它能够为网页提供强大的文本编辑功能,支持图片插入、表格制作等多种高级操作。在 Web 开发过程中,经常...
4. **初始化编辑器**:通过JavaScript调用FCKeditor.Create()函数来实例化编辑器,指定 textarea 的ID作为参数。 5. **自定义设置**:根据项目需求,可以通过配置文件或直接修改JavaScript代码来调整编辑器的外观和...