FCKEditor与rails的集成

1.下载fckeditor_plugin-0.3.2.zip,目前版本为0.3.2
2.解压到vendor\plugins目录下,并且重新命名为fckeditor
3.到该应用程序根目录下,然后运行rake fckeditor:install,则执行自动安装
4.在自己的view层中添加
<%= javascript_include_tag :fckeditor %>
以及在你需要编辑的字段textarea替换为
<%= fckeditor_textarea("book", "desc", { :toolbarKit => 'Simple', :width => '100%', :height => '200px' }) %>
第一个参数为你的domain对象,desc为你的编辑字段值,其他顾名思义
然后运行你的页面程序,发现simple upload有点bug,上传后javascript报错
5.追踪代码发现
vendor\plugins\fckeditor\app\controllers\fckeditor_controller.rb下的

FCKEditor与rails的集成(FCK上传图片出现js错误的问题) - Rui - 午后的阳光   def upload
FCKEditor与rails的集成(FCK上传图片出现js错误的问题) - Rui - 午后的阳光    self.upload_file
FCKEditor与rails的集成(FCK上传图片出现js错误的问题) - Rui - 午后的阳光  end

调用了upload_file方法

FCKEditor与rails的集成(FCK上传图片出现js错误的问题) - Rui - 午后的阳光 def upload_file
FCKEditor与rails的集成(FCK上传图片出现js错误的问题) - Rui - 午后的阳光    @new_file 
=  params[:NewFile]
FCKEditor与rails的集成(FCK上传图片出现js错误的问题) - Rui - 午后的阳光    @url 
=  upload_directory_path
FCKEditor与rails的集成(FCK上传图片出现js错误的问题) - Rui - 午后的阳光    begin
FCKEditor与rails的集成(FCK上传图片出现js错误的问题) - Rui - 午后的阳光      ftype 
=  @new_file.content_type.strip
FCKEditor与rails的集成(FCK上传图片出现js错误的问题) - Rui - 午后的阳光      
if   !  MIME_TYPES.include ? (ftype)
FCKEditor与rails的集成(FCK上传图片出现js错误的问题) - Rui - 午后的阳光        @errorNumber 
=   202
FCKEditor与rails的集成(FCK上传图片出现js错误的问题) - Rui - 午后的阳光        puts 
" #{ftype} is invalid MIME type "
FCKEditor与rails的集成(FCK上传图片出现js错误的问题) - Rui - 午后的阳光        raise 
" #{ftype} is invalid MIME type "
FCKEditor与rails的集成(FCK上传图片出现js错误的问题) - Rui - 午后的阳光      
else
FCKEditor与rails的集成(FCK上传图片出现js错误的问题) - Rui - 午后的阳光        path 
=  current_directory_path  +   " / "   +  @new_file.original_filename
FCKEditor与rails的集成(FCK上传图片出现js错误的问题) - Rui - 午后的阳光        File.open(path,
" wb " , 0664 do   | fp |
FCKEditor与rails的集成(FCK上传图片出现js错误的问题) - Rui - 午后的阳光          FileUtils.copy_stream(@new_file, fp)
FCKEditor与rails的集成(FCK上传图片出现js错误的问题) - Rui - 午后的阳光        end
FCKEditor与rails的集成(FCK上传图片出现js错误的问题) - Rui - 午后的阳光        @errorNumber 
=   0
FCKEditor与rails的集成(FCK上传图片出现js错误的问题) - Rui - 午后的阳光      end
FCKEditor与rails的集成(FCK上传图片出现js错误的问题) - Rui - 午后的阳光    rescue 
=>  e
FCKEditor与rails的集成(FCK上传图片出现js错误的问题) - Rui - 午后的阳光      @errorNumber 
=   110   if  @errorNumber.nil ?
FCKEditor与rails的集成(FCK上传图片出现js错误的问题) - Rui - 午后的阳光    end
FCKEditor与rails的集成(FCK上传图片出现js错误的问题) - Rui - 午后的阳光    
FCKEditor与rails的集成(FCK上传图片出现js错误的问题) - Rui - 午后的阳光    # Fix provided by Nicola Piccinini 
--  http: // superfluo.org
FCKEditor与rails的集成(FCK上传图片出现js错误的问题) - Rui - 午后的阳光
    render :text  =>   % Q ' <script>window.parent.frames[\ ' frmUpload\ ' ].OnUploadCompleted(#{@errorNumber});</script> '
FCKEditor与rails的集成(FCK上传图片出现js错误的问题) - Rui - 午后的阳光    #render :inline 
=>   ' page << "window.parent.frames[\ ' frmUpload\ ' ].OnUploadCompleted(#{@errorNumber}, \ ' # {@new_file} \ ' );" ' , :type  =>  :rjs
FCKEditor与rails的集成(FCK上传图片出现js错误的问题) - Rui - 午后的阳光  end

中的

FCKEditor与rails的集成(FCK上传图片出现js错误的问题) - Rui - 午后的阳光 render :text  =>   % Q ' <script>window.parent.frames[\ ' frmUpload\ ' ].OnUploadCompleted(#{@errorNumber});</script> '

在浏览服务器时是正常的,但是在快速上传中不应该返回这个script语句
则修改upload方法

FCKEditor与rails的集成(FCK上传图片出现js错误的问题) - Rui - 午后的阳光 def upload
FCKEditor与rails的集成(FCK上传图片出现js错误的问题) - Rui - 午后的阳光    @new_file 
=  params[:NewFile]
FCKEditor与rails的集成(FCK上传图片出现js错误的问题) - Rui - 午后的阳光    @url 
=  upload_directory_path
FCKEditor与rails的集成(FCK上传图片出现js错误的问题) - Rui - 午后的阳光    begin
FCKEditor与rails的集成(FCK上传图片出现js错误的问题) - Rui - 午后的阳光      ftype 
=  @new_file.content_type.strip
FCKEditor与rails的集成(FCK上传图片出现js错误的问题) - Rui - 午后的阳光      
if   !  MIME_TYPES.include ? (ftype)
FCKEditor与rails的集成(FCK上传图片出现js错误的问题) - Rui - 午后的阳光        @errorNumber 
=   202
FCKEditor与rails的集成(FCK上传图片出现js错误的问题) - Rui - 午后的阳光        puts 
" #{ftype} is invalid MIME type "
FCKEditor与rails的集成(FCK上传图片出现js错误的问题) - Rui - 午后的阳光        raise 
" #{ftype} is invalid MIME type "
FCKEditor与rails的集成(FCK上传图片出现js错误的问题) - Rui - 午后的阳光      
else
FCKEditor与rails的集成(FCK上传图片出现js错误的问题) - Rui - 午后的阳光        path 
=  current_directory_path  +   " / "   +  @new_file.original_filename
FCKEditor与rails的集成(FCK上传图片出现js错误的问题) - Rui - 午后的阳光        File.open(path,
" wb " , 0664 do   | fp |
FCKEditor与rails的集成(FCK上传图片出现js错误的问题) - Rui - 午后的阳光          FileUtils.copy_stream(@new_file, fp)
FCKEditor与rails的集成(FCK上传图片出现js错误的问题) - Rui - 午后的阳光        end
FCKEditor与rails的集成(FCK上传图片出现js错误的问题) - Rui - 午后的阳光        @errorNumber 
=   0
FCKEditor与rails的集成(FCK上传图片出现js错误的问题) - Rui - 午后的阳光      end
FCKEditor与rails的集成(FCK上传图片出现js错误的问题) - Rui - 午后的阳光    rescue 
=>  e
FCKEditor与rails的集成(FCK上传图片出现js错误的问题) - Rui - 午后的阳光      @errorNumber 
=   110   if  @errorNumber.nil ?
FCKEditor与rails的集成(FCK上传图片出现js错误的问题) - Rui - 午后的阳光    end
FCKEditor与rails的集成(FCK上传图片出现js错误的问题) - Rui - 午后的阳光    
FCKEditor与rails的集成(FCK上传图片出现js错误的问题) - Rui - 午后的阳光    # Fix provided by Nicola Piccinini 
--  http: // superfluo.org
FCKEditor与rails的集成(FCK上传图片出现js错误的问题) - Rui - 午后的阳光
    render :text  =>   % Q ' <script>window.parent.OnUploadCompleted(#{@errorNumber},\"#{UPLOADED}/#{params[:Type]}\",\"#{@new_file.original_filename}\",\"\");</script> '
FCKEditor与rails的集成(FCK上传图片出现js错误的问题) - Rui - 午后的阳光  end

快速上传问题修复

6.发现文件夹里边如果上传图片过多不好备份,故采用/年/月方式保存
修改代码如下:

FCKEditor与rails的集成(FCK上传图片出现js错误的问题) - Rui - 午后的阳光    def upload
FCKEditor与rails的集成(FCK上传图片出现js错误的问题) - Rui - 午后的阳光    @new_file 
=  params[:NewFile]
FCKEditor与rails的集成(FCK上传图片出现js错误的问题) - Rui - 午后的阳光    @url 
=  upload_directory_path
FCKEditor与rails的集成(FCK上传图片出现js错误的问题) - Rui - 午后的阳光    begin
FCKEditor与rails的集成(FCK上传图片出现js错误的问题) - Rui - 午后的阳光      ftype 
=  @new_file.content_type.strip
FCKEditor与rails的集成(FCK上传图片出现js错误的问题) - Rui - 午后的阳光      
if   !  MIME_TYPES.include ? (ftype)
FCKEditor与rails的集成(FCK上传图片出现js错误的问题) - Rui - 午后的阳光        @errorNumber 
=   202
FCKEditor与rails的集成(FCK上传图片出现js错误的问题) - Rui - 午后的阳光        puts 
" #{ftype} is invalid MIME type "
FCKEditor与rails的集成(FCK上传图片出现js错误的问题) - Rui - 午后的阳光        raise 
" #{ftype} is invalid MIME type "
FCKEditor与rails的集成(FCK上传图片出现js错误的问题) - Rui - 午后的阳光      
else
FCKEditor与rails的集成(FCK上传图片出现js错误的问题) - Rui - 午后的阳光        path 
=  date_directory_path  +   " / "   +  @new_file.original_filename
FCKEditor与rails的集成(FCK上传图片出现js错误的问题) - Rui - 午后的阳光        File.open(path,
" wb " , 0664 do   | fp |
FCKEditor与rails的集成(FCK上传图片出现js错误的问题) - Rui - 午后的阳光          FileUtils.copy_stream(@new_file, fp)
FCKEditor与rails的集成(FCK上传图片出现js错误的问题) - Rui - 午后的阳光        end
FCKEditor与rails的集成(FCK上传图片出现js错误的问题) - Rui - 午后的阳光        @errorNumber 
=   0
FCKEditor与rails的集成(FCK上传图片出现js错误的问题) - Rui - 午后的阳光      end
FCKEditor与rails的集成(FCK上传图片出现js错误的问题) - Rui - 午后的阳光    rescue 
=>  e
FCKEditor与rails的集成(FCK上传图片出现js错误的问题) - Rui - 午后的阳光      @errorNumber 
=   110   if  @errorNumber.nil ?
FCKEditor与rails的集成(FCK上传图片出现js错误的问题) - Rui - 午后的阳光    end
FCKEditor与rails的集成(FCK上传图片出现js错误的问题) - Rui - 午后的阳光    
FCKEditor与rails的集成(FCK上传图片出现js错误的问题) - Rui - 午后的阳光    # Fix provided by Nicola Piccinini 
--  http: // superfluo.org
FCKEditor与rails的集成(FCK上传图片出现js错误的问题) - Rui - 午后的阳光
    render :text  =>   % Q ' <script>window.parent.OnUploadCompleted(#{@errorNumber},\"#{UPLOADED}/#{params[:Type]}/#{Time.now.year}/#{Time.now.month}/#{@new_file.original_filename}\",\"#{@new_file.original_filename}\",\"\");</script> '
FCKEditor与rails的集成(FCK上传图片出现js错误的问题) - Rui - 午后的阳光  end 
FCKEditor与rails的集成(FCK上传图片出现js错误的问题) - Rui - 午后的阳光  
private
FCKEditor与rails的集成(FCK上传图片出现js错误的问题) - Rui - 午后的阳光  def date_directory_path
FCKEditor与rails的集成(FCK上传图片出现js错误的问题) - Rui - 午后的阳光    base_dir 
=   " #{UPLOADED_ROOT}/#{params[:Type]}/#{Time.now.year}/#{Time.now.month} "
FCKEditor与rails的集成(FCK上传图片出现js错误的问题) - Rui - 午后的阳光    #Dir.mkdir(base_dir,
0775 ) unless File.exists ? (base_dir)
FCKEditor与rails的集成(FCK上传图片出现js错误的问题) - Rui - 午后的阳光    FileUtils.mkdir_p base_dir
FCKEditor与rails的集成(FCK上传图片出现js错误的问题) - Rui - 午后的阳光    
" #{base_dir} "
FCKEditor与rails的集成(FCK上传图片出现js错误的问题) - Rui - 午后的阳光  end
FCKEditor与rails的集成(FCK上传图片出现js错误的问题) - Rui - 午后的阳光

 

你可能感兴趣的:(fckeditor)