我有一个div
包含一些 html 的容器 - 例如:
<div id="container">
<h1>Bla bla</h1>
<div class="myItem"></div>
<a href="#">Send</a>
</div>
以及一些与容器相关的 CSS:
#container {background:red;}
#container h1 {font-size:30px;}
#container .myItem {color:red;font-size:12px;}
我想将所有 html 存储在容器中,并将所有相关的 css 存储在某个变量/数据库/任何可用的内容中,然后将其加载回新页面。内容是动态的,由用户决定容器及其内容的样式。
我怎么能做到这一点?我想的一种方法是使用 javascript 检索所有这些属性,然后以某种方式将它们存储在数据库中以便稍后加载它们,或者尝试使用 html5 webstorage 来执行此操作。
有没有这样做的插件?
编辑:我也尝试过 html2canvas 但它对 css3 的支持不足以正确呈现元素。