购买
下载掌阅APP,畅读海量书库
立即打开
畅读海量书库
扫码下载掌阅APP

4.4 JSP与在线编辑器CKeditor

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运行效果

本实例的完整源代码请参考配套光盘的“源代码”部分。 Eb7gKbrOHGwYvzlAiJ+/aPDLX01hwa55zQXHgc4YftXZ376Prtl5SufnApmbUv8f

点击中间区域
呼出菜单
上一章
目录
下一章
×