第一步:我们得将原文本框的textarea域换成富文本编辑
一、下载ueditor的相关文件http://ueditor.baidu.com/website/download.html
二、将整个文件放在WebRoot下面,然后将其目录下的jsp/lib下面的jar包引入到web工程。
三、在jsp页面导入需要的js文件.
<script src="${ctx}/ueditor12/ueditor.config.js" type="text/javascript"></script>
<script src="${ctx}/ueditor12/ueditor.all.min.js" type="text/javascript"> </script>
<!--建议手动加在语言,避免在ie下有时因为加载语言失败导致编辑器加载失败-->
<!--这里加载的语言文件会覆盖你在配置项目里添加的语言类型,比如你在配置项目里配置的是英文,这里加载的中文,那最后就是中文-->
<script src="${ctx}/ueditor12/lang/zh-cn/zh-cn.js" type="text/javascript"></script>
第四步、将textarea换成富文本
<textarea name="content" cols="88" rows="11" id="Ueditor"></textarea>
<script type=text/javascript>
//var editor = new UE.ui.Editor();
//editor.render("Ueditor");
//1.2.4以后可以使用一下代码实例化编辑器
UE.getEditor('Ueditor');
</script>
若是原来的textarea变成富文本就OK了