JSP引入 - UEditor 富文本编辑器

UEditor  JSP

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

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

1.

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

JSP引入 - UEditor 富文本编辑器

2.

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

JSP引入 - UEditor 富文本编辑器

3.

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

JSP引入 - UEditor 富文本编辑器

JSP引入 - UEditor 富文本编辑器

4.

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

JSP引入 - UEditor 富文本编辑器

JSP引入 - UEditor 富文本编辑器

5.

页面代码:

 <!-- 配置文件 -->
 <script type="text/javascript" src="ueditor.config.js"></script>
 <!-- 编辑器源码文件 -->
 <script type="text/javascript" src="ueditor.all.js"></script>
 <!-- 实例化编辑器 -->
 <script type="text/javascript">
         var editor = UE.getEditor('container');
         var editor1 = UE.getEditor('container1');
 </script>
                         <!-- 加载编辑器的容器 -->
                         <script id="container" name="content" type="text/plain"
                             imagePathFormat="/upload/">
                              请输入商品描述
                         </script>
上一篇:EXT总结例子


下一篇:linux常识以及常用命令和参数