fckeditor给文件(包括图片)及文件夹增加删除功能

方法一：不修改源码

1、在\fckeditor\editor\filemanager\browser\default文件夹中找到frmresourceslist.html文件，将

oListManager.GetFileRowHtml和oListManager.GetFolderRowHtml代码修改如下：

         // 在文件夹后放置“删除”
        oListManager.GetFolderRowHtml  =   function  (folderName, folderPath, folderUrl) {
             //  Build the link to view the folder.
             var  sLink  =   ' <a href="#" onclick="OpenFolder(\ ''  + ProtectPath(folderPath) +  ' \ ' );return false;"> ' ;
             return   ' <tr> '   +
             ' <td width="16"> '   +
                sLink  +
                 ' <img alt="" src="images/Folder.gif" width="16" height="16" border="0"><\/a> '   +
             ' <\/td><td nowrap colspan="2">&nbsp; '   +
                sLink  +
                folderName  +
                 ' <\/a> '   +
         ' <\/td> <td align="right"><a href="#" onclick="DeleteFolder(\ '' +
                folderName + '\',\'' +
                ProtectPath(folderUrl) +
        '\' );return false;">删除</a></td> <\/tr> ' ;
        }

         // 在文件后放置“删除”
        oListManager.GetFileRowHtml  =   function  (fileName, fileUrl, fileSize) {
             var  sLink  =   ' <a href="#" onclick="OpenFile(\ ''  + ProtectPath(fileUrl) +  ' \ ' );   return false;"> ' ;
             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>  <a href="#" onclick="deleteFile(\ '' +
                fileName + '\',\'' + ProtectPath(fileUrl)
            + '\');" style="color: #FF9933;"> 删除 <\/a>' +   ' <\/td><td align="right" nowrap>&nbsp; '
             +  fileSize  +   '  KB '   +   ' <\/td><\/tr> ' ;
        }

 

2、在该文件的js中增加如下代码：

         // 产生不重复的随机数
         var  rn  =  Math.ceil(Math.random()  *   1000000 );
         var  rnch  =  rn;
         function  rndnum() {
             while  (rn  ==  rnch) rn  =  Math.ceil(Math.random()  *   1000000 );
            rnch  =  rn;
             return  rn;
        }
         //  删除文件
         function  deleteFile(fileName, file) {
             var  xml  =   new  ActiveXObject( " MSXML2.XMLHTTP " );
             if  (confirm( ' 您确定要删除“ '   +  fileName  +   ' ”吗？ ' )) {
                xml.open( " get " ,  " FCKdel_file.aspx?filePath= "   +  file  +   " &UD= "   +
 rndnum(),  false );
                xml.send();
                Refresh();
                 switch  (xml.responseText.substring( 0 ,  1 )) {
                     case   " 1 " : alert( " 文件删除成功! " );
                         break ;
                     case   " 0 " : alert( " 文件删除失败!请检查文件是否存在! " );
                         break ;
                     case   " 2 " : alert( " 您不是系统管理员，无权进行操作! " );
                         break ;
                     default : alert( " 未知错误! " );
                         break ;
                }
            }
        }
         // 删除文件夹
         function  DeleteFolder(folderName, folderPath) {
             var  xml  =   new  ActiveXObject( " MSXML2.XMLHTTP " );
             if  (confirm( ' 您确定要删除文件夹“ '   +  folderName  +   ' ”和里面的所有文件吗？ ' )) {
                xml.open( " get " ,  " FCKDel_folder.aspx?folderPath= "   +  
escape(folderPath  +  folderName)  +   " &UD= "   +  rndnum(),  false );
                xml.send();
                Refresh();
                 switch  (xml.responseText.substring( 0 ,  1 )) {
                     case   " 1 " : alert( " 文件夹删除成功! " );
                         break ;
                     case   " 0 " : alert( " 文件夹删除失败!请检查文件是否存在! " );
                         break ;
                     case   " 2 " : alert( " 您不是系统管理员，无权进行操作! " );
                         break ;
                     default : alert( " 未知错误! " );
                         break ;
                }
            }

       }

 

 继续修改文件“frmresourceslist.htm”，找到 GetFoldersAndFilesCallBack 函数中的下面这行，增加红色部分的代码：

 

