前段时间领导交代了一个需求：客户需要一个能够web在线编辑文字，如同编辑word文档一样，同时能够将编辑完成的内容导出为word文档并下载到本地。

　　我们选择了前台使用富文本插件的形式用于编辑内容，使用的是UEditor（官网：http://ueditor.baidu.com/website/），该插件类似于用于博客园的文章编写前台功能功能，使用了该插件的源码的jsp版本（下载地址：http://ueditor.baidu.com/build/build_down.php?n=ueditor&v=1_4_3_3-utf8-jsp）。

　　实例化编辑器，并将后台传递的word内容数据（html形式）展现在编辑区域内。

var ue = UE.getEditor('editor',{

            toolbars: [

                ['undo', 'redo', 'bold','italic', 'underline', 'fontborder', 'strikethrough', 'superscript', 'subscript', 'removeformat', 'formatmatch', 'autotypeset', 'blockquote', 'pasteplain', '|' ,

                    'rowspacingtop', 'rowspacingbottom', 'lineheight', '|', 'directionalityltr', 'directionalityrtl', 'indent', '|',

                    'justifyleft', 'justifycenter', 'justifyright', 'justifyjustify', '|', 'touppercase', 'tolowercase', '|',

                    'simpleupload', 'insertimage','link', 'unlink', '|', 'customstyle', 'paragraph', 'fontfamily', 'fontsize','|', 'imagenone', 'imageleft', 'imageright', 'imagecenter', '|',

                    ,'horizontal', 'date', 'time', 'spechars', '|', 'preview', 'searchreplace','print']

            ],

        });

ue.ready(function () {

　　　 //content是html标签的内容，附带有css样式

      ue.setContent(content,true)

});

　　以上是前台的简单实现，这个插件甚至能够直接粘贴图片！

　　后台的实现思路是：由于前台允许在线编辑，所有不能直接在后台生成一个报告文档，需要将前台显示的内容完全传至后台，有后台代码将前台的html界面转换成word文档。

　　我在项目中有两种后台实现方式，本篇先介绍前一种实现方式，另一种方式将于下一篇介绍。

　　这种方式生成的是doc后缀的文档，是Word2003以前规范的word文档。

    @RequestMapping("/defectV2/defect/analysis/tranformHtmlToWord")

    @ResponseBody

    public MessageBean tranformHtmlToWordDocx(@RequestParam Map params,HttpServletRequest request, HttpServletResponse response) {

        try {
//params包含前台传回的html内容

//            analysisService.tranformHtmlToWordDoc(params,response);

            String content = "<html><head></head><body>" + (String) params.get("editorValue") + "</body></html>";

            InputStream is = new ByteArrayInputStream(content.getBytes());//utf-8

//            OutputStream os = new FileOutputStream("F:/analysis/test.doc");

            OutputStream os = response.getOutputStream();

            response.setContentType("application/vnd.ms-excel");

            response.setHeader("Content-disposition", "attachment;filename=" + URLEncoder.encode("问题统计分析.doc","utf-8"));

            POIFSFileSystem fs = new POIFSFileSystem();

            fs.createDocument(is, "WordDocument");

            fs.writeFilesystem(os);

            os.close();

            is.close();

            fs.close();

            return new MessageBean("success", "生成报告成功！", null);

        } catch (Exception e) {

            e.printStackTrace();

            utils.WriteSystemLog(sls, "ERROR", "生成报告", "生成报告失败！" + e.getCause());

            return new MessageBean("error", "生成报告失败！", null);

        }

    }

　　这种方式直接使用的POI附带的功能，在pom.xml需要引入POI的相关依赖。

        <dependency>

            <groupId>org.apache.poi</groupId>

            <artifactId>poi</artifactId>

            <version>3.14</version>

        </dependency>

        <dependency>

            <groupId>org.apache.poi</groupId>

            <artifactId>poi-ooxml</artifactId>

            <version>3.14</version>

        </dependency>

