为你的ROR应用安装FCKEditor

简介:
FCKEditor是一个开源的,功能强大的富文本编辑器,在官方主页上有提供ASP,JSP,ASP.NET,PHP等版本,目前还没有rails的版本(可以设置,主要是要自己实现上传等功能),不过有一个plugin来实现此功能,有上传文件、拼写检查的功能。

1。首先到http://rubyforge.org/frs/?group_id=2038,下载0.3版本,解压缩后重命名文件夹为fckeditor,并放到你的应用的/vender/plugins下面,文件结构类似:

--rblog

    --vender

      --plugins

          --fckeditor

               --app

               --lib

               --public

               ...

2。然后在应用根目录下执行命令:rake fckeditor:install进行安装和设定。安装完成后就可以使用了,默认会在public下面新建一个uploads目录用来存放上传的文件。

3。使用方法:项目自带的readme写错的,下面是正确的做法。你首先要在页面引入js文件(当然也可以在layout中引入)

             <%= javascript_include_tag :fckeditor %>

(1)非AJAX方式:非常简单,首先你需要从你的action传来一个对象,如果没有你就会一直收到一个nil错误。假设为@artical=Artical.new,artical有一个content字段用来存储文章内容

然后在页面调用:

<%= fckeditor_textarea("artical", "content", :toolbarSet => 'Simple', :width => '100%', :height => '200px' )%>

如此一来,@artical.content将显示在fckeditor的编辑框内,我们这里为空

(2)AJAX方式调用:

<%= form_remote_tag :url => @options.merge(:controller => @scaffold_controller),
                    :before => fckeditor_before_js('note', 'text') %>

    <%= fckeditor_textarea( "artical", "content", :ajax => true ) %>

<%= end_form_tag %>

文章转自庄周梦蝶  ,原文发布时间5.17

目录
相关文章
|
Web App开发 JavaScript
Fckeditor使用方法
本文主要讲Fckeditor使用方法
206 0
|
Web App开发 JavaScript 前端开发
|
人工智能 容器 安全