2015-08-26 28 views
2

我想通過使用JavaScript將HTML轉換爲word(.docx)。我正在使用此http://www.jqueryscript.net/other/Export-Html-To-Word-Document-With-Images-Using-jQuery-Word-Export-Plugin.html插件進行轉換。但是這只是轉換HTML文件中的每一件東西。我的意思是頭部標記所有元素,即使有一些內容。輸出文件看起來像這樣將HTML轉換爲使用javascript的詞轉換

的MIME版本:1.0內容基地: 文件:///home/userprofile/JsWs/sample.html的Content-Type: 多部分/相關; border =「NEXT.ITEM-BOUNDARY」; type =「text/html」

--NEXT.ITEM-BOUNDARY Content-Type:text/html;字符集= 「UTF-8」 內容位置:文件:///home/userprofile/JsWs/sample.html

<p>this is going to be paragraph </p> 

    </body></html> 

--NEXT.ITEM-BOUNDARY--

我的HTML是

<html> 
    <head> 
     <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
     <script src="FileSaver.js"></script> 
     <script src="jquery.wordexport.js"></script> 
    </head> 
    <body> 
     <script type="text/javascript"> 
     jQuery(document).ready(function($) { 
      $("a.word-export").click(function(event) { 
       $("#export-content").wordExport(); 
      }); 
     }); 
     </script> 
     <div id="export-content"> 

     <p>this is going to be paragraph </p> 

     </div> 

     <a class="word-export" href="javascript:void(0)"> Export as .doc </a> 
    </body> 
</html> 

幫助我如何轉換Word中的HTML內容。

+0

我會建議你使用名爲Docverter的API。它允許您將HTML轉換爲DOCX。 – kovogel

+0

或使用https://github.com/evidenceprime/html-docx-js –

回答

2

我不認爲這將在所有設備上一致地在Microsoft Word中打開。我實際上一直在研究類似的項目googoose。它也意味着將html轉換爲word文檔。這對我的桌面和移動電話版本的Microsoft Word都有效。

從我的測試中,Word將有MIME頭的問題,也是事實,即沒有HTML,body標籤等

你應該看看這個項目,如果你還在試圖做到這一點。它應該支持一段時間,因爲還有一個Wordpress Plugin使用googoose,它鏈接到readme上。默認操作是在頁面加載時下載文檔,但您可以將其設置爲在onClick上運行。例如,

只包括jquery和這個插件。

<script type="text/javascript" src="http://github.com/aadel112/googoose/jquery.googoose.js"></script> 

然後調用的onClick

jQuery(document).ready(function($) { 
     $("a.word-export").click(function(event) { 
      $(document).googoose({ 
       area: '#export-content' 
      }); 
     }); 
    }); 

隨着googoose可以包括的內容,頁眉,頁腳,自動頁碼等,您可以在打印預覽了打開文檔的表格,設置頁邊距和頁面大小。它比引用的腳本更具可配置性,而腳本根本不可配置。

+0

你剛剛救了我的一天!非常感謝你。 – wizawu

+0

@Aaron我們可以在這裏使用外部的CSS嗎?或者我們只需要對我們的文檔進行內聯樣式化? –

0

試試這個,

function ConvertToHtml() 
{ 
    var div = document.createElement("div"); 
    div.id = "export-content"; 
    div.innerHTML = "<p>this is going to be paragraph </p>"; 
    document.body.appendChild(div); 
    $("#export-content").wordExport(); 
}