您的位置:首页 > 其它

fckeditor编辑器的使用

2014-02-04 15:23 253 查看
FCKeditor是一个专门使用在网页上属于开放源代码的所见即所得文字编辑器。它志于轻量化,不需要太复杂的安装步骤即可使用。它可和PHP、JavaScript、ASP、ASP.NET、ColdFusion、Java、以及ABAP等不同的编程语言相结合。“FCKeditor”名称中的“FCK”
是这个编辑器的作者的名字Frederico
Caldeira Knabben的缩写。

下面介绍fckeditor的使用:

下载Fckeditor解压并拷贝到工程的webroot下,如下图:

然后再jsp中的body标签中引入js:
<script type="text/javascript"
src="/工程名/fckeditor/fckeditor.js">
</script>

在需要显示编辑器的区域中加入如下代码:
<script>
var oFCKeditor = new FCKeditor( 'editor1' ) ;
oFCKeditor.BasePath = '/TransactionDemoTeam/fckeditor/' ;
oFCKeditor.Height = 200 ;
//oFCKeditor.ToolbarSet = 'Basic';
oFCKeditor.ToolbarSet = 'Default';//指定样式
oFCKeditor.Value='${em.content}';
oFCKeditor.Create() ;
</script>
注意:

以上代码中的:
var oFCKeditor = new FCKeditor( 'editor1' ) ;

editor1即为该编辑器控件的名字,在servlet中可以通过request.getParameter("editor1");获得编辑里编辑完的内容。

效果如下:
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息