JS导出Word

曾经终败给现在 2022-07-12 15:27 375阅读 0赞

最近还在做将网页内容导出Word的功能，现将遇到的问题记录一下。

## 1、JS导出Word ##

### 方式一：使用Word.Application控件 ###

var wordObj = new ActiveXObject("Word.Application");
    var docObj = wordObj.Documents.Add("", 0, 1);//不打开模版直接加入内容,创建空白Word文档,var docObj= wordObj.documents.open("http://xxx//xx.doc"); 此处为打开已有的模版，打开已存word文档,会把新内容插入文档最前端
    var oRange = docObj.Range(0, 1);
    var tables = document.getElementById('ganburenmianbaio');//获取网页对象
    var sel = document.body.createTextRange();//创建可操作区域，用来在内从中编辑
    sel.moveToElementText(tables);//将sel区域选中到tables对象结尾
    sel.select();//全选
    sel.execCommand("Copy");//执行复制命令，将内容放入粘贴板
    oRange.Paste();//将粘贴板内容存入word选中区域中建空白Word文档,也可用 wordObj.Selection.Paste();或者直接粘贴到新建的word中
    wordObj.Application.Visible = true;
    var filePath=showDialog();
    if(filePath) docObj.SaveAs(filePath);
    function showDialog(){
    	var dial=wordObj.FileDialog(2);
    	return dial.show()==-1?dial.SelectedItems(1):'';
    }

### 方式二：使用JQuery导出Word插件jquery.wordexport.js ###

该插件使用十分的简单，如下：

$("#ganburenmianbaio").wordExport($('#leader_name').text()+'任免审批表');
    //ganburenmianbaio为需要导出的内容的元素ID，参数是导出的word文档的名称

之所以在此列出两种方式，是因为JQuery插件仅支持IE9版本以后的，而IE8之前的版本不支持，原因是IE8不支持canvas、Bob对象，不用复制图片、不能进行文件保存，只能通过word.Application空间进行操作

## 2、导出Word注意事项 ##

### 1）如何保证导出Word后和网页内容格式一样 ###

A）采用word.application控件的设置

目前暂且置空，后续会补上

B）采用jquery.wordexport.js

这需要修改该js文件代码了，默认的文件中变量styles设置的是空，下面的截图里的styles即为我的网页中的css样式，大家也可以优化一下该代码，使其styles可以作为参数传入，由于我导出的格式固定在此不深入优化了

![Center][]

[Center]: /images/20220709/611e4fd10a3545f9b2df61914c4d5a67.png