1.先从http://www.fckeditor.net下载最新版本,解压在FCKEditor 目录中.
/editor/
fckconfig.js
fckeditor.js
fckstyles.xml
fcktemplates.xml
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 )
}
... {
// 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 >
< script type = " text/javascript " >
window.onload = function ()
... {
var oFCKeditor = new FCKeditor( 'MyTextarea' ) ;
oFCKeditor.ReplaceTextarea() ;
}
</ script >
比如我们有一个
<textarea id="MyTextarea" name="MyTextarea"></textarea>
最后如图: