前段时间领导交代了一个需求：客户需要一个能够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. POI 2001 Goldmine 线段树 扫描线

    题目链接 http://www.acm.cs.ecnu.edu.cn/problem.php?problemid=1350 http://main.edu.pl/en/archive/oi/8/kop ...

  2. MongoDB分片技术原理和高可用集群配置方案

    一.Sharding分片技术 1.分片概述 当数据量比较大的时候,我们需要把数分片运行在不同的机器中,以降低CPU.内存和Io的压力,Sharding就是数据库分片技术. MongoDB分片技术类似M ...

  3. 吴裕雄 Bootstrap 前端框架开发——Bootstrap 图片：图片响应式 (将很好地扩展到父元素)

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

  4. helloctf.exe ----攻防世界

    下载附件之后,查壳发现没有壳,运行试试看 很平常的输入代码,然后ida查看一下,开始就发现一个注意的地方,但是还是继续向下看, 结果就是CrackMeJustForFun

  5. 微信小程序循环中点击一个元素，其他的元素不发生变化，类似点击一个循环中的语音，其他的不发生点击事件

    类似语音,因为都在一个数据内,所以点击第一个,所有的语音都变化,解决方法就是 把整个数据都获取下来,然后更改其中一个需要更改的值,然后再把整个数据都setdata回去,如果需要动画的话,wxml里面放 ...

  6. 剑指offer圆圈中最后剩下的数字 和 迭代器总结

    迭代器只有++ ,--,==,!=四种运算方法,不能将iter = iteration+ 1,因为迭代器是指针类型,1是整数类型,不能直接相加赋值给一个指针. 题目描述 每年六一儿童节,牛客都会准备一 ...

  7. 6.安装telnet服务

    yum list telnet* 列出telnet相关的安装包 yum install telnet-server 安装telnet服务 yum install telnet.* 安装telnet客户 ...

  8. 编译安装常用包+阿里镜像源-常用资源-系统-下载-科莱软件下载-docker仓库包-安全圈-杏雨梨云-图形界面安装-docker私有双仓库-阿里源报错处理-centos7目录大小

    yum install apr-util apr-util-devel apr apr-devel pcre pcre-devel zlib zlib-devel openssl openssl-de ...

  9. 自己写个tween

    public Vector3 begin,end;//起始终止坐标 public float BtoE_time;//用时 float timer,lerp;//计时器和进度值 void Update ...

  10. poj 1318 Word Amalgamation

    Word Amalgamation Time Limit: 1000MS   Memory Limit: 10000K Total Submissions: 9968   Accepted: 4774 ...