HTML 换行方法
HTML wrap approach
我正在构建一个允许用户创建HTML页面的应用程序。当用户下载他们的页面时,我会获取画布div 中的所有 HTML 并将其保存为 HTML 文件,其中包含他们的页面元素。
现在的问题是我需要找到一种方法在他们下载之前用这样的方式包装页面。
下载前
<div id="page-area">
// PAGE ELEMENTS
</div>
下载后的结果
<html>
<head>
<title>page</title>
<head>
<body>
// PAGE ELEMENTS
</body>
</html>
用 HTML、头部、正文和其他基本 HTML 结构标签包装多个元素的最佳方法是什么?寻找jQuery解决方案或原始JavaScript。
例如,如果我能把所有这些元素都拿来
<ul>
<li>List</li>
</ul>
<div id="tabs">
<span>test</span>
</tabs>
然后用这样的基本 HTML 结构进行包装
<html>
<head>
</head>
<body>
<ul>
<li>List</li>
</ul>
<div id="tabs">
<span>test</span>
</tabs>
</body>
</html>
我将如何使用jQuery做到这一点?
这是一个用于代码参考的工作 jsFiddle。
.HTML:
<div id="content">
<h1>Hello</h1>
...
</div>
.JS:
var a = document.body.appendChild(document.createElement("a"));
a.download = "export.html";
html = "<html><head></head><body>"
html += document.getElementById("content").innerHTML;
html += "</body></html>"
a.href = "data:text/html," + html;
a.innerHTML = "[Download HTML]";
相关文章:
- 如何在映射数组中添加换行符
- JQuery:向多个匹配结果添加换行符的最简单方法
- 在文本区域中使用jQuery.text()保持换行符
- Internet Explorer中的文本换行错误
- 从Javascript警报中防止换行
- javascript替换换行符和特殊字符
- 换行符拆分返回“”;未定义”;
- javascript中换行的regexp
- 有没有一种方法可以用包含ENTER键换行符的SQL数据填充文本区域表单
- 获取字符串中最后一个换行符的最有效方法是什么
- 有没有一种方法可以在单词溢出时换行?在换行之前,含义尽可能适合大多数单词
- Javascript 中的 String.replace() 方法可以用来添加换行吗?
- 有没有其他方法可以在不对 javascript 中的内容进行换行的情况下打印出调试消息
- HTML 换行方法
- 如何在返回值中换行?或者返回 HTML 的更好方法
- 在Javascript中换行的合适方法是什么
- 有没有一种方法可以让表格单元格固定在给定的高度并启用换行
- 有一种方法可以在javascript中进行换行
- 控制jQuery中的自动换行和取消换行方法
- 从 DOM 保留换行符中提取无格式文本的最佳方法