FCKEditor研究二

在asp.net中要用它，方法简单，前一文中都已讲过，不过那都是对于FCKEditor自身的配置，事实上，在vs中还要配置一下。

　　一、在Web.config中：

　　<add tagPrefix="fck" namespace="FredCK.FCKeditorV2" assembly="FredCK.FCKeditorV2"/>

　　因为要用到它的服务器控件嘛，所以要加上它，不然，就得在引用的页面写上<%@ Register……%>了。

　　二、把FredCK.FCKeditorV2.dll这个文件复制到网站的bin文件夹中。

　　三、把FredCK.FCKeditorV2.dll添加到工程序的引用里面

　　四、在工程根目录下新建文件夹：FCKeditor，然后，把FCKeditor的那一大把文件、文件夹都复制到里面去。然后把整个FCKeditor文件夹添加到工程。

　　五、按照前一文中的配置方法对FCKeditor进行配置，想怎么配置就怎么配置吧。

　　上面的事件做好了后，就可以用了。在要插入编辑器的地方加上类似于下面的代码就行了：

　　<fck:FCKeditor ID="fckContents" runat="server" ToolbarStartExpanded="false" Height="380px" />

　　有了上面的准备工作，基本上差不多了。如果没有特殊情况。代码就可以运行了。

　　问题一：

　　今天我正好遇到一个问题，就是编辑器进行全屏编辑的时候，结果不是全屏，只是在原来位置向右向下延伸。并没有填满页面的上面和左边。经过本人的研究，原因在于：

　　<fck:FCKeditor ID="fckContents"……/>被包含在某个块元素中，而这个块元素有左、右边距，而且，它的position是relative的。如果是这种情况，那么就会出现我上面所说的全屏失败的问题。纠正就好了。

　　问题二：

　　关于图片、文件上传的问题，FCKEditor自带文件、图片上传的功能，如果是多用户系统，那么就需要一系列的设置了。点此处见详情！就是要设置一下Upload的文件夹，然后，让每个用户都上传到自己的文件夹，这儿有个问题，如果session过期了，那么所有用户上传的文件又会乱套了。这个问题，也有一位兄弟介绍过解决案。如果文件不能上传，那么可能是asp.net所用帐户权限不足，请将asp.net帐户对Upload文件夹有创建、写权限。关于文件上传问题的更详细的论述，点此处见详情！！

　　问题三：

　　在FCKEditor控件所在页面，请将＠page标标签上的ValidateRequest属性设成false。因为，FCKEditor有一些内容asp.net认为是不合法的、有危险的。这个问题，平常没有见到其他地方提及，这儿一并揪出来。

　　问题四：

　　FCKEditor编辑器的默认字体很有限，还都是英文字体，字体大小的设置也很有限，基本上不能满足需求。这个要自定义一下。

　　在FCKConfig.js中。有如下代码：

FCKConfig.FontNames  = 'Arial;Comic Sans MS;Courier New;Tahoma;Times New Roman;Verdana' ; FCKConfig.FontSizes  = '1/xx-small;2/x-small;3/small;4/medium;5/large;6/x-large;7/xx-large' ;

　　就是要改这两个地方，字体设置怎么改呢？示例如下：

　　FCKConfig.FontNames  = '宋体;隶体;黑体;楷体_GB2312;Arial;Comic Sans MS;Courier New;Tahoma;Times New Roman;Verdana' ; 　　想添加什么字体就在上面的列表中加入就是了，注意一下顺序。常用的在前面。

　　怎么改字体大小呢？注意到，那儿有个规律：字体大小/显示的文字;

　　所以，我的示例如下：

　　FCKConfig.FontSizes  = '1px/1;2px/2;3px/3;4px/4;5px/5;6px/6;9px/9;11px/11;24px/24;36px/36;1/极小;2/更小;3/小;4/标准;5/大;6/更大;7/超大' ; 　　把那些什么：xx-small;x-small;small;medium;large;x-large;xx-large改成中文，你看，多让人看得舒心呐。把字体大小设置改成上面的，基本上能满足大部分需求了吧。

　　问题五：

　　为了保持最原始的配置，所以我们最好在fckeditor目录下，另复制一份fckconfig.js。然后，在这个新复制的js中修改配置，然后再让FCKEditor使用它作为配置文件。

　　一句话，就是怎样使得FCKEditor使用fckconfig.js之外的配置文件。办法是：

　　一、在FCKEditor下，另复制一＝份fckconfig.js。然后重命名，如：myconfig.js

　　二、打开fckconfig.js，找到：FCKConfig.CustomConfigurationsPath = '' ;

　　三、设置：FCKConfig.CustomConfigurationsPath = '../myconfig.js' ;

　　四、在myconfig.js中修改想要修改的地方。

　　千万要注意：路径写在/myconfig.js的话是没有用的。因为/代表的是editor文件夹，而不是FCKEditor文件夹，网上大侠给的教程中在这儿大多写错了。ok。按上面步骤做好了，基本上就没问题了。

　　问题六：

　　自定义工具栏，default里面的东西太多了，很多都用不着。而Base里面的东西又太少了，所以，得自己定义个工具栏啊。

　　这个地方再次要注意，在修改了xxconfig.js后，最好把ie缓存清除一下，不然可能结果不可预料。我自定义了一个工具栏，测试通过了，如下：

        FCKConfig.ToolbarSets["Custom"] = [ 　　　　['Source','Cut','Copy','Paste','PasteText','PasteWord','-','Undo','Redo','-','Find','Replace','-','SelectAll','RemoveFormat'], 　　　　['Bold','Italic','Underline','StrikeThrough','-','Subscript','Superscript'], 　　　　['OrderedList','UnorderedList','-','Outdent','Indent'], 　　　　['JustifyLeft','JustifyCenter','JustifyRight','JustifyFull'], 　　　　'/', 　　　　['Link','Unlink','Anchor','-','Smiley'], 　　　　['Style','FontFormat','FontName','FontSize'], 　　　　['TextColor','BGColor','FitWindow']         ] ;

　　　这个工具栏基本上包括了所有常用的图标，差不多够了。

　　问题七：

　　为工具栏添加新功能，这不同于问题六的自定义，诸君明白了吧。比如，为FCKEditor添加一个“插入日期”的功能，这个功能在FCKEditor中是没有的。怎么办呢，网上有大侠、牛人对此进行了研究。有行之有效的办法。站在巨人身上的感觉确实爽。在此我不作介绍，仅引用前人的文章。

　　实战：添加自定义工具栏一、实战：添加自定义工具栏二

 

　　常见的问题差不多都在上面了。但是，要真正的玩转FCKEditor，还是得花一番功夫的，可惜这都需要时间呐。