让Rails版的FCKEditor支持动态设置上传目录

一个多用户的系统，上传图像文件等，希望不同用户的图像上传到它专有的目录里。我最初查到在PHP版的FCKEditor是通过设 置$Config('UserFilesPath')来实现，但Rails版的FCKEditor没有此项设置（搜索UserFilesPath关键字后 做出此判断）。接着，我查看了FCKEditor关键的fckeditor_controller.rb的源代码，似乎它并不支持此项设置。再看 javaeye是怎么用FCKEditor的，发现它放弃了FCKEditor的上传功能。google了半天，除了那些转来转去的相同内容的帖子之外 （搞不懂有了google之后，怎么还会有人费劲去转帖别人的文章），一点营养也没有。在JavaEye发了个求助帖，没人理 :-( 。 传说中高手云集的JavaEye，其Rails版块真是冷清，给人阴飕飕的感觉。没办法，自己改源代码吧。

文/陈刚 www.chengang.com.cn 转载请保留出处

1.修改fckeditor_controller.rb，把它那几个private方法修改如下：

  
   private
  def current_directory_path
    base_dir  =   " #{RAILS_ROOT}/public "

    #TODO 在创建用户时，就建立好目录。这时可以去掉这部份代码，提高运行效率。
    ( " #{params[:uploaded]||UPLOADED}/#{params[:Type]} " ).split( ' / ' ).each  do   | s |
    next  if  s == ''
        base_dir  +=   ' / '   +  s
        Dir.mkdir(base_dir, 0775 ) unless File.exists ? (base_dir)
    end
    
    check_path( " #{base_dir}#{params[:CurrentFolder]} " )
  end
  
  def upload_directory_path
    uploaded  =  @request.relative_url_root.to_s + " #{params[:uploaded]||UPLOADED}/#{params[:Type]} "
     " #{uploaded}#{params[:CurrentFolder]} "
  end
  
  def check_file(file)
    # check that the file is a tempfile object
    unless  " #{file.class} "   ==   " Tempfile "   ||   " #{file.class} "   ==   " StringIO "
      @errorNumber  =   403
       throw  Exception. new
    end
    file
  end
  
  def check_path(path)
    exp_path  =  File.expand_path path
     if  exp_path  !~   % r[ ^ #{File.expand_path(RAILS_ROOT)} / public #{params[:uploaded] || UPLOADED}]
      @errorNumber  =   403
       throw  Exception. new
    end
    path
  end

另外，它前面的常量UPLOADED_ROOT也没用了，可以删掉。


2. 在上面的代码中params[:uploaded] 是关键，它就是我们动态定义的上传目录。该值来自于FCKEditor的一些html页面，它是通过get参数传入的。修改browser.html文件 （如下粗体部份），在它的url请求中把我们定义目录加入到get参数列中，这样它就可以传到fckeditor_controller.rb里了。

var sServerPath  =  GetUrlParam(  ' ServerPath '  ) ;
if  ( sServerPath.length  >   0  )
    oConnector.ConnectorUrl  +=   ' ServerPath= '   +  escape( sServerPath )  +   ' & '  ;

var sUploaded  = GetUrlParam( 'uploaded' ) ;
if ( sUploaded.length > 0 )
    oConnector.ConnectorUrl += 'uploaded=' + escape( sUploaded ) + '&'  ;

oConnector.ResourceType         =  GetUrlParam(  ' Type '  ) ;
oConnector.ShowAllTypes         =  ( oConnector.ResourceType.length  ==   0  ) ;

3.  上面的GetUrlParam( 'uploaded' ) 的值来自于fckcustom.js。修改fckcustom.js（如下粗体部份），把uploaded加入到get参数列中。

//  CHANGE FOR APPS HOSTED IN SUBDIRECTORY
FCKRelativePath  =   '' ;

//  DON ' T CHANGE THESE
FCKConfig.LinkBrowserURL  =  FCKConfig.BasePath  +   ' filemanager/browser/default/browser.html?Connector= ' + FCKRelativePath + ' /fckeditor/command ' ;
FCKConfig.ImageBrowserURL  =  FCKConfig.BasePath  +   ' filemanager/browser/default/browser.html?uploaded= '+FCKConfig.uploaded+' &Type=Image&Connector= ' + FCKRelativePath + ' /fckeditor/command ' ;
FCKConfig.FlashBrowserURL  =  FCKConfig.BasePath  +   ' filemanager/browser/default/browser.html?uploaded= '+FCKConfig.uploaded+' &Type=Flash&Connector= ' + FCKRelativePath + ' /fckeditor/command ' ;

FCKConfig.LinkUploadURL  =  FCKRelativePath + ' /fckeditor/upload ' ;
FCKConfig.ImageUploadURL  =  FCKRelativePath + ' /fckeditor/upload?Type=Image&uploaded= '+ FCKConfig.uploaded;
FCKConfig.FlashUploadURL  =  FCKRelativePath + ' /fckeditor/upload?Type=Flash&uploaded= '+ FCKConfig.uploaded;
FCKConfig.AllowQueryStringDebug  =  false;
FCKConfig.SpellChecker  =   ' SpellerPages ' ;

//  ONLY CHANGE BELOW HERE
FCKConfig.SkinPath  =  FCKConfig.BasePath  +   ' skins/silver/ ' ;
FCKConfig.AutoDetectLanguage  =  false ;
FCKConfig.DefaultLanguage  =   ' zh-cn '  ;
FCKConfig.FontNames  =   ' 微软雅黑;宋体;黑体;隶书;楷体_GB2312;Arial;Comic Sans MS;Courier New;Tahoma;Times New Roman;Verdana '  ;

FCKConfig.ToolbarSets[ " Simple " ]  =  [
    [ ' Source ' , ' - ' , ' FitWindow ' , ' Preview ' , ' - ' , ' Templates ' ],
    [ ' PasteText ' , ' PasteWord ' ],
    [ ' Undo ' , ' Redo ' , ' Find ' , ' Replace ' ],
     ' / ' ,
    [ ' RemoveFormat ' , ' Bold ' , ' Italic ' , ' Underline ' , ' StrikeThrough ' ],
    [ ' OrderedList ' , ' UnorderedList ' , ' Outdent ' , ' Indent ' ],
    [ ' JustifyLeft ' , ' JustifyCenter ' , ' JustifyRight ' , ' JustifyFull ' ],
        [ ' TextColor ' , ' BGColor ' ],
    [ ' Link ' , ' Unlink ' , ' Anchor ' ],
    [ ' Image ' , ' Flash ' , ' Table ' , ' Rule ' , ' Smiley ' ],
     ' / ' ,
    [ ' Style ' , ' FontFormat ' , ' FontName ' , ' FontSize ' ]
] ;

4. 上面FCKConfig.uploaded的值来自于fckeditor.rb。在fckeditor.rb中加入一句（如下粗体所示）。

      javascript_tag(  " var oFCKeditor = new FCKeditor('#{id}', '#{width}', '#{height}', '#{toolbarSet}');\n " +
                       " oFCKeditor.BasePath = \ " # {base_path}\"\n"+
                       " oFCKeditor.Config['CustomConfigurationsPath'] = 'http://www.cnblogs.com/fckcustom.js';\n " +
                       "oFCKeditor.Config['uploaded'] = '#{options[:path]}';\n"+
                       " oFCKeditor.ReplaceTextarea();\n " )                         

5.不 过上面oFCKeditor.Config['uploaded']的值要传到fckcustom.js的FCKConfig.uploaded里，还需 要修改fckeditorcode_gecko.js和fckeditorcode_ie.js（这两个文件对javascript进行了压缩处理，修改 起来较难操作）。我是参考了oFCKeditor.Config['CustomConfigurationsPath'] 这个参数的载入实现，才找到这种鸟不生蛋的地方。搜索这两个文件的关键字CustomConfigurationsPath，找到如下一行，然后加入一个else if判断(如下粗体所示）。

if  (D == ' CustomConfigurationsPath ' ) FCKConfig[D] = E; else if (D=='uploaded') FCKConfig[D]=E; else   if  (E.toLowerCase() == " true " )  this .PageConfig[D] = true ;

6.最后在fckeditor.rb里的#{options[:path]}来自于我们前台的view了。如下粗体所示，把标准的fckeditor_textarea新增加了一个参数，其中params[:user_id]是把用户的ID值做为目录名。这样就实现了动态改变FCKEditor的上传目录。

<%= fckeditor_textarea(:topic, :content, :ajax  =>   true , :toolbarSet  =>   ' Simple ' , :height  =>   ' 400px ' ,  :path  =>   " /uploads/#{params[:user_id]} " )  %>

修 改完后需要重启WEB服务，最后别忘记把public/javascripts/fckeditor和vendor/plugins/fckeditor /public/javascripts同步一下，原因见http://www.blogjava.net/chengang/archive/2007 /09/24/147867.html



转自： http://www.blogjava.net/chengang/archive/2007/09/26/148114.html