在Asp.Net中使用FCKeditor的常用配置

下载（2.6）

1、http://www.rayfile.com/zh-cn/files/833d8c75-c97e-11e0-a902-0015c55db73d/

2、http://www.rayfile.com/zh-cn/files/0bcb404a-c97f-11e0-b970-0015c55db73d/

需要将1中的bin\Debug\2.0\FredCK.FCKeditorV2.dll拷到项目bin文件夹下

需要将2中的文件拷到项目根目录下

安装配置

<appSettings>
        <add key="FCKeditor:BasePath" value="~/fckeditor/"/>
        <add key="FCKeditor:UserFilesPath" value="~/Files/"/>
</appSettings>

需要修改以下文件

1.  fckeditor/fckconfig.js
2.  fckeditor/editor/filemanager/connectors/aspx/config.ascx
3.  fckeditor/editor/dialog/fck_image/fck_image_preview.html
4.  fckeditor/editor/filemanager/browser/default/frmresourceslist.html
5.  fckeditor/editor/fckdialog.html

1、fckeditor/fckconfig.js

　　1.修改默认语言

var _FileBrowserLanguage    ='php' ;    // asp | aspx | cfm | lasso | perl | php | py
var _QuickUploadLanguage    ='php' ;    // asp | aspx | cfm | lasso | perl | php | py

　　　需要将'php'，修改为'aspx'，否则在上传图片点击浏览服务器时将报满屏的脚本错误

　　2.超链接中上传文件失败

FCKConfig.LinkBrowserURL = FCKConfig.BasePath +'filemanager/browser/default/browser.html?Connector='+ encodeURIComponent( FCKConfig.BasePath +'filemanager/connectors/'+ _FileBrowserLanguage +'/connector.'+ _FileBrowserExtension ) ;

　　修改为

FCKConfig.LinkBrowserURL = FCKConfig.BasePath +'filemanager/browser/default/browser.html?Type=File&Connector='+ encodeURIComponent( FCKConfig.BasePath +'filemanager/connectors/'+ _FileBrowserLanguage +'/connector.'+ _FileBrowserExtension ) ;

　　另外，

FCKConfig.LinkUploadURL = FCKConfig.BasePath +'filemanager/connectors/'+ _QuickUploadLanguage +'/upload.'+ _QuickUploadExtension ;

　　修改为

FCKConfig.LinkUploadURL = FCKConfig.BasePath +'filemanager/connectors/'+ _QuickUploadLanguage +'/upload.'+ _QuickUploadExtension +'?Type=File' ;

　　需要修改以上两处，否则

　　

　　注意：通过这种方式直接上传，是和选择浏览服务器然后点击Upload不同的。

　　通过Upload方式上传，flash文件会存放在指定目录/flash中，图片文件会存放在指定目录/image中，*文件会存放在指定目录/file中，而通过[发送到服务器上]方式上传的任何文件都会保存在指定目录下，就是没有分类保存，你懂吗。而再次想引用刚才上传的文件时，会找不到的。为了造成不必要的麻烦，我采用了屏蔽该功能的方式，详见 ...

　　3.修改工具栏配置

　　FCKConfig.ToolbarSets["Default"]

　　FCKConfig.ToolbarSets["Basic"]

　　FCKConfig.ToolbarSets["MyToolbar"]等等，引用如下

<FCKeditorV2:FCKeditor ID="FCKeditor1" ToolbarSet="MyToolBar" runat="server">
</FCKeditorV2:FCKeditor>

　　4.字体设置

　　FCKConfig.FontNames

2、fckeditor/editor/filemanager/connectors/aspx/config.ascx

　　找到方法private bool CheckAuthentication()

privatebool CheckAuthentication()
    {
        // WARNING : DO NOT simply return "true". By doing so, you are allowing
        // "anyone" to upload and list the files in your server. You must implement
        // some kind of session validation here. Even something very simple as...
        //
        //        return ( Session[ "IsAuthorized" ] != null && (bool)Session[ "IsAuthorized" ] == true );
        //
        // ... where Session[ "IsAuthorized" ] is set to "true" as soon as the
        // user logs in your system.

        returntrue;
    }

　　将返回值true修改为false，否则将提示脚本错误

　　

3、fckeditor/editor/dialog/fck_image/fck_image_preview.html

　　找到预览文字，删除或者保留。

　　

4、fckeditor/editor/filemanager/browser/default/frmresourceslist.html

　　

　　上传图片时，原有服务器图片列表是文件名列表，通过以下方式可以更改为缩略图列表

oListManager.GetFileRowHtml =function( fileName, fileUrl, fileSize )
{
    // Build the link to view the folder.
var sLink ='<a href="#" onclick="OpenFile(\''+ ProtectPath( fileUrl ) +'\');return false;">' ;

    // Get the file icon.
var sIcon = oIcons.GetIcon( fileName ) ;

    return'<tr>'+
            '<td width="16">'+
                sLink +
                '<img alt="" src="images/icons/'+ sIcon +'.gif" width="16" height="16" border="0"><\/a>'+
            '<\/td><td>&nbsp;'+
                sLink +
                fileName +
                '<\/a>'+
            '<\/td><td align="right" nowrap>&nbsp;'+
                fileSize +
                ' KB'+
        '<\/td><\/tr>' ;
}

　　修改为

oListManager.GetFileRowHtml =function( fileName, fileUrl, fileSize )
{
    // Build the link to view the folder.
var sLink ='<a href="#" onclick="OpenFile(\''+ ProtectPath( fileUrl ) +'\');return false;">' ;

    // Get the file icon.
var sIcon = oIcons.GetIcon( fileName ) ;

    if( "jpg|gif|jpeg|png|bmp".indexOf(sIcon) !=-1)
        return'<tr>'+
                '<td>&nbsp;</td><td>'+
                    sLink +
                    '<img src="'+ fileUrl +'" width="260px" height="90px" border="0" /></a>'+
                '<\/td><td align="right" nowrap>&nbsp;'+   
                    fileSize +
                ' KB'+
        '<\/td><\/tr>' ;

    return'<tr>'+
            '<td width="16">'+
                sLink +
                '<img alt="" src="images/icons/'+ sIcon +'.gif" width="16" height="16" border="0"><\/a>'+
            '<\/td><td>&nbsp;'+
                sLink +
                fileName +
                '<\/a>'+
            '<\/td><td align="right" nowrap>&nbsp;'+
                fileSize +
                ' KB'+
        '<\/td><\/tr>' ;
}

　　

5、fckeditor/editor/fckdialog.html

　　找到方法window.AddTab，顶部添加

if ( tabCode =="Upload" )
            return ;

　　可以隐藏掉直接上传文件的功能，如图