欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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

程序员文章站 2022-03-20 15:02:34
现在很多cms系统因为安全原因会把后台编辑器里的上传功能给去除,但这样一来对实际使用过程造成了很多麻烦,今天我们以aspcms系统的fckeditor编辑器为例,说明一...

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/”这里如果这样设置,我最后发现两个问题

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

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 图片上传内容请搜素以前的文章或下面相关文章,希望大家以后多多支持!