jsp_web项目引用UEditor富文本编辑器

web项目中引用UEditor富文本编辑器

1. 前言

    笔者在做javaweb项目适合，使用SSM+maven+easyui，然后有一个需要发布公告，使用到了富文本编辑器UEditor 的引用，顺便在这里记录一下。

2. jsp引用UEditor富文本编辑器

1.下载源码：从UEditor官网下载，UTF-8的版本，开发语言对应

2.解压，在工程中粘贴解压以后的全部文件：

3.在jsp中引用Uedtor的文件，路径自己调整：

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

4.添加html的相关标签
在页面的需要的位置插入：

<div id="editor" style="height:360px">
<script type="text/javascript" charset="utf-8">      UE.getEditor('editor');
</script></div>

注意：
< div > 的id需要和getEditor里写的一致；这样就直接引进来了。
效果：

5.另外一种方式：可以在jsp页面里的写script脚本，实例化编辑器，即把textarea（或者其他标签）替换成ueditor编辑器；

我这里写的是div标签，反正同理，只需要把对应的地方替换成Ueditor即可；
效果图：

另外注意，
如果你是使用maven工程，那么你需要在pom.xml中引入Ueditor编辑器的jar依赖；

<dependency>
            <groupId>commons-fileupload</groupId>
            <artifactId>commons-fileupload</artifactId>
            <version>1.3.1</version>
</dependency>
<dependency>
            <groupId>commons-codec</groupId>
            <artifactId>commons-codec</artifactId>
            <version>1.9</version>
</dependency>

如果你是普通的web项目，那么你需要把原来下载的Ueditor的jsp/lib文件夹下的所有jar包放到项目的WEB-INF中。这样就不会报错。