如何使用 SaveFile.js 保存我的 HTML 文档？ [复制]

Question

我正在尝试在我的网页上启用保存功能。我正在使用此处找到的“SaveFile.js”模块：“https://github.com/eligrey/FileSaver.js/”当用户单击保存按钮时，文档应将自身下载为 HTML 文件，其中包含输入框、图片等所有元素。但是，下载的不是完整的 HTML 文档。只是 HTML 页面上的一些文本：

为什么会这样？

<button type="button" name="btnSave" onclick="saveHTMLFile()">Save</button>

<script>
  function saveHTMLFile(){
  let fileToSave=document;
  let blob = new Blob([fileToSave],{type:"text/html;charset=utf-8"});
  saveAs(blob,'SavedOutline.html')
}
  </script>

Answer 1

您需要将文档序列化为字符串。 尝试使用document.documentElement.outerHTML 而不仅仅是document。

• document.documentElement 会给你文档的根元素
• el.outerHTML 会给你元素的 html 作为字符串

在您的代码中：

<button type="button" name="btnSave" onclick="saveHTMLFile()">Save</button>

<script>
  function saveHTMLFile(){
  let fileToSave=document.documentElement.outerHTML;
  let blob = new Blob([fileToSave],{type:"text/html;charset=utf-8"});
  saveAs(blob,'SavedOutline.html')
}
  </script>

Answer 2

我不确定它是否会有所帮助，但你可以试试这种代码和平。

var file = new File(["Hello, world!"], "hello world.txt", {type: "text/plain;charset=utf-8"});
FileSaver.saveAs(file);

当您使用 new Blob() 文档时说它仅适用于Saving text