ror集成FCKEditor

FCKEditor是一个开源的,功能强大的富文本编辑器,在官方主页上有提供ASP,JSP,ASP.NET,PHP等版本,

目前还没有rails的版本(可以设置,主要是要自己实现上传等功能),不过有一个plugin来实现此功能,

有上传文件、拼写检查的功能。

1。首先到http://rubyforge.org/frs/?group_id=2038,下载0.51版本,解压缩后重命名文件夹为

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 %>
 




(3)如果fckeditor只需要部分功能,在public/javascripts/fckcustom.js中加:

FCKConfig.ToolbarSets["Wap"] = [
        ['Source','Image']
] ;
 

 

你可能感兴趣的:(Ajax,fckeditor,asp.net,asp,Rails)