日期:2014-05-16 浏览次数:20432 次
?关于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图:
?
?
谢谢!!!!!