oHtml.Append( oListManager.GetFolderRowHtml( sFolderName, sCurrentFolderPath  +  sFolderName  +   " / " , sCurrentFolderUrl  ) );

3、增加文件

　　在同一个目录(指frmresourceslist.html所在目录)中增加FCKdel_file.aspx，用于删除文件。代码如下：

<% @ Page Language = " C# "   %>

<%     
     if  (Request.QueryString[ " UD " ] ! =   null )
    {
        try
        {
             string  file  =  Request.QueryString[ " filePath " ].Trim();
             string  filePath  =  Server.MapPath(file);
             if  (System.IO.File.Exists(filePath))
            {
                System.IO.File.Delete(filePath);
                Response.Write( " 1 " );
            }
             else
            {
                Response.Write( " 0 " );
            }
        }
        catch
        {
            Response.Write( " 0 " );
        }
    }
     else  Response.Write( " 2 " );
%>

 

 

　　在同一个目录(指frmresourceslist.html所在目录)中增加FCKDel_folder.aspx，用于删除文件夹。代码如下：

<% @ Page Language = " C# "   %>

<%     
     if  (Request.QueryString[ " UD " ] ! =   null )
    {
        try
        {
             string  file  =  HttpUtility.UrlDecode(Request.QueryString[ " folderPath " ].Trim());
             string  filePath  =  Server.MapPath(file);
             if  (System.IO.Directory.Exists(filePath))
            {
                System.IO.Directory.Delete(filePath,  true );
                Response.Write( " 1 " );
            }
             else
            {
                Response.Write( " 0 " );
            }
        }
        catch
        {
            Response.Write( " 0 " );
        }
    }
     else  Response.Write( " 2 " );
%>

 完成，测试，成功。

 

方法二：修改源码(本文所针对版本：FCKeditor: 2.6.4，FCKeditor.Net: 2.6.3。)

首先下载FCKeditor控件的源码——FCKeditor.Net。

 

1. 打开项目 FCKeditor.Net，打开文件“FileBrowser/Connector.cs”，为 class Connector 增加如下两个成员函数：

// 删除文件
         private   void  DelFile(XmlNode connectorNode,  string  resourceType,  string  currentFolder)
        {
            HttpContext hc  =  HttpContext.Current;
             string  file  =  hc.Server.MapPath(HttpUtility.UrlDecode(hc.Request[ " FileUrl " ], System.Text.Encoding.UTF8));
             if  (System.IO.File.Exists(file))
                System.IO.File.Delete(file);
             else
                hc.Response.Write( @" <error number=""1"" originaldescription=""unable to locate file""> " );
        }

         // 删除文件夹
         private   void  DelFolder(XmlNode connectorNode,  string  resourceType,  string  currentFolder)
        {
            HttpContext hc  =  HttpContext.Current;
             string  folder  =  hc.Server.MapPath(HttpUtility.UrlDecode(hc.Request[ " FolderName " ], System.Text.Encoding.UTF8));
             if  (System.IO.Directory.Exists(folder))
                System.IO.Directory.Delete(folder,  true );
             else
                hc.Response.Write( @" <error number=""2"" originaldescription=""unable to locate folder""> " );
        }

 

