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下的
def upload
self.upload_file
end
调用了upload_file方法
def upload_file
@new_file = params[:NewFile]
@url = upload_directory_path
begin
ftype = @new_file.content_type.strip
if ! MIME_TYPES.include?(ftype)
@errorNumber = 202
puts "#{ftype} is invalid MIME type"
raise "#{ftype} is invalid MIME type"
else
path = current_directory_path + "/" + @new_file.original_filename
File.open(path,"wb",0664) do |fp|
FileUtils.copy_stream(@new_file, fp)
end
@errorNumber = 0
end
rescue => e
@errorNumber = 110 if @errorNumber.nil?
end
# Fix provided by Nicola Piccinini -- http://superfluo.org
render :text => %Q'<script>window.parent.frames[\'frmUpload\'].OnUploadCompleted(#{@errorNumber});</script>'
#render :inline => 'page << "window.parent.frames[\'frmUpload\'].OnUploadCompleted(#{@errorNumber}, \'#{@new_file}\');"', :type => :rjs
end
中的
render :text => %Q'<script>window.parent.frames[\'frmUpload\'].OnUploadCompleted(#{@errorNumber});</script>'
在浏览服务器时是正常的,但是在快速上传中不应该返回这个script语句
则修改upload方法
def upload
@new_file = params[:NewFile]
@url = upload_directory_path
begin
ftype = @new_file.content_type.strip
if ! MIME_TYPES.include?(ftype)
@errorNumber = 202
puts "#{ftype} is invalid MIME type"
raise "#{ftype} is invalid MIME type"
else
path = current_directory_path + "/" + @new_file.original_filename
File.open(path,"wb",0664) do |fp|
FileUtils.copy_stream(@new_file, fp)
end
@errorNumber = 0
end
rescue => e
@errorNumber = 110 if @errorNumber.nil?
end
# Fix provided by Nicola Piccinini -- http://superfluo.org
render :text => %Q'<script>window.parent.OnUploadCompleted(#{@errorNumber},\"#{UPLOADED}/#{params[:Type]}\",\"#{@new_file.original_filename}\",\"\");</script>'
end
快速上传问题修复
6.发现文件夹里边如果上传图片过多不好备份,故采用/年/月方式保存
修改代码如下:
def upload
@new_file = params[:NewFile]
@url = upload_directory_path
begin
ftype = @new_file.content_type.strip
if ! MIME_TYPES.include?(ftype)
@errorNumber = 202
puts "#{ftype} is invalid MIME type"
raise "#{ftype} is invalid MIME type"
else
path = date_directory_path + "/" + @new_file.original_filename
File.open(path,"wb",0664) do |fp|
FileUtils.copy_stream(@new_file, fp)
end
@errorNumber = 0
end
rescue => e
@errorNumber = 110 if @errorNumber.nil?
end
# Fix provided by Nicola Piccinini -- http://superfluo.org
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>'
end
private
def date_directory_path
base_dir = "#{UPLOADED_ROOT}/#{params[:Type]}/#{Time.now.year}/#{Time.now.month}"
#Dir.mkdir(base_dir,0775) unless File.exists?(base_dir)
FileUtils.mkdir_p base_dir
"#{base_dir}"
end
7.同理可以对其上传文件名称进行随机处理以防重名,就不多说了。
做此笔记,抛砖引玉。
发现rails的plugin机制挺不错的,比较灵活,不过网上介绍plugin的文章真的不是很多
分享到:
相关推荐
**标题:“FCKeditor与EXT集成使用”** 在Web开发中,富文本编辑器和UI框架的集成是常见的需求,以便提供用户友好的界面和功能丰富的编辑体验。本主题主要探讨的是如何将FCKeditor(一个流行的开源JavaScript富文本...
【Dorado与FCKeditor无缝集成的简单实现】 Dorado是一款高效的Web展现中间件,它作为Web表现层的开发和运行平台,具有提高开发规范性和效率、增强项目可管理性的优点。而FCKeditor则是一种功能强大且灵活的HTML在线...
"Dorado与FCKeditor无缝集成的简单实现" 本文主要介绍了如何将Dorado与FCKeditor进行无缝集成,实现了使用FCKeditor替代Dorado的TextEditor编辑器,并使用Div标签展现Dorado的文本数据的功能。下面是相关知识点的...
而 CKFinder 是一个与 CKEditor 和 FCKEditor 集成的文件管理工具,它允许用户方便地上传、浏览和插入文件到编辑器中。 CKFinder 主要功能: 1. **上传文件**:用户可以通过 CKFinder 直接将本地文件上传到服务器,...
这篇文档将深入探讨如何将FCKEditor与EXT结合,以解决EXT编辑器的局限性,提升Web应用的用户体验。 **1. FCKEditor简介** FCKeditor(现称为CKEditor)是一款开源的JavaScript富文本编辑器,它提供了丰富的文本格式...
插件作者对原有的功能进行了升级和集成,确保其与FCKeditor无缝配合,提供更顺畅的用户体验。 在实际使用中,远程图片上传插件通常包含以下几个关键组件: 1. **用户界面**:在FCKeditor的工具栏上增加一个图标或...
6. **交互与数据绑定**:在WinForm中,我们需要找到一种方式与FCKeditor交互,获取或设置编辑器的内容。可以通过`WebBrowser`控件的`Document`属性访问HTML文档,然后调用JavaScript方法。例如,获取内容: ```...
在"fckeditor与swfupload整合实例"中,我们主要关注如何将这两个工具结合起来,使用户能够在FCKeditor中方便地上传文件。整合过程通常包括以下几个步骤: 1. **安装和配置FCKeditor**:首先,你需要下载FCKeditor的...
三、下载与引入FCKeditor 1. 访问FCKeditor官方网站下载最新版本的FCKeditor压缩包。 2. 解压下载的文件,将解压后的`fckeditor`目录复制到Web项目的`WebContent`或`Web-INF`下的`js`目录中,这样便于在项目中引用。...
《fckeditor集成远程图片上传插件v3.0详解》 在互联网内容创作中,编辑器扮演着至关重要的角色,而FCKeditor是一款广受欢迎的开源富文本编辑器,它为用户提供了类似Microsoft Word的在线编辑体验。本文将详细介绍...
5. **易于集成**:描述中提到可以直接复制到项目中使用,这表明FCKeditor提供了简单直观的API和教程,使得与其他系统或框架的集成变得非常便捷。 6. **使用文档**:随FCKeditor提供的使用指南详细介绍了如何安装、...
FCKeditor是一款开源的JavaScript富文本编辑器,而这里的ASP版本则是将JavaScript编辑器与ASP服务器端代码集成,实现数据的提交和处理。 **FCKeditor** 是由Frederico Caldeira Knabben开发的一款强大的Web前端富...
在本教程中,我们将深入探讨FCKEditor 3.5.3的配置与使用,特别是针对Java开发环境的集成。 **一、FCKEditor 3.5.3简介** FCKeditor 3.5.3是该编辑器的一个稳定版本,它提供了一套完整的API和丰富的功能集,如图片...
例如,可能增强了对HTML5的支持,或者提高了与某些特定服务器端技术(如ASP.NET)的集成度。而FCKeditor.Net_2.6.3.zip可能是专为.NET平台优化的版本,提供了更方便的.NET集成方式。 使用FCKeditor时,开发人员通常...
**FCKeditor与fckeditor.properties详解** 在JSP(JavaServer Pages)开发环境中,富文本编辑器FCKeditor是一款广泛使用的开源工具,它允许开发者在网页上创建具有类似Word功能的文本编辑区域,用户可以方便地进行...
下面将详细阐述FCKeditor与Java相关的知识点。 1. **FCKeditor简介** FCKeditor是一款基于JavaScript的富文本编辑器,它提供了一个类似Microsoft Word的界面,让用户在网页上编辑HTML内容。FCKeditor支持多种格式...
9. **API接口**:Fckeditor提供了详细的API文档,开发者可以通过调用API来控制编辑器的行为,实现与后端系统的深度集成。 10. **自定义皮肤**:Fckeditor允许开发者自定义编辑器的外观,以匹配网站的整体风格。 在...
集成时,需要确保日历插件的样式与FCKeditor的界面风格协调,并且能够正确地将选择的日期插入到编辑器中。 在实际操作中,这个实例可能包含以下步骤: 1. 引入级联菜单和日历插件的JavaScript库。 2. 使用FCKeditor...
**FCK文本编辑器——FCKeditor与fckeditor详解** FCK文本编辑器,全称为FCKeditor,是一个开源的富文本编辑器,主要用于网页内容的编辑和格式化。FCKeditor以其强大的功能和易用性,被广泛应用于网站后台管理系统、...
这个jar包通常包含了FCKeditor的Java版本,是将FCKeditor功能集成到Java应用中的关键组件。开发者可以使用这个jar包在Java应用程序中嵌入FCKeditor编辑器,为用户提供更丰富的文本编辑体验。jar包可能包含以下内容...