zoukankan      html  css  js  c++  java
  • Ueditor JSP HelloWorld及图片上传

    Ueditor首页:http://ueditor.baidu.com/website/

    HelloWorld:

    引入:

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

    配置:

    //配置Ueditor的地址
    var URL = window.UEDITOR_HOME_URL||"/company/ueditor/";  

    JS:

    //name="content"  后台获取数据的名字即 request.getParameter("content");
    <textarea id="myEditor" name="content" cols="80" rows="20" class="textarea">可以写入初始化内容</textarea> <script type="text/javascript"> UE.getEditor('myEditor',{ initialFrameWidth:1000 ,initialFrameHeight:350 ,initialContent:"" ,charset:"gb2312" //工具栏上的所有的功能按钮和下拉框,可以在new编辑器的实例时选择自己需要的从新定义 ,toolbars:[["fullscreen","source","undo","redo","insertunorderedlist","insertorderedlist","unlink","link","cleardoc","selectall","print","searchreplace","preview","help","pagebreak","insertimage","music","snapscreen","emotion","insertvideo","attachment","insertframe","date","time","horizontal","blockquote","highlightcode","template","background","bold","italic","underline","strikethrough","forecolor","backcolor","superscript","subscript","justifyleft","justifycenter","justifyright","justifyjustify","indent","removeformat","formatmatch","pasteplain","customstyle","imagecenter","imageright","imageleft","imagenone","fontsize","fontfamily","lineheight","rowspacingtop","rowspacingbottom","paragraph","inserttable","deletetable","mergeright","mergedown","splittorows","splittocols","splittocells","mergecells","insertcol","insertrow","deletecol","deleterow","insertparagraphbeforetable"],[],[]] }); </script>

    据此helloworld就配好了。

    图片上传:

    配置上传地址(采用默认地址也可上传,但是在ueditor/jsp/ 文件夹下):

    //和生成图片链接有关
    ,imagePath: "/company/uploadImages/"

    配置JSP地址:

    //和保存文件有关,由于处理的JSP文件和实际图片上传的文件夹不是同级别关系,因此配置路径比较麻烦,不过多测试几次就可以
    request.setCharacterEncoding("gbk");
    response.setCharacterEncoding("gbk");
    Uploader up = new Uploader(request);
    up.setSavePath(../../uploadImages/);
    ...
    //这里返回的地址使用up.getUrl(); 通常也是有问题的,需要处理后才能生成正确的链接地址。
    response.getWriter().print("{'original':'"+up.getOriginalName()+"','url':'"+up.getUrl()+"','title':'"+up.getTitle()+"','state':'"+up.getState()+"'}");

  • 相关阅读:
    php 用csv文件导出大量数据初方案
    用php导入10W条+ 级别的csv大文件数据到mysql。导出10W+级别数据到csv文件
    升级 phpStudy 中 MySQL 版本至 5.7.17
    使用 mybatis-generator 自动生成 MyBatis 代码
    使用 JSON-lib 出现异常 java.lang.reflect.InvocationTargetException
    Eclipse 中 Java 代码报版本错误的问题
    Maven 的安装与配置
    Java 中 & | ^ 运算符的简单使用
    经典词句赏析
    酒色财气诗
  • 原文地址:https://www.cnblogs.com/hzm112567/p/2938040.html
Copyright © 2011-2022 走看看