带有 html 标签的 Javascript Blob 文档以格式保存

Question

我要使用 javascript blob 以可下载的文档格式保存如下所示的一些文本。

<p style='font-size:18px'>Hello</p>

下载完成后，我希望文档只显示格式化的“Hello”，不带任何 html 标签。在 ubuntu 中，这非常有效。但是当我在 windows 或 google docs 中打开同一个文档时，我仍然看到 html 标签。有没有一种方法可以让我在 Blob 级别本身进行这种格式化。下面是我创建 blob 对象的方式。

var file = new Blob([val], {type: "octet/stream"});

感谢您对此的帮助。

Answer 1

尝试将 Blob 的 type 调整为 "text/html" ，使用 URL.objectCreateURL() 作为下载文件对象引用

var val = "<div>abc</div>";

var file = new Blob([val], {
  type: "text/html"
});
// file object reference
var download = URL.createObjectURL(file);

var a = document.createElement("a");
a.href = download;
a.download = "file-" + new Date().getTime();
document.body.appendChild(a);
a.click()