npm explorer

node-html-better-parser

v1.5.8TypeScript

A very fast HTML parser, generating a simplified DOM, with basic element query support.

fast html parser nodejs typescript
249.2K/weekUpdated 4 months agoMITUnpacked: 57.3 KB
Published by Xiaoyi Shi
npm install node-html-better-parser
RepositoryHomepagenpm

Node HTML Better Parser

Fork from Fast HTML Parser ![NPM version](http://badge.fury.io/js/node-html-parser)

Fast HTML Parser is a _very fast_ HTML parser. Which will generate a simplified
DOM tree, with basic element query support.

Per the design, it intends to parse massive HTML files in lowest price, thus the
performance is the top priority. For this reason, some malformatted HTML may not
be able to parse correctly, but most usual errors are covered (eg. HTML4 style
no closing

  • , etc).

    About this fork: I created this fork to provide a simple API for editing the html and especially the attributes.

    __________________________


    Install

    ``shell
    npm install --save node-html-better-parser
    `
    __________________________

    Performance

    Faster than htmlparser2!

    `shell
    fast-html-parser: 2.18409 ms/file ± 1.37431
    high5 : 4.55435 ms/file ± 2.51132
    htmlparser : 27.6920 ms/file ± 171.588
    htmlparser2-dom : 6.22320 ms/file ± 3.48772
    htmlparser2 : 3.58360 ms/file ± 2.23658
    hubbub : 16.1774 ms/file ± 8.95079
    libxmljs : 7.19406 ms/file ± 7.04495
    parse5 : 10.7590 ms/file ± 8.09687
    `

    Tested with htmlparser-benchmark.
    __________________________

    Usage

    `ts
    import { parse } from 'node-html-better-parser';

    const root = parse('

    • Hello World
    ');

    console.log(root.firstChild.structure);
    // ul#list
    // li
    // #text

    console.log(root.querySelector('#list'));
    // { tagName: 'ul',
    // rawAttrs: 'id="list"',
    // childNodes:
    // [ { tagName: 'li',
    // rawAttrs: '',
    // childNodes: [Object],
    // classNames: [] } ],
    // id: 'list',
    // classNames: [] }
    console.log(root.toString());
    //

    • Hello World

    root.set_content('
  • Hello World
  • ');
    root.toString(); //
  • Hello World

  • `

    `js
    var HTMLParser = require('node-html-parser');

    var root = HTMLParser.parse('

    • Hello World
    ');
    `
    __________________________

    API

    parse(data[, options])

    Parse given data, and return root of the generated DOM.
    The root is actually a fictive node that contains the nodes found in the content provided. The content can be found in
    root.childNodes, or accessed with root.firstChild if the parsed HTML has a root node (think about siblings nodes).

    - data, data to parse
    - options, parse options

    `js
    {
    lowerCaseTagName: false, // convert tag name to lower case (hurt performance heavily)
    script: false, // retrieve content in node-html-better-parser - npm explorer