查看导出的HTML

Question

我的例子：http://jsfiddle.net/Ld4gy/

a.href = "data:text/html," + document.getElementById("content").innerHTML;

按div id = content导出内容。但是导出的代码看起来不太好。一切都在一条线上。请提示如何修复它。

Answer 1

如果使用the standard way创建文件，则会保留换行符：

a.href = window.URL.createObjectURL(
    new Blob([document.getElementById("content").innerHTML], {type:"text/html"})
);

如果您更喜欢base64字符串（由于某种原因），您可以使用FileReader object将blob转换为字符串。

var reader = new FileReader();
reader.readAsDataURL(blob); 
reader.addEventListener("loadend", function(){ 
    console.log(reader.result);   //base64
});

这是一个演示：http://jsfiddle.net/DerekL/CwLYN/