上传文件（3）

关于百度的ueditor的使用教程

1）选择对应的服务端版本（我选择的是jsp），在项目的WebRoot下面新建一个ueditor文件夹，将内容拷贝到下面，将jar包复制到WEB-INF下面并buildpath

    1.1:解决导入ueidtor部分js文件出现报错：将myeclipse对js的验证勾选去掉->windows->preference->myeclipse->validation

   1.2:config.json出现报错：将第一句的那个注释给去掉

 2）引入两个js文件editor_config.js和editor_all.js

<script type="text/JavaScript"src="./ueditor/ueditor.config.js"></script>
<script type="text/javascript" src="./ueditor/editor_all.js"></script>

 

3）js创建一个可编辑区域，用来创建编辑器，需要注明id，类型为text/plain，最后实例化编辑器即可

  

 <script id="Container" name="content" type="text/plain">
这里写你的初始化内容
 </script>
 <script type="text/javascript">

      var ue = UE.getEditor('Container');

   </script>

 4)修改config.js源码内的URL

 

   

var URL = window.UEDITOR_HOME_URL||"/demo1/ueditor/";

 具体详见：http://blog.csdn.net/gfd54gd5f46/article/details/60887313

 

5）在javaweb中使用ueditor

    在form表单中对应的输入框，一种声明name，在servlet获取时可以根据name的值

    在没有声明的情况下，例如：

  

<script id="Container" type="text/plain">    
 </script>

 在后台获取时：

 

  

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

 6）配置上传图片路径

 

    6.1：在config.json中关于图片路径的配置（见附件）


             容易犯的错误：图片的上传和回显路径要写对‘/’.