@poulpi/domtojson
Version:
Simple domtojson with gzip for more optimization
67 lines (60 loc) • 1.78 kB
HTML
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<title>For try</title>
<style>
.bg-g {
background-color: red;
}
</style>
</head>
<body>
<div id="app" contenteditable="">
<p>
Lorem ipsum <em class="class">dolor</em> sit amet,
<b>quo lorem cetero epicurei id</b>, discere percipit qui ei.
</p>
<p>
Lorem ipsum dolor sit amet, quo lorem cetero epicurei id, discere percipit
qui ei.
</p>
<div style="color:red;">
<p>Lorem ipsum dolor sit amet</p>
<br />
<img
id="image"
src="https://picsum.photos/id/919/200/200"
alt="randomimg"
/>
</div>
</div>
</div>
<script src="../dist/bundle.js"></script>
<button onclick="e()">Click</button>
<script>
// let p = DTM.toJson(document.getElementById("app"))
// // console.log(p)
// let d = DTM.toDom(p, "div")
// // console.log(d)
// document.body.append(d)
function e(e) {
let n = new DTM(true, true);
// n.api((x) => {
// return x.in({
// node: "div",
// value: [{ name: "class", attr: ["bg-g","txt-a", 'io-i'] },{ name: "l" } , { name: "id" }],
// })
// });
let c = n.toJson(document.getElementById("app")).then((x) => ap(x));
}
function ap(a) {
console.log(a);
let n = new DTM(true, false);
n.toDom(a).then((x) => console.log(x));
}
</script>
</body>
</html>