上传文件(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中关于图片路径的配置(见附件)

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

          

猜你喜欢

转载自xiaotiger.iteye.com/blog/2372901
今日推荐