JS导出Word细节设置

秒速五厘米 2022-06-13 20:09 605阅读 0赞

前几篇文章介绍了jquery.wordexport.js插件导出Word，阅读jquery.wordexport.js插件源码可知，将html格式的文件保存为拓展名为.docx或.doc文件，即可用word程序打开，打开视图格式为“web版式视图”。

![Center][]

这篇文章将介绍如何添加一些代码，实现以下两个小细节：

1）以页面视图方式打开

2）调整页边距

## 一、JS导出Word以“页面方式”打开 ##

以页面方式打开，仅需做的调整是：

1）<html>页签的调整

2）在<head></head>页签内部添加如下内容

## 二、JS调整页边距 ##

页边距的调整需要修改<style>页签中的样式@page WordSection1中的margin值即可

## 三、完整的示例代码 ##

完整的示例代码如下（示例代码为默认的页边距）

<html xmlns:v="urn:schemas-microsoft-com:vml"
    xmlns:o="urn:schemas-microsoft-com:office:office"
    xmlns:w="urn:schemas-microsoft-com:office:word"
    xmlns:m="http://schemas.microsoft.com/office/2004/12/omml"
    xmlns="http://www.w3.org/TR/REC-html40">
    <head>
    <meta http-equiv=Content-Type content="text/html; charset=unicode">
    
    <style>
    
    </style>
    </head>
    <body lang=ZH-CN style='tab-interval:21.0pt'>
    <div class=WordSection1>
    <p align=center style="font-size:20pt;font-weight:bold;">JS导出Word已"页面视图"打开</p>
    </div>
    </body>
    </html>

用word打开后的效果图如下：

![Center 1][]

[Center]: /images/20220614/6710ed2a86eb4928842def7823ce256f.png
[Center 1]: /images/20220614/ef5b66d004f64dceab65f8affbc8b047.png