rails实战--(四)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下的

None.gif   def upload
None.gif    self.upload_file
None.gif  end
调用了upload_file方法
None.gif def upload_file
None.gif    @new_file 
=  params[:NewFile]
None.gif    @url 
=  upload_directory_path
None.gif    begin
None.gif      ftype 
=  @new_file.content_type.strip
None.gif      
if   !  MIME_TYPES.include ? (ftype)
None.gif        @errorNumber 
=   202
None.gif        puts 
" #{ftype} is invalid MIME type "
None.gif        raise 
" #{ftype} is invalid MIME type "
None.gif      
else
None.gif        path 
=  current_directory_path  +   " / "   +  @new_file.original_filename
None.gif        File.open(path,
" wb " , 0664 do   | fp |
None.gif          FileUtils.copy_stream(@new_file, fp)
None.gif        end
None.gif        @errorNumber 
=   0
None.gif      end
None.gif    rescue 
=>  e
None.gif      @errorNumber 
=   110   if  @errorNumber.nil ?
None.gif    end
None.gif    
None.gif    # Fix provided by Nicola Piccinini 
--  http: // superfluo.org
None.gif
    render :text  =>   % Q ' <script>window.parent.frames[\ ' frmUpload\ ' ].OnUploadCompleted(#{@errorNumber});</script> '
ExpandedBlockStart.gifContractedBlock.gif    #render :inline 
=>   ' page << "window.parent.frames[\ ' frmUpload\ ' ].OnUploadCompleted(#{@errorNumber}, \ ' # dot.gif {@new_file} \ ' );" ' , :type  =>  :rjs
None.gif  end
中的
None.gif render :text  =>   % Q ' <script>window.parent.frames[\ ' frmUpload\ ' ].OnUploadCompleted(#{@errorNumber});</script> '
在浏览服务器时是正常的,但是在快速上传中不应该返回这个script语句
则修改upload方法
None.gif def upload
None.gif    @new_file 
=  params[:NewFile]
None.gif    @url 
=  upload_directory_path
None.gif    begin
None.gif      ftype 
=  @new_file.content_type.strip
None.gif      
if   !  MIME_TYPES.include ? (ftype)
None.gif        @errorNumber 
=   202
None.gif        puts 
" #{ftype} is invalid MIME type "
None.gif        raise 
" #{ftype} is invalid MIME type "
None.gif      
else
None.gif        path 
=  current_directory_path  +   " / "   +  @new_file.original_filename
None.gif        File.open(path,
" wb " , 0664 do   | fp |
None.gif          FileUtils.copy_stream(@new_file, fp)
None.gif        end
None.gif        @errorNumber 
=   0
None.gif      end
None.gif    rescue 
=>  e
None.gif      @errorNumber 
=   110   if  @errorNumber.nil ?
None.gif    end
None.gif    
None.gif    # Fix provided by Nicola Piccinini 
--  http: // superfluo.org
None.gif
    render :text  =>   % Q ' <script>window.parent.OnUploadCompleted(#{@errorNumber},\"#{UPLOADED}/#{params[:Type]}\",\"#{@new_file.original_filename}\",\"\");</script> '
None.gif  end
快速上传问题修复

6.发现文件夹里边如果上传图片过多不好备份,故采用/年/月方式保存
修改代码如下:
None.gif    def upload
None.gif    @new_file 
=  params[:NewFile]
None.gif    @url 
=  upload_directory_path
None.gif    begin
None.gif      ftype 
=  @new_file.content_type.strip
None.gif      
if   !  MIME_TYPES.include ? (ftype)
None.gif        @errorNumber 
=   202
None.gif        puts 
" #{ftype} is invalid MIME type "
None.gif        raise 
" #{ftype} is invalid MIME type "
None.gif      
else
None.gif        path 
=  date_directory_path  +   " / "   +  @new_file.original_filename
None.gif        File.open(path,
" wb " , 0664 do   | fp |
None.gif          FileUtils.copy_stream(@new_file, fp)
None.gif        end
None.gif        @errorNumber 
=   0
None.gif      end
None.gif    rescue 
=>  e
None.gif      @errorNumber 
=   110   if  @errorNumber.nil ?
None.gif    end
None.gif    
None.gif    # Fix provided by Nicola Piccinini 
--  http: // superfluo.org
None.gif
    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> '
None.gif  end 
None.gif  
private
None.gif  def date_directory_path
None.gif    base_dir 
=   " #{UPLOADED_ROOT}/#{params[:Type]}/#{Time.now.year}/#{Time.now.month} "
None.gif    #Dir.mkdir(base_dir,
0775 ) unless File.exists ? (base_dir)
None.gif    FileUtils.mkdir_p base_dir
None.gif    
" #{base_dir} "
None.gif  end
None.gif
7.同理可以对其上传文件名称进行随机处理以防重名,就不多说了。
做此笔记,抛砖引玉。

发现rails的plugin机制挺不错的,比较灵活,不过网上介绍plugin的文章真的不是很多
weixin073智慧旅游平台开发微信小程序+ssm后端毕业源码案例设计 1、资源项目源码均已通过严格测试验证,保证能够正常运行; 2、项目问题、技术讨论,可以给博主私信或留言,博主看到后会第一时间与您进行沟通; 3、本项目比较适合计算机领域相关的毕业设计课题、课程作业等使用,尤其对于人工智能、计算机科学与技术等相关专业,更为适合; 4、下载使用后,可先查看README.md或论文文件(如有),本项目仅用作交流学习参考,请切勿用于商业用途。 5、资源来自互联网采集,如有侵权,私聊博主删除。 6、可私信博主看论文后选择购买源代码。 1、资源项目源码均已通过严格测试验证,保证能够正常运行; 2、项目问题、技术讨论,可以给博主私信或留言,博主看到后会第一时间与您进行沟通; 3、本项目比较适合计算机领域相关的毕业设计课题、课程作业等使用,尤其对于人工智能、计算机科学与技术等相关专业,更为适合; 4、下载使用后,可先查看README.md或论文文件(如有),本项目仅用作交流学习参考,请切勿用于商业用途。 5、资源来自互联网采集,如有侵权,私聊博主删除。 6、可私信博主看论文后选择购买源代码。 1、资源项目源码均已通过严格测试验证,保证能够正常运行; 2、项目问题、技术讨论,可以给博主私信或留言,博主看到后会第一时间与您进行沟通; 3、本项目比较适合计算机领域相关的毕业设计课题、课程作业等使用,尤其对于人工智能、计算机科学与技术等相关专业,更为适合; 4、下载使用后,可先查看README.md或论文文件(如有),本项目仅用作交流学习参考,请切勿用于商业用途。 5、资源来自互联网采集,如有侵权,私聊博主删除。 6、可私信博主看论文后选择购买源代码。
python017基于Python贫困生资助管理系统带vue前后端分离毕业源码案例设计 1、资源项目源码均已通过严格测试验证,保证能够正常运行; 2、项目问题、技术讨论,可以给博主私信或留言,博主看到后会第一时间与您进行沟通; 3、本项目比较适合计算机领域相关的毕业设计课题、课程作业等使用,尤其对于人工智能、计算机科学与技术等相关专业,更为适合; 4、下载使用后,可先查看README.md或论文文件(如有),本项目仅用作交流学习参考,请切勿用于商业用途。 5、资源来自互联网采集,如有侵权,私聊博主删除。 6、可私信博主看论文后选择购买源代码。 1、资源项目源码均已通过严格测试验证,保证能够正常运行; 2、项目问题、技术讨论,可以给博主私信或留言,博主看到后会第一时间与您进行沟通; 3、本项目比较适合计算机领域相关的毕业设计课题、课程作业等使用,尤其对于人工智能、计算机科学与技术等相关专业,更为适合; 4、下载使用后,可先查看README.md或论文文件(如有),本项目仅用作交流学习参考,请切勿用于商业用途。 5、资源来自互联网采集,如有侵权,私聊博主删除。 6、可私信博主看论文后选择购买源代码。 1、资源项目源码均已通过严格测试验证,保证能够正常运行; 2、项目问题、技术讨论,可以给博主私信或留言,博主看到后会第一时间与您进行沟通; 3、本项目比较适合计算机领域相关的毕业设计课题、课程作业等使用,尤其对于人工智能、计算机科学与技术等相关专业,更为适合; 4、下载使用后,可先查看README.md或论文文件(如有),本项目仅用作交流学习参考,请切勿用于商业用途。 5、资源来自互联网采集,如有侵权,私聊博主删除。 6、可私信博主看论文后选择购买源代码。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值