JSP引入 - UEditor 富文本编辑器

时间:2022-04-29
本文章向大家介绍JSP引入 - UEditor 富文本编辑器,主要内容包括其使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。

 UEditor  JSP

因为是项目第一天就导入了,现在过去一个多星期了,可能会有问题

官网:http://ueditor.baidu.com/website/

1.

解压对应的UEditor压缩包至Tomcat的webapps目录下,最终,UEditor的安装路径为:

2.

进入目录:创建如下两个文件夹(注意区分大小写):WEB-INFlib

3.

拷贝目录:jsplib下的所有jar包到第2步创建的lib目录下,结果如图所示:

4.

拷贝目录jsp/lib/下的所有jar包到WEB-INF/lib/目录下, 部署至此完成,最终项目的结构如下图所示:

5.

页面代码:

1 <!-- 配置文件 -->
2 <script type="text/javascript" src="ueditor.config.js"></script>
3 <!-- 编辑器源码文件 -->
4 <script type="text/javascript" src="ueditor.all.js"></script>
5 <!-- 实例化编辑器 -->
6 <script type="text/javascript">
7         var editor = UE.getEditor('container');
8         var editor1 = UE.getEditor('container1');
9 </script>
1                         <!-- 加载编辑器的容器 -->
2                         <script id="container" name="content" type="text/plain"
3                             imagePathFormat="/upload/">
4                              请输入商品描述
5                         </script>