百度富文本编辑器UMeditor的使用

背景：最近公司要在公司门户网站上加入一个新闻公告的功能，要求：文员不懂代码，不懂数据库，总之是只能复制粘贴的操作，要自定义格式的添加新闻，然后在门户显示。我一想，这是要做后台的添加和前台的带格式显示数据功能。而后，数据库，前台的显示界面我都做好了。目前问题还剩下两个：后台添加新闻，又要使得前台显示的时候是保留格式的(eg:段落开头空两格，一段结束换行等等),那么问题集中到数据库了，存储的数据是要带样式的。由于笔主之前做过安卓，安卓在处理这样的问题，一般都是Json数据串封装好数据进行传递，但是目前公司小，人员不足，web前后台都由我来做，那这样的数据必须得由我自己来封装，我总不可能一个个去写css样式吧，于是查阅资料，知道有富文本这样的控件。选中了平时用的多的百度贴吧的控件-UMeditor。下面就来做一下简单的搭建和数据获取。

1.http://ueditor.baidu.com/website/umeditor.html   首先上官网下载Demo。由于笔主是JAVA开发，下载的是JSP版本的。而后解压，打开index.html就可以体验一下这款编辑器的强大之处啦。

2.怎么在MyEclipse里面进行开发呢？官方有简易的帮助文档。当然文档很多时候也有很多坑，踩着踩着就习惯了。。。我是这么做的：

<1>在MyEclipse里面新建一个Web Project。比如我叫:UMeditorDemo。

<2>在WebRoot下右键import-General(记得不是选择Existing Projects into WorkSpace,而是选File System),选择解压出来的官方Demo文件夹，如下

<3>导入进来，jsp下面的ImageUp.jsp文件会报错，这是由于

<%@ page import="com.baidu.ueditor.um.Uploader" %>

这里的包找不到了。解决方式：在src下面新建包com.baidu.ueditor.um      把jsp下面的Uploader.java文件复制过去。并且把jsp下面的commons-fileupload-1.2.2和ueditor-mini两个Jar包添加依赖。刷新项目，报错就解决了。

<4>将项目文件部署到tomcat上，访问地址http://localhost:8080//UMeditorDemo/index.html。会出来编辑器，那么恭喜，环境搭建成功。

<5>如果想自己创建一个页面，生成编辑器呢？

            (1)创建一个页面(eg:我取名MyJsp.jsp)。引入官方文档中的js文件，demo中的index.jsp里也可以查看。

            (2)在body里面引用一段script