FCKeditor编辑器添加图片上传功能及图片路径问题解决方法

很多CMS系统出于安全考虑，会把后台编辑器里的上传功能一刀切掉——这确实给日常操作带来了不少麻烦。今天咱们就拿ASPCMS系统里的FCKeditor编辑器来举例，讲讲怎么把图片上传功能加回来，顺带解决几个常见的路径问题。

开启上传功能与基础配置

第一步，打开网站后台编辑器目录下的 admin/editor/fckconfig.js 文件，找到这一行：

FCKConfig.ImageUpload = false

把 false 改成 true 就行。同样，下面这行也要改：

FCKConfig.ImageBrowser = false  // 改成 true

第二步，检查一下 admin/editor/editor 目录下有没有 filemanager 文件夹。如果没有，就去下载一个 2.6.3 以上版本的 FCKeditor，把里面的 filemanager 文件夹复制过来。注意，这里用的是 ASP 环境，所以其他语言（比如 PHP）的文件夹可以直接删掉，省得占地方。

第三步，设置文件上传的路径。打开 admin/editor/filemanager/connectors/asp 文件夹下的 config.asp 文件，修改以下两项：

ConfigIsEnabled = True         ' 开启上传功能
ConfigUserFilesPath = "../../../../../uploads/"   ' 上传目录，相对于该文件夹

这里有个坑需要特别说清楚。如果按上面那样设置 ConfigUserFilesPath，虽然图片能上传成功，但插入编辑器后图片路径会出问题。试了好几次之后发现，改成 ConfigUserFilesPath = "/uploads/" 就正常了。如果你的网站放在子目录下，也可以写成 ConfigUserFilesPath = "文件夹名称/uploads/"。

还有一个让人头疼的问题：FCKeditor 生成的图片路径里会出现两个斜杠 //，虽然图片也能显示，但看着总归不舒服。解决方法是打开 admin/editor/editor/filemanager/connectors/asp 文件夹里的 io.asp 文件，找到下面这段函数：

function CombinePaths( sBasePath, sFolder)
    CombinePaths = RemoveFromEnd(sBasePath, "/") & "/" & RemoveFromStart( sFolder, "/")
end function

把它改成：

function CombinePaths( sBasePath, sFolder)
    sFolder = replace(sFolder, "", "/")
    CombinePaths = RemoveFromEnd(sBasePath, "/") & "/" & RemoveFromStart( sFolder, "/")
end function

这样双斜杠的问题就解决了。

上传图片自动改名

最后一步，让上传的图片自动重命名，避免文件名冲突。打开 admin/editor/editor/filemanager/connectors/asp 文件夹里的 commands.asp 文件，在合适位置添加以下代码：

dim rannum
dim dtnow
dim getnewfilename
dtnow=now()
randomize
rannum=int(90*rnd)+10
getnewfilename=year(dtnow) & right("0" & month(dtnow),2) & right("0" & day(dtnow),2) & right("0"& hour(dtnow),2) & right("0"& minute(dtnow),2) & right("0" & second(dtnow),2) & rannum

然后找到这行：

sFileName = ouploader.file("newfile")name

把它改为：

sFileName = getnewfilename & "." & split(ouploader.file("newfile").name,".")(1)

至此，ASPCMS 系统的 FCKeditor 图片上传功能就全部配置好了。希望对有这方面需求的朋友能有所帮助，后面我们还会继续关注这个系统的其他优化点。

用正则表达式解决FCKEditor图片路径问题

在用 FCKEditor 发邮件时，正文中的图片经常会显示不出来——因为默认路径是 userfiles/images/*.jpg 这种格式，比如：

我们需要把它转换成类似这样的网络路径：

下面分别给出 ASP 和 .NET 的解法。

ASP 解法

'邮件正文
strsql="select txt,Filename,File_Name from bbs where unique_id="+Request.QueryString("Unique_ID")
set rs=connection.execute(strsql)
myTxt = rs("txt")

'利用正则表达式替换img标记
dim objRe
set objRe = New RegExp
'设定正则式
objRe.Pattern = "(src=)('|"&CHR(34)&"| )?(.[^'| |"&CHR(34)&"]*)(\.)(jpg|gif|png|bmp|jpeg)('|"&CHR(34)&"| |>)?"
objRe.IgnoreCase = true
objRe.Multiline = true
objRe.Global = true
set matches = objRe.Execute(myTxt)
newtxt = myTxt
for each match in matches
    cccc = split(match.value,"/")
    if(ubound(cccc) <> 0) then
        '获得应该的字符串
        for i=0 to ubound(cccc)
            if i = 0 then
                mystr = cccc(0)&"\\[server]\"
            else if i= ubound(cccc) then
                mystr = mystr&cccc(i)
            else
                mystr = mystr&cccc(i)&"\"
            end if
            end if
        next
        newtxt = Replace(newtxt,match.value,mystr)
    end if
next
set objRE = nothing
a = ""
Body = a & newtxt & ""

.NET 解法

using System.Text.RegularExpressions;

string convertExp(string strTxt)
{
    string strPattern = "(src=)('|" + (char)34 + "| )?(.[^'| |" + (char)34 + "]*)(\\.)(jpg|gif|png|bmp|jpeg)('|" + (char)34 + "| |>)?";
    Regex objRe = new Regex(strPattern);
    MatchCollection matches = objRe.Matches(strTxt);
    string mystr = "";
    string strNewTxt = strTxt;

    foreach (Match match in matches)
    {
        string[] strC = match.Value.Split('/');
        if (strC[strC.Length - 1].ToString() == "asdf.jpg\"")
        {
            break;
        }
        if (strC.Length != 0)
        {
            for (int i = 0; i < strC.Length; i++)
            {
                if (i == 0)
                    mystr = strC[0] + "\\\\[server]\\";
                else if (i == strC.Length - 1)
                    mystr = mystr + strC[i];
                else
                    mystr = mystr + strC[i] + "\\";
            }
            strNewTxt = strNewTxt.Replace(match.Value, mystr);
        }
    }
    return strNewTxt;
}

调用方式也很简单：

StringBuilder sb = getMailContent(strSubject);
lblPreview.Text = convertExp(sb.ToString());