@homebots/parse-html
v1.2.2
Published
Strict HTML parser
Downloads
28
Readme
parse-html
Short and strict HTML parser.
Output format: a tree of objects, starting with a root Document
node.
Element
and Document
nodes can have children, which are any of Text
, Comment
or Element
.
API
import { parse, pack, unpack } from '@homebots/parse-html';
import { serialize, materialize, normalize } from '@homebots/parse-html-runtime';
const document = parse(`
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<div>text<br>text</div>
</body>
</html>`);
console.log(document);
// remove empty text nodes
normalize(document);
// create HTML from document
console.log(serialize(document));
// create DOM elements from document
console.log(materialize(document, (element, node) => {
// do something with the new element
// return element or something new
}));
// to generate a minimal version of a node tree
const packed = pack(document);
const unpacked = unpack(packed);
Node types
Document
{
"type": "document",
"docType": "html",
"children": []
}
Comment
{
"type": "comment",
"text": "an html comment"
}
Text
{
"type": "text",
"text": "a text\nnode with line breaks"
}
Element
{
"type": "element",
"tag": "input",
"selfClose": true,
"children": [],
"attributes": [{ "name": "type", "value": "text" }]
}