ashi009 / node-fast-html-parser Goto Github PK

http://www.w3.org/html/wg/drafts/html/master/syntax.html#the-doctype

Note: This change should not bring performance penalty.

git-2.18.0-rc2.zip

TS2345: Argument of type '{ script: boolean; }' is not assignable to parameter of type '{ lowerCaseTagName?: boolean; noFix?: boolean; }'.
Object literal may only specify known properties, and 'script' does not exist in type '{ lowerCaseTagName?: boolean; noFix?: boolean; }'

The function is declared like
export function parse(data: string, options?: {
lowerCaseTagName?: boolean;
noFix?: boolean;
}) {

So the params of the func are not declared, and not pass TS validation.

How can i read the text inside a tag? For example

<div id="ERROR_MESSAGE" hidden="true">Please check the information</div>

I want to extract "Please check the information" from above tags, who has id "ERROR_MESSAGE".

Let me know how i can do that.

Not <br>, but <BR>.
Any way to fix this?

node_modules\node-html-parser\dist\index.js:576
const text = data.substring(lastTextPos, kMarkupPattern.lastIndex - match[0].len
gth);
^
TypeError: data.substring is not a function
at Object.parse (D:\xampp\htdocs\nodejs\parse\node_modules\node-html-parser\dist\index.js:57
6:35)
at D:\xampp\htdocs\nodejs\parse\index.js:92:25
at FSReqWrap.readFileAfterClose [as oncomplete] (fs.js:511:3)

If the attribute value contains ", then the attribute will break. like this:

var root = parseHTML('<p a=12 data-id="!$$&amp;" yAz=\'1\' data-props="abc\"d"></p>');
root.firstChild.attributes.should.eql({
	'a': '12',
	'data-id': '!$$&',
	'yAz': '1',
	'data-props': 'abc"d'  // abc
});

Hi, great library, using it quickly parse HTML, is there a utility method that can convert modified tree back to HTML?

I have tried from ver.43... to ver.44 but have the same issue with module "fast-html-parser": UnableToResolveError: Unable to resolve module util from /.../node_modules/apollojs/server.js

What versions in your 'package.json' in these lines:
"react": "^16.0.0-alpha.6",
"react-native": "^0.43.4"
?

return pMatchFunctionCache[matcher] = new Function('el', source);

I'm not able to use this library in a serverless environment because of these dynamic functions. Any plans to refactor the code to not depend on these?

I have been trying to inject a class name into a parsed HTMLElement and when I call rootNode.toString(), the class does not appear. Printing the element that gets fed into .exchangeChild does infact show the class, though.

Am I doing something wrong, or is there perhaps a workaround?

const targetElement = node as HTMLElement;
const parentElement = targetElement.parentNode as HTMLElement;

const component = createComponent(targetElement.tagName);

const renderedComponentHtml = minify(component.render(targetElement.attributes, targetElement.innerHTML));
const renderedElement = parse(renderedComponentHtml) as HTMLElement;

if (options.injectClass) {
	const childElement = renderedElement.childNodes[0] as HTMLElement;
	childElement.classNames = [targetElement.tagName];

	console.log(renderedElement.childNodes[0]);
}

parentElement.exchangeChild(targetElement, renderedElement);

Output:

   HTMLElement {
      childNodes:
       [ HTMLElement {
           childNodes: [Array],
           tagName: 'table',
           rawAttrs: 'class="table"',
           parentNode: [Circular],
           classNames: [Array],
           nodeType: 1 },
         HTMLElement {
           childNodes: [Array],
           tagName: 'div',
           rawAttrs: '',
           parentNode: [Circular],
           classNames: [],
           nodeType: 1 },
         HTMLElement {
           childNodes: [Array],
           tagName: 'table',
           rawAttrs: 'class="table"',
           parentNode: [Circular],
           classNames: [Array],
           nodeType: 1 } ],
      tagName: 'body',
      rawAttrs: '',
      parentNode: null,
      classNames: [ 'aur-base' ],
      nodeType: 1 }

This package hasn't been updated for years. Although the code still works, some bits should be refactored to embrace the new specs.

Some todo/rules for the refactor:

• no new dependency (package management for node sucks, and I don't want to be part of it)
• adopt TypeScript, and drop apollo.js (TypeScript provides everything apollo.js does and it's typed)
• address some of the issues in this repo

Amazing work on the parser's performance.
Couldn't find licence file anywhere, I know its MIT, but if possible could you please add LICENCE file to the repo.
Thanks a lot

When parsing the following HTML

<a href="http://example.com" title="<strong>Sample</strong> Text">
Sample Text
</a>

root.querySelector('a').innerHTML returns Sample Text"> Sample Text

Thanks for making this package. It does work easily using selectors but I don't understand what's a simple way to select a node by node name and attribute (jQuery style), e.g.

<meta property="og:title" content="Apple iPad mini 4 128Gb WiFi+4G Gold (MK782)">

I tried parsed.querySelectorAll('meta[property="og:title"]') but it retuens empty result.

When I am importing var HTMLParser = require('fast-html-parser'); I got this error.

node: 8.9.1
npm: 5.8.0
webpack-dev-server: 2.7.1
webpack: 3.10.0
OS: debian

ERROR in ./node_modules/apollojs/server.js
Module not found: Error: Can't resolve './package' in '/home/vlad/workspace/riotjsbyfly/node_modules/apollojs'
 @ ./node_modules/apollojs/server.js 270:11-31
 @ ./node_modules/fast-html-parser/index.js
 @ ./src/pages/index/ri/app.tag
 @ ./src/pages/index/index.js
 @ multi (webpack)-dev-server/client?http://localhost:5555 ./src/pages/index/index.js
webpack: Failed to compile.

Did anybody see/meet this?

VSC, nodejs project.

const root = parse(innerDivHtml)

const names = (root.querySelectorAll(".bui-commands"))

In tsconfig.json

"typeRoots": [
        "C:/Users/Mone/AppData/Roaming/npm/node_modules/@types",
        "C:/Users/Mone/AppData/Roaming/npm/node_modules/@types/node",
        "node_modules/node-html-parser/dist",
        "node_modules/node-html-parser/dist/umd"]

querySelectorAll is present in index.d.ts

querySelectorAll is marked red with "Property 'querySelectorAll' does not exist on type '(TextNode & { valid: boolean; }) | (HTMLElement & { valid: boolean; })'.
Property 'querySelectorAll' does not exist on type 'TextNode & { valid: boolean; }'.ts(2339)"

Hi,

I saw on an issue here that this library is no longer maintained, it would be super helpful to add this to the README at the top so people know to search for alternatives and / or know they will need to fork the project if they need any changes.

Thanks for the awesome project,
Matt

Is there a prebuilt min.js browser version of this library?

The method I'm currently using for getting the node tree is this:

var wrapper = document.createElement('div');
wrapper.innerHTML = html;
var children = wrapper.children

Will this library be faster?

What is needed?
There's nothing in the document that talks about accessing elements other than first or last element.
That is, there's no mention of the childNodes property.

What needs to be done?
Include the same in README.md

I'm having an issue while loading external content. I have gotten everything to work fine when loading a single dom node, but when loading a list of nodes I'm having issues. I'm trying to create an object of text after scraping the html that has been loaded.

• If I break the loop by just returning, it returns the rawText fine
• If I do NOT use rawText and allow the loop to proceed it works (but I have HTMLElement, childNodes, TextNode, rawText and all the rest of the attribute stuff)
• If I append ".rawText" to that previous selector within the loop that I know works, I get an error that null is not an object.

I am using this inside of a react native project, if that's any concern.

Would love to be able to get the start/end position of the tag and attributes.

I would expect the outcome of the following html snippet when invoking structuredText to be content inside html but instead I'm getting content insidehtml

<p>content</p><span><u><h1>inside</h1><i>htm<u>l</u></i></u></span>

According to what is rendered as html it was supposed to have an extra space on the header element, correct?

https://developer.mozilla.org/en-US/docs/Web/HTML/Block-level_elements

<h1>, <h2>, <h3>, <h4>, <h5>, <h6>
Heading levels 1-6.

HTMLParser.parse("<p>content</p><span><u><h1>inside</h1><i>htm<u>l</u></i></u></span>").structuredText;

var root = parseHTML('<a id="id1" data-id="id2"></a>');

root.id will be id2, not id1