前段时间领导交代了一个需求：客户需要一个能够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. greenplum 存储过程 函数

    参考:https://docs.pivotal.io/search?q=function

  2. Prometheus Operator 架构【转】

    本节讨论 Prometheus Operator 的架构.因为 Prometheus Operator 是基于 Prometheus 的,我们需要先了解一下 Prometheus. Prometheu ...

  3. 关于目标检测的anchor问题

    关于目标检测其实我一直也在想下面的两个论断: Receptive Field Is Natural Anchor Receptive Field Is All You Need 只是一直没有实验.但是 ...

  4. day06-Python运维开发基础(字符串格式化与相关的函数、列表相关的操作)

    1. 字符串相关的操作与格式化 # ### 字符串相关操作 # (1)字符串的拼接 + var1 = "亲爱的," var2 = "男孩" res = var1 ...

  5. linux中df和du查看磁盘大小不一致解决方法

    挂了一块50G到/data目录下#  df -h Filesystem Size Used Avail Use% Mounted on /dev/xvdb1 50G 46G 1.2G 98% /dat ...

  6. bugku love

    emmm....控制台运行一下 接着查一下是否有壳 显示是没有壳的,接着查看一下结构 也没有什么发现,上ida看一下吧,顺便说一句每个人的解题思路都不一样.面对一开始都不清楚的结构我会选择交叉引用这样 ...

  7. 使用vue框架开发前端项目的步骤

    前端项目的开发 1. 本地安装nodejs https://nodejs.org/en/download/ 2. 测试安装 > node -v 3. 本地安装git > git --ver ...

  8. 020、Java中字母大小写转换

    01.代码如下: package TIANPAN; /** * 此处为文档注释 * * @author 田攀 微信382477247 */ public class TestDemo { public ...

  9. Spark技术学院-进去能学到啥？

    Spark技术学院是什么? 主要是浪尖,前腾讯现阿里的大神一起搞的知识分享基地,旨在帮助大家由入门到精通spark,hbase,kafka大数据重要的框架,还有给入门小白指点入门方法,分享入门资料,对 ...

  10. NO13 Linux的基础优化-关闭SELinux功能-Linux的7种运行级别-防火墙设置-中文显示设置

    壹  安装Linux系统后调优及安全设置: 1 关闭SELinux功能: [root@localhost data]# sed 's#SELINUX=enforcing#SELINUX=disable ...