Question

我有html表单，我可以以文本的形式输入数据。按下提交按钮后，应该选择将其保存为html页面。它应该创建静态html页面。什么是最好的方法呢？

html表单cade可能是这样的。

<form  method="post">
<textarea name="name" rows="2" cols="20"> </textarea >
<input type="submit" value="Submit" />
</form>

Answer 1

看看这个图书馆！ https://github.com/eligrey/FileSaver.js它允许您生成客户端文件（在这种情况下为html文件）并允许客户端下载它，而无需与服务器交互

Answer 2

这是一个基于this answer的解决方案。单击该按钮时，它会在浏览器中打开输入的html，用户可以保存该html。

示例HTML：获取HTML页面

使用Javascript：

var textInput = document.getElementById("textInput");
var getHtml = document.getElementById("getHtml");

getHtml.addEventListener("click", function () {
    var htmlBlob = new Blob([textInput.value], {type: "text/html"});
    window.location.href = window.URL.createObjectURL(htmlBlob);
});

这是jsfiddle版本

如何用表单数据创建静态html页面？

2 个答案: