UEditor简单入门使用

          学习Java已经有一段时间了，去某机构培训了一个月，作为一枚屌丝，感觉价钱确实不低，所以自学了一段时间，主要还是通过一些视频，下面给出云盘链接：http://pan.baidu.com/s/1hq0153I。

           今天用到web富文本编辑器，就网上查了下，简单写了个Demo，不多说了，下面给点干货吧。

      Demo源码：http://pan.baidu.com/s/1hqJywpI

1.        新建Web Project，我新建了个UEditor的web工程。

2.        导入UEditor文件夹下的所有文件到工程weroot目录下

3.        在需要使用UEditor的JSP页面中导入ueditor.config.js、ueditor.all.min.js、ueditor/lang/zh-cn.js文件和ueditor/themes/default/css/ueditor.css文件

 

代码如下：

 

    <script type="text/javascript"charset="utf-8" src= "ueditor/ueditor.config.js"></script>

   <script type="text/javascript" charset="utf-8" src="ueditor/ueditor.all.min.js"></script>

   <link rel="stylesheet" type="text/css" href="ueditor/themes/default/css/ueditor.css">

   <script type="text/javascript" charset="utf-8" src="ueditor/lang/zh-cn/zh-cn.js"></script>

  

设置ueditord的宽度：

 

  <style type="text/css">
      div{
         width:80%;
      }
   </style>

4.        修改ueditor.config.js中的URL参数

修改为var URL = Window.UEDITOR_HOME_URL || “UEditor的项目名称/UEditor文件夹名”

5.        在表单中添加UEditor：

          <textarea id="ueditor"name="content"></textarea>

         <br/>
         <script type="text/javascript" id="ueditor" name="content" charset="utf-8">

             vareditor =UE.getEditor("ueditor");

             editor.setShow();

          </script> 

         <input type="submit" value="发布" οnclick="show()">

 

6.        在Servlet中获取UEditor中的值，获取结果为HTML形式的字符串

代码如下：

String content =request.getParameter("content");

第一次写博客，可能也不是很详细，希望大家多多指导！

参考文章：

                    百度UEditor官方文档：http://ueditor.baidu.com/website/document.html