使用FCKeditorAPI与fckeditor交互
作者:zccst
1,获取name值,
FCKeditorAPI.GetInstance('yourtextareaname').GetHTML(); //整个dom
FCKeditorAPI.GetInstance('yourtextareaname').GetXHTML(); //带标签
也可以
FCKeditorAPI.Instances.yourtextareaname.GetXHTML(html);
GetHTML( formatted ), or GetXHTML( formatted ), or GetData( formatted )
- retrieves the edited html from the editor.
获取编辑器中的html内容,其中oEditor.GetXHTML(formatted); // formatted 为:true|false,表示是否按HTML格式取出
2,设置name值
FCKeditorAPI.Instances.yourtextareaname.SetHTML(html);
追加插入name值
FCKeditorAPI.Instances.yourtextareaname.InsertHtml(html);
批注:其实弄清楚如何使用,最好的办法是查看dom。因为一旦fckeditor加载成功,则会显示其dom对象,及子对象,还有他们的方法。
附:官方资料
FCKeditor JavaScript API
地址:http://docs.cksource.com/FCKeditor_2.x/Developers_Guide/JavaScript_API
FCKeditor offers a complete JavaScript API so you can interact with it once the editor is loaded and running.
Once loaded, the editor registers a global object called FCKeditorAPI. This object offers the entry point to
interact with any editor instance placed in a page (you can have more than one).
NOTE: The FCKeditorAPI object will not be available during the page load. You need to wait for the editor to
be loaded to use it. If you need to interact with the editor right after is has been loaded, use the
"FCKeditor_OnComplete" function (see Events).
Retrieving an Editor Instance
From out of an external script
When placing the editor in the page, you give it an "instance name". To retrieve it, you must simply call the FCKeditorAPI.GetInstance method.
Example:
var oEditor = FCKeditorAPI.GetInstance('InstanceName') ;
From out of a dialog of the editor
Call the InnerDialogLoaded to get the FCKObject.
Example:
var oEditor = window.parent.InnerDialogLoaded().FCK ;
Both methods return the main FCKeditor object that gives the necessary bridge to interact with it. These are the most useful properties and methods of this object:
Properties:
Name = ( string ) - the instance name.
Status = ( integer ) - the editor status (loading status).
EditorDocument = ( object ) - the DOM Document object for the editing area.
EditorWindow = ( object ) - the DOM Window object for the editing area.
Methods:
AttachToOnSelectionChange( functionPointer )
Focus()
SetHTML( html ), or SetData( html ) - sets the contents of the editor. Note that when using this method, you will loose any listener that you may have previously registered on the editor.EditorDocument.
GetHTML( formatted ), or GetXHTML( formatted ), or GetData( formatted ) - retrieves the edited html from the editor.
InsertElement( element )
InsertElementAndGetIt( e )
InsertHtml( html ) - inserts HTML in the current cursor position
IsDirty() - checks if the content in the editor has been changed
MakeEditable()
ResetIsDirty() - resets the dirty state
SwitchEditMode()
UpdateLinkedField()
分享到:
相关推荐
总的来说,FCKeditor API是一个功能强大的文本编辑器工具,它为Web开发者提供了丰富的交互式编辑功能。理解和掌握其API是构建富文本编辑功能网页的重要步骤。在实际应用中,根据项目需求进行适当的配置和扩展,能够...
var editor = FCKeditorAPI.GetInstance('myEditor'); var htmlContent = editor.GetValue(); // 获取编辑器中的HTML内容 ``` 然后,可以将`htmlContent`发送到服务器进行存储或处理。 除了基础用法,FCKeditor还...
它的API(Application Programming Interface)允许开发者通过JavaScript进行一系列的交互和控制,包括获取和设置编辑器内容、执行各种编辑操作以及与其他页面元素互动。 1. **获取和设置编辑器内容** - `...
var content = FCKeditorAPI.GetInstance('fckeditor').GetHTML(); // 将content保存到服务器或EXT的数据模型中 }; ``` **6. 注意事项** - 由于FCKeditor和EXT都是JavaScript库,所以需要考虑兼容性和加载顺序。 ...
需要注意的是,在页面加载过程中,`FCKeditorAPI`对象不可用,因此需要等待编辑器加载完成之后才能使用。 ##### 从外部脚本获取实例 当你在页面中放置编辑器时,会给编辑器分配一个“实例名称”。为了获取该实例,...
除了获取内容,还可以使用`FCKeditorAPI`来设置编辑器的内容。这通常在需要预填充编辑器或者动态更新编辑器内容时使用。 ```javascript function SetEditorContents(EditorName, ContentStr) { var oEditor = ...
在实际应用中,可能需要根据项目需求对FCKeditor进行更复杂的集成,比如与数据库交互,保存和加载编辑器中的内容。这可以通过在表单提交后,获取编辑器的值(`$oFCKeditor->Value`),并将其保存到数据库中;当需要...
4. **与EXT组件交互**:如果需要将FCKeditor与EXT的其他组件(如表单、面板等)结合使用,可以通过监听FCKeditor的事件(如`OnComplete`)来实现数据同步。例如,当编辑器内容改变时,可以更新EXT组件中的模型数据。...
插件开发涉及JavaScript编程和FCKeditor的API交互。 2. **多语言支持**: FCKeditor原生支持多语言,你可以在配置中添加或修改语言包,以适应不同的用户群体。 3. **文件管理器集成**: FCKeditor可以集成文件管理器...
每个插件都包含JavaScript代码,可与编辑器核心进行交互。 4. **语言文件(language files)**:为了支持多语言,FCKeditor提供了不同语言版本的配置文件。这些文件包含了界面上的提示和错误信息,可以根据需要选择...
要获取FCKeditor中的内容,我们可以使用FCKeditorAPI的`GetHTML()`方法。这个方法返回编辑器当前显示的HTML内容。以下是一个简单的示例: ```javascript var editorInstance = window.FCKeditorAPI.GetInstance('...
这涉及到创建一个新的EXT类,继承自EXT的基础组件,并实现与FCKEditor交互的方法。 集成步骤可能包括以下几点: 1. **引入FCKEditor资源**:下载并引入FCKEditor的JavaScript和CSS文件到你的EXT应用中。这通常是在...
- 提供了一系列API接口,用于与FCKeditor交互。 - **适时打开编辑器**:可以在特定事件触发时打开编辑器。 #### 4. 修改FCKeditor的配置 ##### 4.1 方法一:修改fckconfig.js文件 - 编辑`fckconfig.js`文件,...
JavaScript是与FCKeditor交互的主要语言,用于获取和设置编辑器中的内容,以及执行各种编辑操作。本文将详细介绍如何使用JavaScript获取和操作FCKeditor的内容。 首先,FCKeditor在页面加载完成后会注册一个全局...
首先,FCKeditor本身是用JavaScript编写的,因此在Java项目中使用它主要是通过在前端页面引入FCKeditor的JavaScript库,并在后端处理与编辑器相关的数据交互。FCKeditor提供了丰富的API,可以自定义编辑器的样式、...
解压后,我们可以找到FCKeditor的Java接口和示例代码,这些接口允许JSP页面与FCKeditor进行交互,如初始化编辑器、获取和设置编辑器内容等。 2. **fckeditor**:这可能是FCKeditor的JavaScript版本,用于在客户端...
本文将深入探讨CuteEditor和FCKeditor的破解与使用示例。 首先,我们要明确一点:虽然“破解”这个词在某些场景下可能暗示了非法行为,但在这里我们指的是绕过官方授权限制,通常是针对开源项目在个人或非商业项目...
6. **交互与数据绑定**:在WinForm中,我们需要找到一种方式与FCKeditor交互,获取或设置编辑器的内容。可以通过`WebBrowser`控件的`Document`属性访问HTML文档,然后调用JavaScript方法。例如,获取内容: ```...
在这个压缩包中,"在.net中的使用方法.doc"文档很可能是详细介绍了如何在ASP.NET项目中集成和配置FCKeditor的步骤,包括了安装、引用、初始化编辑器以及处理用户交互的代码示例。 集成FCKeditor到ASP.NET应用中,...