1.0.1 • Published 4 years ago
html-ast-parse-stringify v1.0.1
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
: 类型声明内容
注意事项
- 除
<br>
、<hr>
、<img>
、<link>
、<base>
、<area>
、<input>
、<source>
等标签外,所有的标签必须严格闭合。 - 无法解析
<script>
license
MIT