fckEditor编辑器的使用

 

以前都是使用FreeTextBox，感觉该控件很笨重，就是用起来有点不爽，现在改用FckExitor，感觉这个用起来更实在，心里踏实，呵．．下面是该控件的使用方法！

1.　到控件的官方网http://sourceforge.net/project/showfiles.php?group_id=75348下载FCKeditor和Fckeditor.net

2.　将fckeditor.net里面的bin中有一个dll添加到你的项目中（工具栏与web引用）

3.　将fckeditor包中的fckeditor目录放到应用程序的根目录(可以删除sample这个示例的文件夹)

4.    在Web.config中添加
     <appSettings>
        <add key="FCKeditor:BasePath" value="~/fckeditor/"/>
        <add key="FCKeditor:UserFilesPath" value="Files/"/>
        <add key="ConfigIsEnabled" value="true"/>
    </appSettings>

5.　将工具栏中的FCKeditor控件拖到所要的页面中，并设置ValidateRequest="false"

6.　在fckeditor ---->ediotr---->images---->smiley文件中存放的是表情图片，可以自己添加想要的表情图片,但要更
　　改fckconig.js文件中的FCKConfig.SmileyPath　这段代码，可以改目录，也可以换到里面的图片名称，弹出的
       窗口的大小也可以自己定义设置FCKConfig.SmileyWindowWidth  = 320 ;FCKConfig.SmileyWindowHeight = 240 ;

7.　在fckeditor里有个lang文件夹，这个是存放控件相对应的编码，可以只保留fcklanguagemanager.js zh-cn.js、en.js、zh.js这四个文件，其中zh.js是繁体中文，这样清理可以大大减少控件的大小.

8.   可以给控件换肤，只要将控件的skins下想要的皮肤文件夹名改为default就可以了

9.　前面漏掉一点，还要将fckconfig.js中的两行改为  aspx   其原来默认是asp
       var _FileBrowserLanguage = 'aspx' ; // asp | aspx | cfm | lasso | perl | php | py
       var _QuickUploadLanguage = 'aspx' ; // asp | aspx | cfm | lasso | php

10.  如果控件的显示的是英文版的话，可以在fckconfig.js中设置FCKConfig.DefaultLanguage  = 'zh-cn' ;(简体中文)

11.  在编辑器的区域内想使用Tab健，可以在fckconfig.js中设置FCKConfig.TabSpaces  = 1;

12.  如果你想自己定义工具栏的话，比如插入图片不要上传功能，也可在fckconig.js中设置，默认采用的是default
    　例如： FCKConfig.ToolbarSets["Basic"] = [
　    ['Bold','Italic','-','OrderedList','UnorderedList','-',/*'Link',*/'Unlink','-','Style','FontSize','TextColor','BGColor','-
　　','Smiley','SpecialChar','Replace','Preview']
　　] ;　这样也就是简单的编辑器了，可以用在一些比如留言版上了．

       这样还不行，还要将图片、链接功能的右键去掉！
　　　FCKConfig.ContextMenu =
['Generic',/*'Link',/*'Anchor',/*'Image',/*'Flash','Select','Textarea','Checkbox','Radio','TextField','HiddenField',/*'ImageButton','Button','BulletedList','NumberedList','Table','Form'] ;这样就Ok了！
13.可以增加控件的一些字体,设置
      FCKConfig.FontNames = '宋体;黑体;隶书;楷体_GB2312;Arial;Comic Sans MS;Courier New;Tahoma;Times
      New Roman;Verdana' ;

14.可以设置编辑器内文字的大小，在css文件夹内下面代码将font-size改为所要的大小就可以了

　　body, td
　　{
　　　 font-family: Arial, Verdana, Sans-Serif;
　　　 font-size: 12px;
　　}

15.在web.config中<add key="FCKeditor:UserFilesPath" value="~/Files/"/> value的值就是上传文件的目录

上面的操作中还有一点不知如何弄，就是上传的图片老是跑到filemanager／brower／default／connectors／aspx／Files／的目录下面，fckConfig.js中的FCKConfig.BasePath改路径还有些问题，有知道的告诉我一声，谢谢了！