zoukankan      html  css  js  c++  java
  • 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 - 午后的阳光
  • 相关阅读:
    WebFrom 复杂控件
    WebFrom 简单控件
    WinForm开发控件集合
    ListView 控件操作
    窗体类型
    WEBFORM--第一讲
    display:inline/block/inline-block
    WINFORM--第五讲(窗体类型)
    WINFORM--第四讲(布局)
    WINFORM--第三讲(下拉列表)
  • 原文地址:https://www.cnblogs.com/feichan/p/2251666.html
Copyright © 2011-2022 走看看