java web实现在线编辑word，并将word导出(一)的更多相关文章

  1. java web实现在线编辑word，并将word导出(二)

    前一篇文章介绍了后台将前台html转为word文档的一种方式,但却有一个问题是没法讲图片放置在生成的word报告中.我在网上找了很多方法,甚至将图片转换成base64编码的方式也不成功.效果如下: 由 ...

  2. java web实现在线编辑word，并将word导出(三)

    前面说到前台呈现的页面是img标签,因此需要在后台生成相应的图片,在img的src内容中改为相应的路径地址:而在生成文档的过程中需要替换相应的img标签.后一部分上篇文章已经讲过,本片主要讲前一部分. ...

  3. Java Web 常用在线api汇总（不定时更新）

    1.Hibernate API Documentation (3.2.2.ga) http://www.hibernate.org/hib_docs/v3/api/ 2.Spring Framewor ...

  4. java web 程序---在线时长

    思路:toLocalString()这个方法 <body> <% long t=session.getLastAccessedTime(); long t2=session.getC ...

  5. Java Web用Freemarker生成带图片的Word文档

    步骤一:模板制作 用world2003做一个导出模板,如果有图片则加入一张图片占位,将world另存为xml,将xml中需要导出的内容用Freemarker标签表示,最后另存为.ftl结尾的模板: 步 ...

  6. [原创]Java在线编辑word文档调用PageOffice实现并发控制

    1．功能介绍 PageOffice的并发控制功能用来解决多个用户在线编辑同一篇文档可能造成的互相覆盖修改结果的技术难题. B/S架构下用户访问都是并发的,也就是说经常会出现同时N个用户对一个服务器页面 ...

  7. Office word excel电子表格在线编辑的实现方法

    Office xp之后的版本支持通过webdav协议(http的扩展)直接编辑服务器上的文件. IIS(6.0)支持webdav,这在IIS管理器的web服务扩展中可以看到.利用IIS作为webdav ...

  8. 在线编辑word文档 可保存到服务器

    使用说明:该方法只在office xp 和 2003上 测试通过,2000及以下 版本没试. 注意:你要打开的服务器端的word文档要有写权限.iis要开起 web服务扩展中的webdav为允许 具体 ...

  9. java 网站源码 在线编辑模版 代码编辑器 兼容手机平板PC freemaker 静态引擎

    前台: 支持四套模版, 可以在后台切换   系统介绍: 1.网站后台采用主流的 SSM 框架 jsp JSTL,网站后台采用freemaker静态化模版引擎生成html 2.因为是生成的html,所以 ...

随机推荐

  1. linux(centos6.9)下使用yum安装mysql，及启动MySQL等

    查看系统自带的mysql版本:rpm -qa | grep mysql 卸载mysql:rpm -e mysql-libs-5.1.73-8.el6_8.x86_64 --nodeps 1. 安装my ...

  2. 虚拟机上安装SVN服务

    服务器端安装SVN(centos)1.yum install subversion2.svn的相关配置1创建一个SVN仓库(所有项目存放与管理)mkdir -p /svndata/projects2. ...

  3. centos 7安装nodejs

    ps: {install_path} 安装目录路径 1.安装wget yum install wget 2. 下载对应文件 wget -c https://nodejs.org/dist/v8.9.1 ...

  4. R 《回归分析与线性统计模型》page140，5.1

    rm(list = ls()) library(car) library(MASS) library(openxlsx) A = read.xlsx("data140.xlsx") ...

  5. android中的简单animation(三)accelerate(加速),decelerate（减速）,anticipate，overshoot,bounce

    animation_3.xml: <?xml version="1.0" encoding="utf-8"?> <LinearLayout x ...

  6. 吴裕雄 Bootstrap 前端框架开发——Bootstrap 辅助类：响应式实用工具

    <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title> ...

  7. SVPWM总结

    空间矢量算法 是以逆变器和电机作为一个整体来研究的.目标是产生电机定子的圆形磁场 模态选择, 上管导通 状态为1 下管导通 状态为0 那么状态为000 001 010 011 100 101 110 ...

  8. 文本编辑器vim/vi——末行模式

    指令格式: #vim 文件路径作用:打开指定的文件. 进入方式:由命令模式进入,按下“:”或者“/(表示查找)”即可进入 退出方式: a. 按下esc b. 连按2次esc键 c. 删除末行全部输入字 ...

  9. oracle分组后取某组中最大的值

    查询username,根据fundcode分组,按照date倒序,取date最大的一条数据 select * from ( select username, row_number() over(par ...

  10. 【BZOJ4237】稻草人

    题意 给定平面上 \(N\) 个关键点,询问有多少个矩形满足左下和右上各有一个关键点,且矩形中间没有关键点. \(N\le 2\cdot 10^5\) . 题解 我们按 \(x\) 排序分治,对于左右 ...