使用antlrv4的js api 解析html

下载依赖

$ npm i antlrv4-js-html

解析HTML文本

const antlrv4_js_html = require('antlrv4-js-html')

class Visitor extends antlrv4_js_html.Visitor {
  constructor() {
    super()
  }

  visitTerminal(ctx) {
    let text = ctx.getText()
    console.log(text)
    return this.visitChildren(ctx);
  }
}

antlrv4_js_html.transform(`<div><span id="12312" checked>2</span><p>1<span></span></p></div>`, new Visitor())

浏览器中使用

<script src="../dist/index-umd.js"></script>
<script>
  console.log(antlrv4_js_html)
</script>

其他模块的支持

• [v] es
• [v] esm
• [v] umd

API

// Visit a parse tree produced by HTMLParser#htmlDocument.
visitHtmlDocument(ctx) {
    return this.visitChildren(ctx);
}

// Visit a parse tree produced by HTMLParser#scriptletOrSeaWs.
visitScriptletOrSeaWs(ctx) {
    return this.visitChildren(ctx);
}

// Visit a parse tree produced by HTMLParser#htmlElements.
visitHtmlElements(ctx) {
    return this.visitChildren(ctx);
}

// Visit a parse tree produced by HTMLParser#htmlElement.
visitHtmlElement(ctx) {
    return this.visitChildren(ctx);
}

// Visit a parse tree produced by HTMLParser#htmlContent.
visitHtmlContent(ctx) {
    return this.visitChildren(ctx);
}

// Visit a parse tree produced by HTMLParser#htmlAttribute.
visitHtmlAttribute(ctx) {
    return this.visitChildren(ctx);
}

// Visit a parse tree produced by HTMLParser#htmlChardata.
visitHtmlChardata(ctx) {
    return this.visitChildren(ctx);
}

// Visit a parse tree produced by HTMLParser#htmlMisc.
visitHtmlMisc(ctx) {
    return this.visitChildren(ctx);
}

// Visit a parse tree produced by HTMLParser#htmlComment.
visitHtmlComment(ctx) {
    return this.visitChildren(ctx);
}

// Visit a parse tree produced by HTMLParser#script.
visitScript(ctx) {
    return this.visitChildren(ctx);
}

// Visit a parse tree produced by HTMLParser#style.
visitStyle(ctx) {
    return this.visitChildren(ctx);
}

其他库

• css3
• xml

如果你喜欢我的作品，请考虑赞助我，以保持它们的可持续性。