html-ast-parse-stringify

将html解析并转化为ast

安装

npm install html-ast-parse-stringify --save

使用

const { parse, stringify } = require('html-ast-parse-stringify')

let html = '<div class="red"><p>Hello, World</p></div>'

let ast = parse(html)

console.log(ast)

/*
{
    "type": "root",
    "childrens": [{
        "type": "tag",
        "name": "div",
        "attrs": [{
            "name": "class",
            "value": "red"
        }],
        "childrens": [{
            "type": "tag",
            "name": "p",
            "attrs": [],
            "childrens": [{
                "type": "text",
                "value": "Hello, World"
            }]
        }]
    }]
}
*/

console.log(stringify(ast))
// <div class="red"><p>Hello, World</p></div>

AST节点类型

标签

• type: 节点类型(tag)
• name: 标签名
• attrs: 属性数组
• childrens: 子节点数组

文本

• type: 节点类型(text)
• value: 文本值

DOCTYPE

• type: 节点类型(doctype)
• value: 类型声明内容

注意事项

1. 除 <br>、<hr>、<img>、<link>、<base>、<area>、<input>、<source>等标签外，所有的标签必须严格闭合。
2. 无法解析<script>

license

MIT