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",0664do |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",0664do |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",0664do |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 - 午后的阳光
原文地址:https://www.cnblogs.com/feichan/p/2251666.html