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

 更新时间:2014年04月10日 16:56:27   投稿:mdxy-dxy  
现在很多CMS系统因为安全原因会把后台编辑器里的上传功能给去除,但这样一来对实际使用过程造成了很多麻烦,今天我们以ASPCMS系统的FCKeditor编辑器为例,说明一下如何增加图片上传功能

现在很多CMS系统因为安全原因会把后台编辑器里的上传功能给去除,但这样一来对实际使用过程造成了很多麻烦,今天我们以ASPCMS系统的FCKeditor编辑器为例,说明一下如何增加图片上传功能。

1. 打开网站后台编辑器里的admin/editor/fckconfig.js这个文件

找到FCKConfig.ImageUpload = false 这句,把false改成true就行啦。

FCKConfig.ImageBrowser = false ; 这里也同样把false改成true

2. 看一下admin/editor/editor目录下面的filemanager文件夹是否存在,如果不在就去下载一个2.6.3版本以上的fck编辑器,把里面的filemanager文件夹复制过来。当然这里是ASP的,所以其他语言像PHP什么的文件夹可以删除。

3. 接下来设置文件上传的路径,打开admin/editor/filemanager/connectors/asp文件夹的config.asp这个文件进行如下设置

ConfigIsEnabled = True 是否开启上传功能

ConfigUserFilesPath = “../../../../../uploads/” 文件上传目录,相对于该文件夹

这里要重点指出的ConfigUserFilesPath = “../../../../../uploads/”这里如果这样设置,我最后发现两个问题

A. ConfigUserFilesPath = “../../../../../uploads/”这样设置虽然图片可以上传,但插入编辑器里的图片路径是有问题的,所以我试了很多次最后把它改成ConfigUserFilesPath = “/uploads/”就可以了。如果您的网站是放在下级文件夹里也可以这样设置ConfigUserFilesPath = “文件夹名称/uploads/”。

B. 至于第二个问题,我感觉好奇怪,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

4. 最后设置上传后的图片自动改名,请打开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发邮件时,正文中图片会显示不出来,因为它默认路径是userfiles/images/*.jpg,如下

<input type="image" height="131" width="139"
src="/userfiles/image/_W@S2WETFST%25F%25Z21AQCI3P.JPG" />

怎么转换为:

<input type="image" height="131" width="139" src="\\[Server]\userfiles\image\_W@S2WETFST%25F%25Z21AQCI3P.JPG" />

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 background='\\[server]\2008back.gif'>"  
  Body=a& newtxt &"</body>"

.Net 解法:

using System.Text.RegularExpressions;
string  convertExp(string strTxt)
  {
    
    string strPattern = "(src=)('|" + (char)34 + "| )?(.[^'| |" + (char)34 + "]*)(\\.)(jpg|gif|png|bmp|jpeg)('|" + (char)34 + "| |>)?";
    // Compile the regular expression.
    Regex objRe=new Regex(strPattern);
    // Match the regular expression pattern against a text string.
    MatchCollection matches=objRe.Matches(strTxt);
    string mystr="";
    string strNewTxt = strTxt;
   
    foreach (Match match in matches)
    {
     
        string[] strC = match.Value.Split('/');
         //if it's the bottom jpg,break Foreach
        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());

到此这篇关于FCKeditor编辑器添加图片上传功能及图片路径问题解决方法的文章就介绍到这了,更多相关FCKeditor 图片上传内容请搜素脚本之家以前的文章或下面相关文章,希望大家以后多多支持脚本之家!

相关文章

  • FCKEidtor 自动统计输入字符个数(IE)

    FCKEidtor 自动统计输入字符个数(IE)

    由于项目需要,需要做字数统计,于是写了一个JS计算字符个数,如果输入的字符数大于100个字符,就弹出提示,点击【确定】后,自动截取为100个字符。
    2009-05-05
  • PHP中CKEditor和CKFinder配置问题小结

    PHP中CKEditor和CKFinder配置问题小结

    PHP中CKEditor和CKFinder配置问题小结,使用CKEditor和CKFinder编辑器的朋友可以参考下
    2012-03-03
  • 将CKfinder 整合进 CKEditor3.0的方法

    将CKfinder 整合进 CKEditor3.0的方法

    CKFinder是一款基于AJAX的文件浏览器,这是ASP.NET专用版,它可以在线浏览文件、管理文件、上传文件,以树形Tree的方式展开目录,自动检测图片并生成缩略图,它是由Fckeditor公司出品,同时也可配合FckEditor来使用,可达到意想不到的效果。
    2010-01-01
  • 百度编辑器 如何获取光标位置与不同帧内的节点

    百度编辑器 如何获取光标位置与不同帧内的节点

    当我们console.log(domUtils)的时候,可以在控制台中,看见很多domUtils下的方法,这些方法都是用于操作节点的,findParentByTagName()顾名思义,获取的是节点,当我们的光标在编辑器内容处,而我们要获取相应内容外层节点的id以及各种属性,就需要通过domUtils来获得不同帧内的节点
    2012-07-07
  • fckeditor 代码语法高亮

    fckeditor 代码语法高亮

    这两个星期有点空,就再研究了一下语法高亮的问题,找了一下FCKeditor官方网站,发现2.5.1稳定版已经出来了,首先替换掉旧的2.0。呵呵,我喜欢使用新版。
    2009-06-06
  • 修改fckeditor的文件上传功能步骤

    修改fckeditor的文件上传功能步骤

    虽然fckeditor自带了文件上传功能,但感觉自带的不方便使用。
    2009-02-02
  • asp.net 为FCKeditor开发代码高亮插件实现代码

    asp.net 为FCKeditor开发代码高亮插件实现代码

    昨天已经将BlogEngine的可视化编辑器换成了FCKeditor,作为一个程序员,在博客中插入代码是很重要的一块。网上现有的都是修改FCKeditor的fckeditorcode_gecko.js和fckeditorcode_ie.js以达到InsertCode的目的。这个方法非常麻烦,当要使用FCKeditor新版本时都要重新修改这两个文件,非常影响我们的效率。
    2008-08-08
  • FCKEditor v2.6 编辑器配置图解教程

    FCKEditor v2.6 编辑器配置图解教程

    fckeditor的配置教程,看了下面的文章应该就差不多了
    2008-08-08
  • FCKeditor 2.6.6在ASP中的安装及配置方法分享

    FCKeditor 2.6.6在ASP中的安装及配置方法分享

    FCKeditor目前的最新版本是2.6.6,在网上搜索此版本的配置方法,发现很少有asp的配置方法,以下就把自己的一些配置经验分享给有需要的你。
    2012-03-03
  • HTML 编辑器 FCKeditor使用详解

    HTML 编辑器 FCKeditor使用详解

    最近使用fckeditor的人是越来越多了,随着大家环境的不一样也导致大家在使用过程中碰到了各种各样的问题,这篇文章对于细节的描述不错,更高级的技巧可以参考脚本之家之前发布的一些文章。
    2009-06-06

最新评论