如何让用户从网站导出设计

【问题标题】：How to make user to export design from website如何让用户从网站导出设计
【发布时间】：2018-07-03 06:05:33
【问题描述】：

如果需要，用户可以在站点中设计内容并将项目导出为 HTML。如何让用户下载 html 格式的设计？

【问题讨论】：

这个问题很容易被否决，因为你没有充分解释一个场景和你到目前为止所拥有的。
创建了一个网站构建器我希望用户将他创建的设计导出为 html 格式
您需要大量编辑您的代码并举例说明如何导出项目。好像很不清楚。

【解决方案1】：

不确定你的意思，但如果你把设计的东西放在一个 div 中。您可以以 html 格式下载该 div。

function download(){
    var a = document.body.appendChild(
        document.createElement("a")
    );
    a.download = "export.html";
    a.href = "data:text/html," + document.getElementById("content").innerHTML;
    a.click();
}

<div id="content">
    <h1>Hello world</h1>
    <i>Hi everybody</i>
</div>
<button onClick="download()">Download</button>

喜欢这个小提琴

http://jsfiddle.net/evx9stLb/

从此如此。

HTML button to save div content using javascript

【讨论】：