首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

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

2012-09-16 
jsp中的TextArea实现如word的可视化编辑首先下载CKEditor,下载链接如下:http://download.csdn.net/detail/

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编辑文本框的内容了,示例如下:

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

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

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

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


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

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


热点排行