FCKeditor.net编辑器使用教程

最新推荐文章于 2024-09-27 16:50:51 发布

Wgf2006

最新推荐文章于 2024-09-27 16:50:51 发布

阅读量972

点赞数

CC 4.0 BY-SA版权

分类专栏：常用框架与组件文章标签： fckeditor server button 文本编辑 basic 语言

本文链接：https://blog.youkuaiyun.com/Wgf2006/article/details/1894945

常用框架与组件专栏收录该内容

3 篇文章

订阅专栏

本文介绍了FCKeditor.net的安装步骤与配置方法，包括如何下载、编译、配置及使用该富文本编辑器，还提供了自定义按钮、设置语言等高级功能的实现方式。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

下载
FCKeditor.net 分为两部分：静态部分与组件本分。
    下载最新页面
    http://www.fckeditor.net/download
    下载源码
    http://sourceforge.net/project/showfiles.php?group_id=75348&package_id=137125
    解压缩下载包；编译源码，并生成组件。

安装配置
    1、拷贝 "FredCK.FCKeditorV2.dll" 到BIN目录。拷贝fckeditor文件夹到站点跟目录；
    2、用文本编辑器打开fckeditor／fckconfig.js文件，开始对编辑器进行配置；
        var _FileBrowserLanguage = 'asp' ;
        var _QuickUploadLanguage = 'asp' ;
        改为
        var _FileBrowserLanguage = 'aspx' ;
        var _QuickUploadLanguage = 'aspx' ;
    3、配置webConfig选项；
    <appSettings>
        <add key="FCKeditor:BasePath" value="/EDItTest/fckeditor/"/>
        <add key="FCKeditor:UserFilesPath" value="/EDItTest/Files/" />
    </appSettings>
    4、在页面中使用控件
        添加页面指令：<%@ Register Assembly="FredCK.FCKeditorV2" Namespace="FredCK.FCKeditorV2" TagPrefix="FCKeditorV2" %>
        添加一个控件：<FCKeditorV2:FCKeditor ID="FCKeditor2" runat="server"></FCKeditorV2:FCKeditor>

使用示例
    自定义按钮
        1、用文本编辑器打开fckeditor／fckconfig.js文件
        2、拷贝FCKConfig.ToolbarSets["Basic"] = [['Bold','Italic','-','OrderedList','UnorderedList','-','Link','Unlink','-','About']] ;
        改为:
        FCKConfig.ToolbarSets["Myself"] = [['Bold','Italic','-','OrderedList','UnorderedList']] ;
        3、设置控件的ToolbarSet属性。<FCKeditorV2:FCKeditor ID="FCKeditor2" ToolbarSet="Myself" runat="server"></FCKeditorV2:FCKeditor>
    设置语言
        FCKeditor2.AutoDetectLanguage=false;    //是否自动检测语言。根据用户浏览器的语言设置来显示浏览器的的语言。
        FCKeditor2.DefaultLanguage = "en";    //设置输出的语言。
    使用JS API
        待完善
    上传图片选项。
        FCKConfig.ImageDlgHideLink= false ;
        FCKConfig.ImageDlgHideAdvanced    = true ;
        FCKConfig.ImageUpload = false ;
        FCKConfig.ImageUploadURL = FCKConfig.BasePath + 'filemanager/upload/' + _QuickUploadLanguage + '/upload.' + _QuickUploadLanguage + '?Type=Image' ;
        FCKConfig.ImageUploadAllowedExtensions    = ".(jpg|gif|jpeg|png|bmp)$" ;        // empty for all
        FCKConfig.ImageUploadDeniedExtensions    = "" ;                            // empty for no one
    换肤
        系统提供了三种皮肤:default,office2003,silver; 在控件上设置SkinPath="editor/Skins/Default/"；也可以通过程序完成设置
    其它设置

        在编辑器域内可以使用Tab键。（1为是，0为否） FCKConfig.TabSpaces = 0 ; 改为FCKConfig.TabSpaces = 1 ;

示例代码
fckeditor.aspx