在ROR应用中整合FCKEditor

1.先从http://www.fckeditor.net下载最新版本,解压在FCKEditor 目录中.

/editor/
fckconfig.js
fckeditor.js
fckstyles.xml
fcktemplates.xml

只需要这几个文件就行，FCKEditor拷贝到你的ROR应用/public/javascripts目录中.目录结构如下:

现在你需要修改ROR应用中FCKEditot的'fckeditor.js文件，代码如下:

var  FCKeditor  =   function ( instanceName, width, height, toolbarSet, value )
... {
    // Properties
    this.InstanceName    = instanceName ;
    this.Width            = width            || '100%' ;
    this.Height            = height        || '300' ;
    this.ToolbarSet        = toolbarSet    || 'Default' ;//Basic|Default
    this.Value            = value            || '' ;
    this.BasePath        = '/javascripts/FCKeditor/' ; //fckeditor
    this.CheckBrowser    = true ;
    this.DisplayErrors    = true ;
    this.EnableSafari    = false ;        // This is a temporary property, while Safari support is under development.
    this.EnableOpera    = false ;        // This is a temporary property, while Opera support is under development.

    this.Config            = new Object() ;

    // Events
    this.OnError        = null ;    // function( source, errorNumber, errorDescription )
}

打开需要对FCKEditor引用的rhtml文件,在</head>前面增加

<%=  javascript_include_tag  " FCKEditor/fckeditor "   %>
< script type = " text/javascript " >
window.onload  =   function ()
... {
var oFCKeditor = new FCKeditor( 'MyTextarea' ) ;
oFCKeditor.ReplaceTextarea() ;
}
</ script >

比如我们有一个

<textarea id="MyTextarea" name="MyTextarea"></textarea>

最后如图: