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

jsp中的TextArea实现如word的可视化编辑

首先下载CKEditor,下载链接如下:

http://download.csdn.net/detail/hncsy403/4535368

解压并复制CKEditor到项目的webroot中


在页面中引入CKEditor:

1.<script type="text/javascript" src="<%=request.getContextPath() %>/ckeditor/ckeditor.js"> </script>

2.在“内容”textarea标签中加入class="ckeditor"


引入后就可以使用CKEditor编辑文本框的内容了,示例如下:


如图所示,TextArea已经变成一个可视化编辑区域

编辑好文本框内容后,可以提交到数据库

注意:在数据库中对应的字段类型为“CLOB


同时也可以通过修改config.js文件配置CKEditor,示例如下: