parse5-htmlparser2-tree-adapter

What is parse5-htmlparser2-tree-adapter?

The parse5-htmlparser2-tree-adapter package is an adapter that allows parse5 to use the tree structure and node types defined by the htmlparser2 library. This enables users to switch between parse5's default tree adapter and the htmlparser2-compatible one without changing the underlying parsing logic.

What are parse5-htmlparser2-tree-adapter's main functionalities?

Converting parse5's default tree structure to htmlparser2 tree structure

This feature allows users to parse HTML content using parse5 with the tree structure compatible with htmlparser2. The code sample demonstrates how to parse a simple HTML string and access the parsed tree using htmlparser2's node naming conventions.

const parse5 = require('parse5');
const htmlparser2Adapter = require('parse5-htmlparser2-tree-adapter');

const document = parse5.parse('<div>Example</div>', { treeAdapter: htmlparser2Adapter });
console.log(document.childNodes[0].name); // 'div'

Serializing htmlparser2 tree structure back to HTML

This feature allows users to serialize the htmlparser2 tree structure back into HTML. The code sample shows how to parse an HTML string and then serialize the resulting document object back to an HTML string.

const parse5 = require('parse5');
const htmlparser2Adapter = require('parse5-htmlparser2-tree-adapter');

const document = parse5.parse('<div>Example</div>', { treeAdapter: htmlparser2Adapter });
const serializedHtml = parse5.serialize(document, { treeAdapter: htmlparser2Adapter });
console.log(serializedHtml); // '<div>Example</div>'

Other packages similar to parse5-htmlparser2-tree-adapter

domhandler

The domhandler package is a backend-independent implementation of the DOM living standard, used by htmlparser2. It provides a similar tree structure to parse5-htmlparser2-tree-adapter but is designed to work specifically with htmlparser2 and not as an adapter for parse5.

html-dom-parser

html-dom-parser is a package that converts HTML to a DOM-like structure that can be manipulated and serialized. It is similar to parse5-htmlparser2-tree-adapter in that it provides a way to work with HTML as a tree structure, but it is not an adapter and has its own API for parsing and serialization.

jsdom

jsdom is a JavaScript implementation of many web standards, notably the WHATWG DOM and HTML Standards, for use with Node.js. It is more comprehensive than parse5-htmlparser2-tree-adapter, providing a full simulated DOM environment, but it can be heavier and more complex to use for simple parsing tasks.

README

parse5-htmlparser2-tree-adapter

htmlparser2 tree adapter for parse5.

npm install --save parse5-htmlparser2-tree-adapter

📖 Documentation 📖

---

List of parse5 toolset packages

GitHub

Changelog