Grails使用FCKedtior插件

本插件已经在Grails 0.6中通过测试,并且工作正常,目前还不能工作在1.0-RCx下。
FCKeditor插件为你的网站提供最好(我认为)的所见即所得的文本编辑器。在安装过程中,你可以将<fck:editor/>标签放在你想要FCKeditor出现的地方。安装配置完成后,你就可以上传用于FCKedtior文章的图像、flash甚至文件,到Web程序中。

 

开始
在控制台输入"grails install-plugin fck-editor",安装完成后,进入项目的grails-app/confg/Config.groovy文件,添加一行"web.app.context.path=<context>",其中context表示Web程序的名称。这是普通的J2EE Web程序context。如果项目的名称为"junk",那么你的Web程序context也可能是"junk"。
现在你可以插入<fck:editor/>标签。尝试将下列语句放入index.gsp文件中:"<fck:editor width="600" height="400">Hi All!!!</fck:editor>"。如果在浏览器中查看网页,那你将看到编辑器,并且写有文本"Hi All!!!"。如果你想在网页中预载包含内容的编辑器,那么就这样做:<fck:editor>${an_article}</fck:editor>,其中'an_article'(可能)是控制器(controller)为网页创建的变量。

配置编辑器
按照习惯,编辑器将会被配置,以使所有文件上传到名为"uploads"的文件夹中,而这个文件夹应位于Web程序的根文件夹中。注意,需要展开.war文件。
可能你想在开发、测试和发布过程单独配置。在发布时,可能你将使用Apache提供静态内容的服务,比如图像、CSS、JavaScript、flash,等等。在这种情况下,你需要配置FCKeditor插件,从而使FCKeditor知道上传的位置,以及如何提供服务。下面是一个完整配置的示例,该配置能与Apache协作:

environments {
   development {
       web.app.context.path = "blueleftistconstructor/"
   }
   test {
       web.app.context.path = ""
       fcked.upload.dir = "/Users/ottaway/webmedia/"
       fcked.web.file.path = "/uploads/"
   }
   production {
       web.app.context.path = ""
       fcked.upload.dir = "/webmedia/"
       fcked.web.file.path = "/uploads/"
   }
}

这样配置,在开发、测试过程中,将使用默认的Web程序中"upload"文件夹,但在发布阶段,使用一个定义好的上传位置。下面对配置参数进行剖析:
Web.app.context.path:这是你的J2EE Web程序的context。这是唯一的必需参数。注意,这个字符串必须以一个'/'字符结尾!
fcked.upload.dir:这是文件上传到的文件夹。如果这个字符串以'/'开头,那么就指定磁盘中的绝对路径。否则,指定的路径将是相对于磁盘中已安装的Web程序文件夹的。注意,这个字符串必须以一个'/'字符结尾!
fcked.web.file.path:这是指向上传文件夹的URL。如果你定义的是相对上传目录,那么这个值将与fcked.upload.dir的值相同。如果上传文件夹在Web程序之外,那你就必须配置这个参数。可能你会使用Apache设置上传文件的别名,并映射到该URL。在这种情况下,我使用Apache,将上传文件夹设置别名为URL "/uploads/"。注意,这个字符串必须以一个'/'字符结尾!

使用和创建自定义工具栏
插件安装的时候会有两套工具栏方案(profile)。第一套(也就是默认的,default)工具栏包括很多选项,第二套是'basic(基本)'工具栏(只包括最普通的选项)。如果想使用基本工具栏,那就使用标签<fck:editor toolbar="Basic" />。工具栏的固有属性将激活指定的工具栏。
现在你可能想把一个或多个自定义的工具栏组装起来。你需要编辑'plugins/fck-editor-0.1/web-app/js/fckconfig.js'文件,来创建新的工具栏。你可以看到文件中的默认(default)和基本(basic)配置。自定义工具栏配置请参考以下网页:http://wiki.fckeditor.net/Developer%27s_Guide/Configuration/Toolbar

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值