Javascript 如何在页面生成器中导出设计的HTML页面

Javascript 如何在页面生成器中导出设计的HTML页面,javascript,jquery,html,Javascript,Jquery,Html,我使用JavaScript创建了一个简单的页面生成器(可以创建列、选项卡、按钮等) 现在,我想让用户导出用我的页面生成器创建的网页。我想在工具栏中放置一个“下载”按钮,当用户单击它时,用户将收到一个zip存档(下载),其中包括用户创建的HTML页面和(这就是问题所在)所有其他依赖项,如CSS、JS和字体文件 我该怎么做 注: 我可以把它们全部放在HTML页面中,但它会变得巨大,因为我有几个JS和CSS文件 我只使用JavaScript(和jQuery)来创建这个页面生成器,我不会使用任何服务器

我使用JavaScript创建了一个简单的页面生成器(可以创建列、选项卡、按钮等)

现在,我想让用户导出用我的页面生成器创建的网页。我想在工具栏中放置一个“下载”按钮,当用户单击它时,用户将收到一个zip存档(下载),其中包括用户创建的HTML页面和(这就是问题所在)所有其他依赖项,如CSS、JS和字体文件

我该怎么做

注:

  • 我可以把它们全部放在HTML页面中,但它会变得巨大,因为我有几个JS和CSS文件
  • 我只使用JavaScript(和jQuery)来创建这个页面生成器,我不会使用任何服务器端语言(因此下载按钮也应该使用JavaScript和jQuery)
我有以下代码下载当前HTML页面(但不下载依赖项):

window.onload=function(){};
$(文档)。在('click','body',function()上{
var txt=$(“#测试”).html();
document.getElementById('link').onclick=函数(代码){
this.href='data:text/plain;charset=utf-8',+encodeURIComponent(txt);
};
});
main();

如果不可能,单击该按钮,在当前页面生成器HTML文件旁边创建一个HTML页面(因此存在其他依赖项,没有问题)可能会对您有所帮助,如果不可能,单击该按钮,在当前页面生成器HTML文件旁边创建一个HTML页面(因此其他依赖项都在那里并且没有问题),这可能会对您有所帮助