javascript - 带有下载选项的 HTML 编辑器

Question

我正在寻找一种方法来向我的 JS 添加下载功能，该功能将使用用户可能输入的编程创建一个文件，比如说 <textarea> 。 JS 中有没有类似的功能？ (HTML 格式!!)

var x = document.write("<p>Hi!</p>");
window.replace(x);

然后:

<button onclick="open()">Save</button>
<script>
  var hi = document.write("<p>hi</p>;");
  open() {
    window.open(hi)
  }
</script>

在新页面上打开变量后，用户可以使用 ctrl + s 保存显示的页面。有想法吗？

提前致谢。

Answer 1

<textarea id="text-val" rows="4" style="height: 80%;width: 90%;"></textarea><br/><br/>
<input type="button" id="dwn-btn" value="Save" />
<script>
    function download(filename, text) {
        var element = document.createElement('a');
        element.setAttribute('href', 'data:text/plain;charset=utf-8,' + encodeURIComponent(text));
        element.setAttribute('download', filename);

        element.style.display = 'none';
        document.body.appendChild(element);

        element.click();

        document.body.removeChild(element);
    }

    document.getElementById("dwn-btn").addEventListener("click", function() {

        var text = document.getElementById("text-val").value;
        var filename = "example.html";

        download(filename, text);
    }, false);
</script>

我希望这就是你所期待的