日期:2014-05-16  浏览次数:20432 次

jsp中使用fckeditor



?关于fckeditor的使用,有许多文章了,在这里我就不多说,仅仅是自已的一点学习的经验,共大家分享一下:

1、下载fckeditor在: http://ckeditor.com/download,清理一下fckeditor下的文件,去掉不要的文件,这里可以参见其它的资料;

2、建立一个jsp页面,在body中放一个textarea,如:<textarea name="fck"></textarea>

3、用fckeditor代替textarea,先引入js文件,如:

<script type="text/javascript" src="fckeditor/fckeditor.js"></script>

编写js代码,创建fckeditor,代码如下:

<script type="text/javascript">
?window.onload = function() {
??var oFCKeditor = new FCKeditor('fck');
??oFCKeditor.BasePath = '/study/fckeditor/'; //这里是你项目放fckeditor的路径
??oFCKeditor.Width = "100%"; //设置宽高
??oFCKeditor.Height = "500";
??oFCKeditor.ReplaceTextarea(); //代替textarea
?}

4、这样就可以在实现fckeditor在jsp的使用,当然还得找一下fckeditor的API,看它是怎么取值和上传的,fck是一个web程序员必需学会使用的一个编译器,当然你也可以用其它的编译器,如:Extjs中的editor,功能也不错,只是没爱么强大;

5、相关的图片:

项目放置fckeditor图:

测试fckeditor图:

?



?

谢谢!!!!!