javascript - 将 <div> 中的内容导出为 .docx 文件

Question

我在将 div 的内容导出到 .docx 文件时遇到问题。我正在使用 FileSaver.js，可在此处找到:https://github.com/eligrey/FileSaver.js/ .

我的 JavaScript 函数:

function exportNote(){
   var blob = new Blob([document.getElementById('editor').innerHTML], {
      type: "application/vnd.openxmlformats-officedocument.wordprocessingml.document;charset=utf-8"
   });
   saveAs(blob, "note.docx");
}

我得到一个似乎是 word 文件的下载，但当我打开它时，我收到以下错误:

The Open XML file note.docx cannot be opened because there are problems with the contents or the file name might contain invalid characters (for example. /).

Details: The file is corrupt and cannot be opened.

为了图形目的:

文本区域是我要导出到 <div id="editor"></div> 下的 word 文档中的区域.

Answer 1

jsfiddle

HTML

<div id="main">
 this is content of div
</div>

JavaScript

function downloadInnerHtml(filename, elId) {
 var elHtml = document.getElementById(elId).innerHTML;
 var link = document.createElement('a');
 link.setAttribute('download', filename);   
 link.setAttribute('href', 'data:' + 'text/doc' + ';charset=utf-8,' + encodeURIComponent(elHtml));
 link.click(); 
}
var fileName =  'tags.doc'; // You can use the .txt extension if you want
downloadInnerHtml(fileName, 'main');