2. 在文件“Connector.cs”中找到 OnLoad 函数，在 switch 部分增加以下红色代码：

             //  Execute the required command.
             switch  (sCommand)
            {
                 case   " GetFolders " :
                     this .GetFolders(oConnectorNode, sResourceType, sCurrentFolder);
                     break ;
                 case   " GetFoldersAndFiles " :
                     this .GetFolders(oConnectorNode, sResourceType, sCurrentFolder);
                     this .GetFiles(oConnectorNode, sResourceType, sCurrentFolder);
                     break ;
                 case "CreateFolder":
                    this.CreateFolder(oConnectorNode, sResourceType, sCurrentFolder);
                    break;
                case "DelFile":
                    this.DelFile(oConnectorNode, sResourceType, sCurrentFolder);
                    break;
                case "DelFolder":
                    this.DelFolder(oConnectorNode, sResourceType, sCurrentFolder);
                    break ;
                 default :
                    XmlResponseHandler.SendError(Response,  1 ,  " Command is not allowed " );
                     break ;
            }

 

3. 编译 FCKeditor.net 并关闭该项目。将生成的 FredCK.FCKeditorV2.dll 拷贝出来用于Web项目的引用。

4. 建立 C# 测试项目，并在其中部署 FCKeditor 2.6.4（使用第 3 步生成的 FredCK.FCKeditorV2.dll）。

5. 打开“fckeditor/editor/filemanager/browser/default/frmresourceslist.htm”，修改以下两个函数

 

oListManager.GetFolderRowHtml  =   function ( folderName, folderPath , folderUrl  )
{
   //  Build the link to view the folder.
   var  sLink  =   ' <a href="#" onclick="OpenFolder(\ ''  + ProtectPath(folderPath) + 
' \ ' );return false;"> ' ;

   return   ' <tr> '   +
     ' <td width="16"> '   +
      sLink  +
       ' <img alt="" src="images/Folder.gif" width="16" height="16" border="0"><\/a> '   +
     ' <\/td><td nowrap colspan="2">  '   +
      sLink  +
      folderName  +
       ' <\/a> '   +
     ' <\/td> <td align="right"><a href="#" onclick="DelFolder(\ ''+folderName+'
\',\''+ ProtectPath(folderUrl) + '\' );return false;">删除</a></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 ) ;

   return   ' <tr> '   +
     ' <td width="16"> '   +
      sLink  +
       ' <img alt="" src="images/icons/ '   +  sIcon  +   ' .gif" width="16" height="16" border="0"><\/a> '   +
     ' <\/td><td>  '   +
      sLink  +
      fileName  +
       ' <\/a> '   +
     ' <\/td><td align="right" nowrap>  '   +
      fileSize  +
       '  KB '   +
     ' <\/td> <td align="right"><a href="#" onclick="DelFile(\ ''+fileName+'\',\'' + 
ProtectPath(fileUrl) + '\' );return false;">删除</a></td> <\/tr> ' ;
}

 

 

6. 继续修改文件“frmresourceslist.htm”，在 OpenFile 函数后面增加以下两个函数：

function  DelFile( fileName, fileUrl )
{
   if  (confirm( ' 您确定要删除文件“ '   +  fileName  +   ' ”吗？ ' ))
    oConnector.SendCommand( " DelFile " ,  " FileUrl= "   +  escape(fileUrl), Refresh);
}

function  DelFolder( folderName, folderPath )
{
   if  (confirm( ' 您确定要删除文件夹“ '   +  folderName  +   ' ”和里面的所有文件吗？ ' ))
    oConnector.SendCommand( " DelFolder " ,  " FolderName= "   +  escape(folderPath  + folderName), Refresh);
}

 

7. 继续修改文件“frmresourceslist.htm”，找到 GetFoldersAndFilesCallBack 函数中的下面这行，增加红色部分的代码：

oHtml.Append( oListManager.GetFolderRowHtml( sFolderName, sCurrentFolderPath  +  sFolderName  +   " / " , sCurrentFolderUrl  ) );

 

至此，删除功能增加完毕。

 

 

 

 参考文章：http://www.cnblogs.com/mxh691/archive/2009/06/24/1510032.html

 

http://hi.baidu.com/yangw80/blog/item/0292e0f00d345ea6a40f52a5.html