`

JS操作Fckeditor的一些常用方法

 
阅读更多

//向编辑器插入指定代码
function insertHTMLToEditor(codeStr){
 var oEditor = FCKeditorAPI.GetInstance("content");
 oEditor.InsertHtml(codeStr); // "html"为HTML文本
}
//获取编辑器中HTML内容
function getEditorHTMLContents() {
 var oEditor = FCKeditorAPI.GetInstance("content");
 return(oEditor.GetXHTML(false));
}
// 获取编辑器中文字内容
function getEditorTextContents() {
 var oEditor = FCKeditorAPI.GetInstance("content");
 return(oEditor.EditorDocument.body.innerText);
}
// 设置编辑器中内容
function SetEditorContents(ContentStr) {
 var oEditor = FCKeditorAPI.GetInstance("content") ;
 oEditor.SetHTML(ContentStr) ;
}
//向编辑器插入指定代码
function   insertHTMLToEditor(codeStr){
       var   oEditor   =   FCKeditorAPI.GetInstance( "content ");
       if   (oEditor.EditMode==FCK_EDITMODE_WYSIWYG){
             oEditor.InsertHtml(codeStr);
       }else{
             return   false;
       }
}
//统计编辑器中内容的字数
function   getLength(){
       var   oEditor   =   FCKeditorAPI.GetInstance( "content ");
       var   oDOM   =   oEditor.EditorDocument;
       var   iLength   ;
       if(document.all){
             iLength   =   oDOM.body.innerText.length;
       }else{
             var   r   =   oDOM.createRange();
             r.selectNodeContents(oDOM.body);
             iLength   =   r.toString().length;
       }
       alert(iLength);
}
//执行指定动作
function   ExecuteCommand(commandName){
       var   oEditor   =   FCKeditorAPI.GetInstance( "content ")   ;
       oEditor.Commands.GetCommand(commandName).Execute()   ;
}

0
0
分享到:
评论

相关推荐

    JS操作Fckeditor的一些常用方法(获取、插入等)

    **FCKeditor** 是一个非常流行的开源富文本编辑器,它允许用户在网页上进行类似Word的文本编辑。本文将详细介绍如何使用JavaScript与FCKeditor进行交互,...以上就是JS操作FCKeditor的一些基本方法,希望对你有所帮助。

    javascript获取FCKeditor内容.txt

    本文详细介绍了如何使用JavaScript操作FCKeditor编辑器的内容,包括获取和设置内容的方法,以及一些常用的编辑器命令和插件管理技巧。通过这些方法,开发者可以更灵活地控制编辑器的行为,满足不同的业务需求。

    FCKeditor 使用指南及 JavaScript 调用

    4. **常用API方法** - `oFCKeditor.GetInstance('editorId')`:获取指定ID的编辑器实例。 - `oFCKeditor.EditorDocument`:获取编辑器内部的文档对象,可用于进一步的DOM操作。 - `oFCKeditor.Save()`:保存编辑...

    FCKeditor使用方法详解.docx

    请注意,修改`fckconfig.js`时,如果你不熟悉JavaScript,最好在操作前备份文件,以防止错误配置导致问题。FCKeditor的灵活性和易用性使其成为Web开发中的理想选择,可以极大地提升用户体验,简化内容管理。

    比较常用的组建fckeditor的实例

    3. **初始化编辑器**:在JavaScript代码中初始化FCKeditor,指定编辑器的容器元素和一些配置选项,如工具栏布局、初始内容等。 4. **事件处理**:可自定义事件监听,比如在用户提交表单时获取编辑器的内容,或者在...

    javascript获取FCKeditor内容.pdf

    本文将详细介绍如何使用JavaScript获取和操作FCKeditor的内容。 首先,FCKeditor在页面加载完成后会注册一个全局对象`FCKeditorAPI`,通过这个对象我们可以访问并控制FCKeditor实例。获取FCKeditor实例的基本语法是...

    FCKeditor使用指南

    <script type="text/javascript" src="/path/to/fckeditor/fckeditor.js"> <textarea id="editor1" name="editor1"></textarea> <script type="text/javascript"> FCKeditor_OnComplete = function() { // 完成...

    FCKeditor_2.6.3+FCKeditor-2.3.rar

    例如,使用`FCKeditor.Create()`方法创建编辑器实例,`FCKeditor.EditorDocument`可以访问到编辑器内部的DOM文档,便于进一步操作。 总的来说,FCKeditor是一个强大的富文本编辑工具,为Web开发提供了便利,无论是...

    FCKeditor使用指南(FCKeditor_2.6.3)

    1. **初始化编辑器**:通过JavaScript调用`FCKeditor.Create()`方法创建编辑器实例,指定textarea的ID作为参数。 2. **语言设置**:FCKeditor支持多种语言,可以在`languages`目录下找到语言文件,根据需求调整默认...

    FCKeditor2.6.4使用说明

    本文将详细介绍FCKeditor2.6.4的使用方法,帮助开发者和用户更好地理解和操作这个编辑器。 1. **安装与集成** - 下载FCKeditor2.6.4压缩包,解压后将文件夹上传至服务器或本地项目目录。 - 在需要使用编辑器的...

    fckeditor2.6.1在线编辑器

    - **基于JavaScript**:FCKeditor使用JavaScript编写,可以轻松集成到任何支持JavaScript的网页中。 - **DOM操作**:利用浏览器的DOM(Document Object Model)接口,FCKeditor能够实时更新和操作页面内容。 - **...

    FckEditor(包括使用说明).rar

    FckEditor的核心目标是提供一个与操作系统无关的、全功能的在线文本编辑解决方案,使网站管理员和用户能够方便地创建和编辑内容。 **一、FckEditor的功能特性** 1. **所见即所得**:FckEditor提供了一个直观的界面...

    自己精简的fckeditor 2.6.3

    1. **富文本编辑器基础**:FCKeditor是一款基于JavaScript的富文本编辑器,支持HTML、CSS、图片上传、链接创建等功能,使得用户可以在网页上进行复杂的文本格式化操作。 2. **开源许可证**:FCKeditor遵循GPL和 ...

    fckeditor for asp.net

    同时,掌握JavaScript和ASP.NET的相关知识对于调试和定制fckeditor也是必要的。 总的来说,fckeditor for asp.net是一款强大且灵活的富文本编辑工具,它为ASP.NET开发者提供了一种简单而高效的方式,来提升用户的...

    fckeditor javascript api

    下面是一些常用属性和方法的介绍: - **Name**:字符串类型,表示编辑器的实例名称。 - **Status**:整型,表示编辑器的状态(加载状态)。 - **EditorDocument**:DOM Document对象,表示编辑区域的文档对象模型。...

    FCKeditor2.3在线编辑器

    FCKeditor是一款开源的JavaScript富文本编辑器,它允许用户在网页上进行类似于Word的文本编辑操作,支持多种浏览器,包括IE、Firefox、Chrome、Safari等。FCKeditor2.3是其较早的一个版本,提供了丰富的功能,如字体...

    fckeditor常用Js,获取fckeditor内容,统计fckeditor字数,向fckeditor写入指定代码

    以下是对标题和描述中提到的`FCKeditor`常用JavaScript函数的详细解释: 1. **获取编辑器内容**: 使用`FCKeditorAPI.GetInstance()`方法获取到编辑器实例,然后调用`GetXHTML(true)`方法可以获取到格式化的编辑器...

    fckeditor(精简版语法高亮).rar

    2. **跨平台支持**:FCKeditor可以在多种操作系统上运行,包括Windows、Linux和Mac OS,同时也兼容各种主流浏览器,如Internet Explorer、Firefox、Chrome和Safari。 3. **丰富的编辑功能**:内置了诸如字体选择、...

Global site tag (gtag.js) - Google Analytics