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" }]
}

FAQs

What is @homebots/parse-html?

Is @homebots/parse-html popular?

Is @homebots/parse-html well maintained?

Package last updated on 18 Apr 2025

Did you know?

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

@homebots/parse-html

parse-html

API

Node types

Document

Comment

Text

Element

Related posts

CISA Rebuffs Funding Concerns as CVE Foundation Draws Criticism

Introducing Historical Analytics – Now in Beta