最近还在做将网页内容导出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文档的名称
2、导出Word注意事项
1)如何保证导出Word后和网页内容格式一样
A)采用word.application控件的设置
目前暂且置空,后续会补上
B)采用jquery.wordexport.js
这需要修改该js文件代码了,默认的文件中变量styles设置的是空,下面的截图里的styles即为我的网页中的css样式,大家也可以优化一下该代码,使其styles可以作为参数传入,由于我导出的格式固定在此不深入优化了