CKeditor是一个开源的HTML文本编辑器,它可以让Web程序拥有如MS Word这样强大的编辑功能,目前最新版本为CKeditor3.2。
CKeditor支持当前流行的浏览器如IE 4.5+、 Firefox 1.0+、 Mozilla 1.3+与Netscape 7+。大家可以到http://ckeditor.com/download下载或试用。
在JSP Web中使用在线编辑器CKeditor3.2 的步骤如下:
(1)将解压后的CKeditor3.2 下的ckeditor文件夹及其全部内容复制到WebRoot下。
(2)如果需要“瘦身”的话,可将ckeditor下的_samples、_source两个文件夹删除,进入lang文件目录,保留_languages.js、en.js、zh.js、zh-cn.js几个文件,其余的语言文件在不需要使用时也可删除。
(3)在config.js文件中配置CKeditor。例如:
(4)在需要放置CKeditor编辑器组件的页面引入ckeditor.js。例如:
<script type='text/javascript' src='./ckeditor/ckeditor.js'></script>
(5)在需要放置CKeditor编辑器组件的页面中通过以下两种方式创建编辑器:
(6)新建用于保存上传文件的upload文件夹,然后再创建供CKeditor上传图片与Flash之用的文件上传组件。例如:
(7)在web.xml中配置CKeditor的文件上传组件:
(8)在JSP页面中正常使用,如test.jsp:
test.jsp运行效果如图4-12所示。
图4-12 CKeditor运行效果
本实例的完整源代码请参考配套光盘的“源代码”部分。