在jsp页面使用富文本编辑器

#在jsp页面使用富文本编辑器

工具:MyEclipse

(1）

下载ueditor

下载地址：http://ueditor.baidu.com/website/download.html

(2）

解压缩文件，并把文件夹名改为ueditor

ueditor\jsp\lib路径下有commons-codec-1.9.jar、commons-fileupload-1.3.1.jar、commons-io-2.4.jar、json.jar、ueditor-1.1.2.jar五个jar包

(3）

把整个ueditor文件夹复制到工程WebRoot下；

把ueditor\jsp\lib文件夹下的五个jar包复制到WebRoot—>WEB-INF—>lib文件夹下

(4）

在jsp文件中先引入ueditor.config.js、ueditor.all.js文件

//配置文件
<script type="text/javascript" src="ueditor/ueditor.config.js"></script>
 // 编辑器源码文件 
<script type="text/javascript" src="ueditor/ueditor.all.js"></script>

(5)

在jsp页面下添加加载编辑器的容器

<p>内容：</p>
<p>
<label>
<textarea name="content" id="content" ></textarea>
</label>
 </p>

(6)
在jsp页面中加载编辑器

<script type="text/javascript" >  
UEDITOR_CONFIG.UEDITOR_HOME_URL = './ueditor/'; //一定要用这句话，否则你需要去ueditor.config.js修改路径的配置信息  
UE.getEditor('content');  
</script> 
</body> //一定到添加在body闭合标签之前

来源：CSDN

作者：h_kaka

链接：https://blog.csdn.net/h_kaka/article/details/103748815