0

我正在尝试借助以下代码将 HTML 页面转换为 MS Word 文档文件。我的问题是我不想要任何页眉和页脚。我想创建没有页眉和页脚额外空格的 word 文件。内容应置顶。

我得到了结果，但我不想要页眉和页脚。在此处输入图像描述

 function Export2Doc(element, filename = ''){
           
           var preHtml = '<html xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:w="urn:schemas-microsoft-com:office:word" xmlns="http://www.w3.org/TR/REC-html40"><head><meta charset="utf-8"><title>Export HTML To Doc</title><style>body,html{margin-top: 0px !important;padding-top: 0px !important;padding-left: 0px !important;margin-left: 0px !important;font-size: 12px;margin-left: 0px !important;}.scheduledtxt{font-size: 14.5px;}table{margin: auto 0px !important;}</head><body>';
           
            var postHtml="</body></html>";
            var html = preHtml+document.getElementById(element).innerHTML+postHtml.trim();
            
            var blob = new Blob(['\ufeff', html], {
                type: 'application/msword'
            });
    
            // Specify link url
            var url = 'data:application/msword;charset=utf-8,' + encodeURIComponent(html);
            
            // Specify file name
            filename = "test.doc";
            
            // Create download link element
            var downloadLink = document.createElement("a");
        
            document.body.appendChild(downloadLink);
    
            if(navigator.msSaveOrOpenBlob ){
                navigator.msSaveOrOpenBlob(blob, filename);
            }else{
                // Create a link to the file
                downloadLink.href = url;
                
                // Setting the file name
                downloadLink.download = filename;
                
                //triggering the function
                downloadLink.click();
            }
            
            document.body.removeChild(downloadLink);
        }
<span id="exportContent">
     <h2 style="text-align: center;">Test Document</h2>
</span>
     
     <div style="text-align: center;">
        <button id="hiddenBtn" style="background: royalblue; color: white;padding: 10px; border-radius: 10px;" onclick="Export2Doc('exportContent', 'word-content');">Export as .doc</button>
      </div>

4

1 回答 1

0

我已经通过以下链接 css 打印模式实现了我的目标 ：仅在生成的 word doc 的第一页上显示页眉和页脚

我只需要添加下面的 CSS 代码。为了更好地理解，只需缩小整个代码并在转换为 word 文件时使用。

@page {
        size: 2cm 2.7cmt;
        margin: 0.4cm 0cm 0cm 0cm;
        mso-page-orientation: portrait;
        mso-header: none;
        mso-footer: none;
    }
于 2020-07-10T12:06:33.323 回答