Ueditor富文本编辑器下载和使用

富文本编辑器原理：

实际上就是DOM操作，把对css的操作变成一个个按钮，当我们点击按钮的时候实现相应的操作。

富文本编辑项目使用步骤

1）下载安装包

搜索Uedit进入官网地址下载

2）解压，将我们的utf8-jsp文件夹导入到我们的目录中

3）将lib里的jar包导入到我们的项目中

这里是tomcat，所以导入到web-inf下的lib中

4）配置

配置自己的路径，项目名称叫libiary，所以这里配置/library，不然上传图片不会显示。配置下面上传内容也一样。
如果编码格式不对就在properties–resource下改成UTF-8.

5）使用

导入相应的配置文件，这里的url要写自己项目里的

	<!-- 富文本编辑框配置文件 这里的url要写自己项目里的-->
	<script >
    window.UEDITOR_HOME_URL = "/library/resource/utf8-jsp/"
      
    </script>
    <script type="text/javascript" src="resource/utf8-jsp/ueditor.config.js"></script>
    <!-- 编辑器源码文件 -->
    <script type="text/javascript" src="resource/utf8-jsp/ueditor.all.js"></script>
    <!-- 实例化编辑器 -->

<script type="text/javascript">
 var ue = UE.getEditor('content');
 </script>

在要div里添加相应代码，这里的id=content要和上面script里getEditor（‘content’）一致，这样添加内容下面就回显示富文本编辑框了

	<div class="item">
		<span>内容</span>
		 <script id="content" name="content" type="text/plain" class="editor">
      
   		 </script>
   			 
	</div>

最后要注意script标签加载顺序，项目中把最后回显的数据script标签放在了，html最下面