`
cuilp3000
  • 浏览: 13384 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

fckeditor编辑器使用方法

阅读更多
javascript获取FCKeditor内容:



// 获取编辑器中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) ;
}

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 编辑器的内容:
oEditor.GetXHTML(formatted); // formatted 为:true|false,表示是否按HTML格式取出
也可用:
oEditor.GetXHTML();

设置 FCK 编辑器的内容:
oEditor.SetHTML("content", false);

// 第二个参数为:true|false,是否以所见即所得方式设置其内容。此方法常用于"设置初始值"或"表单重置

插入内容到 FCK 编辑器:
oEditor.InsertHtml("html"); // "html"为HTML文本

检查 FCK 编辑器内容是否发生变化:
oEditor.IsDirty();

在 FCK 编辑器之外调用 FCK 编辑器工具条命令:
命令列表如下:
DocProps, Templates, Link, Unlink, Anchor, BulletedList, NumberedList, About, Find, Replace, Image, Flash, SpecialChar, Smiley, Table, TableProp, TableCellProp, UniversalKey, Style, FontName, FontSize, FontFormat, Source, Preview, Save, NewPage, PageBreak, TextColor, BGColor, PasteText, PasteWord, TableInsertRow, TableDeleteRows, TableInsertColumn, TableDeleteColumns, TableInsertCell, TableDeleteCells, TableMergeCells, TableSplitCell, TableDelete, Form, Checkbox, Radio, TextField, Textarea, HiddenField, Button, Select, ImageButton, SpellCheck, FitWindow, Undo, Redo

使用方法如下:
oEditor.Commands.GetCommand('FitWindow').Execute();

= FCKConfig.BasePath + 'plugins/' 
// FCKConfig.Plugins.Add( 'placeholder', 'en,it' ) ;


如何让编辑器一打开的时候,编辑工具条不出现,等点“展开工具栏”时才出现



打开fckconfig.js,找到FCKConfig.ToolbarStartExpanded = true ;true改成false

使用自己的表情图标,打开fckcofnig.js到最底部那一段

FCKConfig.SmileyPath = FCKConfig.BasePath + 'images/smiley/msn/' ;//表情图标路径
FCKConfig.SmileyImages = ['regular_smile.gif','sad_smile.gif','wink_smile.gif'] ;//表情图片文件名
FCKConfig.SmileyColumns = 8 ;    //表情添加窗口最每行的表情数

//弹出的模态窗口的宽和高
FCKConfig.SmileyWindowWidth    = 320 ;
FCKConfig.SmileyWindowHeight = 240 ;

文件上传管理部分:
在fckconfig.js找到
FCKConfig.LinkBrowser = true ;
FCKConfig.ImageBrowser = true ;
FCKConfig.FlashBrowser = true ;



如果考虑到安全需要把它们设置为false

ConfigUserFilesPath = "/UserFiles/";上传文件的总目录


分享到:
评论

相关推荐

    FCKeditor编辑器hwp363

    FCKeditor编辑器hwp363FCKeditor编辑器hwp363FCKeditor编辑器hwp363 FCKeditor编辑器hwp363FCKeditor编辑器hwp363 FCKeditor编辑器hwp363

    FCKeditor 网页在线编辑器的使用方法

    FCKeditor是一个支持所见即所得(WYSIWYG,即What You See Is What You Get)功能的网页在线文本编辑器,它使得网页内容的编辑更加直观便捷,类似于在使用微软Office软件时编辑文档的感觉。FCKeditor允许用户在网页...

    fckeditor编辑器文件及dll打包

    fckeditor编辑器文件及dll打包 fckeditor编辑器文件及dll打包 fckeditor编辑器文件及dll打包

    最新FCKeditor_2.6 版本 FCKeditor编辑器和控件

    在页面中,使用的是FCKeditor控件,该控件需要知道FCKeditor编辑器文件组的路径。有两种配置方法。 (1)配置web.config 在appSettings配置节中加入 <add key="FCKeditor:BasePath" value="~/PathOfFCKeditor/" ...

    php中使用fckeditor编辑器

    通过本文的详细介绍,相信读者已经掌握了如何在PHP项目中安装和使用FCKeditor编辑器的方法。FCKeditor的强大之处在于其灵活性和扩展性,用户可以根据项目需求自定义编辑器的各种设置。此外,由于FCKeditor是开源软件...

    fckeditor 编辑器 和使用说明

    **fckeditor编辑器详解** fckeditor是一款开源的Web富文本编辑器,它为网页开发者提供了一个强大而便捷的工具,允许用户在浏览器端编辑HTML内容,就像在桌面应用中一样。这款编辑器以其丰富的功能、良好的兼容性和...

    asp.net文本编辑器FCKeditor使用方法详解

    ASP.NET 文本编辑器 FCKeditor 使用方法详解 FCKeditor 是一个功能强大且流行的 ASP.NET 文本编辑器,提供了许多实用的功能,如格式化文本、插入图片、上传文件、创建表格等。下面将详细介绍如何使用 FCKeditor 在 ...

    fckeditor编辑器插件

    《fckeditor编辑器插件深度解析与应用》 在网页内容编辑领域,fckeditor是一款备受开发者青睐的开源富文本编辑器。它提供了丰富的文本格式化功能,使得用户可以在浏览器端进行类似于Word般的文本编辑操作。本文将...

    文本编辑器FCKeditor使用方法详解--图文详解

    【FCKeditor使用方法详解】 FCKeditor是一款强大的开源文本编辑器,主要用于在网页中创建和编辑富文本内容。它的功能强大,支持多种语言,并且提供了丰富的API供开发者进行自定义扩展。以下是对FCKeditor使用方法的...

    fckeditor编辑器 (已配置好)

    **FCKeditor编辑器简介** FCKeditor是一款开源的网页文本编辑器,它允许用户在浏览器端进行富文本编辑,提供了类似Word的编辑界面,支持多种格式的文本内容输入,如HTML、CSS样式等。这款编辑器在Web开发中被广泛...

    fckeditor文档编辑器插件

    **fckeditor文档编辑器插件详解** ...虽然现在已经有了更先进的替代品,但理解它的运作原理和使用方法对于理解富文本编辑器的工作机制仍然十分有益。在实际项目中,可以根据需求选择合适的编辑器,提升用户体验。

    fckeditor在线编辑器

    4. 使用`ReplaceTextarea()`方法将原有的多行文本框替换为FCKeditor编辑器。 如果需要实现图片上传功能,还需要以下步骤: 1. 引入必要的Java库文件,包括fckeditor-java-core-2.4.1.jar(FCKeditor核心)、commons...

    FCKeditor编辑器

    **FCKeditor编辑器**是曾经非常流行的一款开源富文本编辑器,主要用于网页内容的创建和编辑。它提供了丰富的文本格式化选项,如字体、大小、颜色调整,以及插入图片、链接、表格等功能,使得非程序员也能轻松创建...

    FCKeditor编辑器2.63(解决无法上传文件)

    FCKeditor是一款经典的开源富文本编辑器,广泛应用于ASP.NET平台。版本2.63针对之前版本中的上传文件问题进行了修复,确保用户可以顺畅地在编辑器中上传各种文件,如图片、文档等,这对于网站内容管理和用户交互具有...

    FckEditor在线编辑器

    FckEditor是一款强大的开源在线文本编辑器,广泛应用于网站建设和内容管理系统中,为用户提供类似桌面文字处理软件的编辑体验。它的全称为“FCKeditor”,最初由Fernando Goycoolea创建,后来更名为CKEditor。这款...

    ThinkPHP中FCKeditor编辑器的使用

    ThinkPHP中FCKeditor编辑器的使用 前段时间一直为TP寻找好用的在线编辑器而苦恼,经过多次尝试与修改后,终于成功地将编辑器集成到Thinkphp里面。 而且可以用直接上传和ajax两种方式处理内容。为了给一些还没能成功...

    HTML 文本编辑器FCKeditor

    **FCKeditor:一个强大的HTML文本编辑器** ...了解并掌握其使用方法和API,可以帮助开发者构建更高效、更友好的在线编辑环境。尽管FCKeditor已经不再更新,但它的设计理念和技术思路仍然值得学习和借鉴。

    文本编辑器FCKEditor使用详解

    FCKeditor 是一款流行的开源文本编辑器,主要用于Web开发,它提供了所见即所得(WYSIWYG)的编辑体验,使得用户在网页上编辑内容时就像使用桌面文字处理软件一样方便。这款编辑器支持插入图片、Flash动画等多媒体...

Global site tag (gtag.js) - Google Analytics