js生成的html模版如何提供下载？

Question

js生成的html模版如何提供下载？

发布于
2016-04-13

在一个静态页面中，我用js生成了一个完整的html模板，类似这样：

let htmlTemplate = `<html><body>Hello World</body></html>`

然后页面上有一个<a>标签，点击它就可以把htmlTemplate作为html文件下载下来。
请问可以实现这个需求吗？

参考自cnode社区超简易markdown在线编辑器
地址： http://qianjiahao.github.io/markdown-edi...

javascript

html5

阅读 4.3k

1 个回答

得票最新

cool_zjy

5.6k3723

发布于
2016-04-13

✓ 已被采纳

可以利用 data-URL 功能来实现，提供一段参考代码：

<!DOCTYPE html>
<html>
  <body>
    <a download="index.html">下载</a>
  </body>
  <script type="text/javascript">
    let htmlTemplate = `<html><body>Hello World</body></html>`;
    let encoded = btoa(htmlTemplate);
    let dataUrl = 'data:text/html;base64,' + encoded;
    let downloadLink = document.querySelector('a');
    downloadLink.href = dataUrl;
  </script>
</html>

撰写回答

你尚未登录，登录后可以

和开发者交流问题的细节
关注并接收问题和回答的更新提醒
参与内容的编辑和改进，让解决方法与时俱进

被 1 篇内容引用

Markcook 1.2，超轻的开源markdown编辑器
7

推荐问题

js生成的html模版如何提供下载？

你尚未登录，登录后可以

省市区街道数据在哪里可以下载？

js 如何将Key属性相同的放在同一个数组？

两个promise问题？

Object assgin拷贝问题？

js如何在并发中同步两个fetch请求？

H5 可以实现点击按钮保存图片到相册功能吗？

前端页面脚本更新时，如何让用户端，使用最新脚本？