UEditor在项目中的应用

简述：在实际项目中，我们经常会遇到一个需求，就是将文字按原格式保存到数据库，下次显示的时候按原来的格式显示出来，例如：发表博客，上传新闻，发通知。

要做到将文本内容按原来的格式显示出来其实很简单，就是将文字的格式加上保存到数据库的时候加上html的标签。显示的时候的浏览器会自动解析,但是如果为每一段文字添加htm标签和css样式是不太显示的，所以我们会在页面中使用编辑器。

编辑器的类型有很多种，有markDown,UEditor等编辑器，在此不例举。这里，我使用的是百度提供的UEditor编辑器，这个编辑器使用简单。

下面展示如何在Ecplise建立的项目中在相应的jsp页面中调用该编辑器，并将数据提交。

1. 从该链接点击打开链接[http://ueditor.baidu.com/website/download.html]下载相应的工具包.

                    

1. 将该压缩包解压

              

1. 将它放到ecplise建立的web项目中，将jsp/lib下的jar包都放到WEB-INF/lib下，build path

                

• 这是你的编辑器已经准备好了，接下来将编辑器放入到你需要的位置

               

                 jsp头部添加当前项目路径，然后使用的时候就不需要使用路径了

                引入所需要的js文件

              

             在body中实例化一个编辑器，编辑器的id是content

            

              在form表单需要的位置添加编辑器：

            

           标注的地方是引入的编辑器。id必须为初始化编辑器时的id.name为action接受表单时name,这时就可以使用了.

         结果如下：

       

当然还可以设置编辑器的功能，具体参考百度所给的API最好，这是最直接最好的。