![](\"https://avatars0.githubusercontent.com/u/2789192?s=460&v=4\")
\n \n Ivan Demidov\n
![](\"https://avatars.githubusercontent.com/u/1510217?v=3&s=150\")
\n \n Ivan Voischev\n
![](\"http://posthtml.github.io/posthtml/logo.svg\" "\\"PostHTML\\""){kind=logo}
\n\nPostHTML is a tool for transforming HTML/XML with JS plugins. PostHTML itself is very small. It includes only a HTML parser, a HTML node tree API and a node tree stringifier.\n\nAll HTML transformations are made by plugins. And these plugins are just small plain JS functions, which receive a HTML node tree, transform it, and return a modified tree.\n\nFor more detailed information about PostHTML in general take a look at the [docs][docs-url].\n\n### Dependencies\n\n| Name | Status | Description |\n|:----:|:------:|:-----------:|\n|[posthtml-parser][parser]|[![npm][parser-badge]][parser-npm]| Parser HTML/XML to PostHTMLTree |\n|[posthtml-render][render]|[![npm][render-badge]][render-npm]| Render PostHTMLTree to HTML/XML |\n\n\n[docs]: https://github.com/posthtml/posthtml/blob/master/docs\n\n[parser]: https://github.com/posthtml/posthtml-parser\n[parser-badge]: https://img.shields.io/npm/v/posthtml-parser.svg\n[parser-npm]: https://npmjs.com/package/posthtml-parser\n\n[render]: https://github.com/posthtml/posthtml-render\n[render-badge]: https://img.shields.io/npm/v/posthtml-render.svg\n[render-npm]: https://npmjs.com/package/posthtml-render\n\n## Create to your project\n\n```bash\nnpm init posthtml\n```\n\n## Install\n\n```bash\nnpm i -D posthtml\n```\n\n## Usage\n\n### API\n\n**Sync**\n\n```js\nimport posthtml from 'posthtml'\n\nconst html = `\n OMG
\n \n \n`\n\nposthtml(\n [\n require('posthtml-to-svg-tags')(),\n require('posthtml-extend-attrs')({\n attrsTree: {\n '.wow' : {\n id: 'wow_id',\n fill: '#4A83B4',\n 'fill-rule': 'evenodd',\n 'font-family': 'Verdana'\n }\n }\n })\n ])\n .process(html/*, options */)\n .then((result) => console.log(result.html))\n```\n\n```html\n\n```\n\n**Directives**\n\n```js\nimport posthtml from 'posthtml'\n\nconst php = `\n| \n \n \n Ivan Demidov\n | \n \n \n \n Ivan Voischev\n | \n
![](\"https://opencollective.com/posthtml/contributors.svg?width=890&button=false\")
\n\n## Backers\n\nThank you to all our backers! ???? [[Become a backer](https://opencollective.com/posthtml#backer)]\n\n![](\"https://opencollective.com/posthtml/backers.svg?width=885&button=false\")
\n\n\n[npm]: https://img.shields.io/npm/v/posthtml.svg\n[npm-url]: https://npmjs.com/package/posthtml\n\n[deps]: https://david-dm.org/posthtml/posthtml.svg\n[deps-url]: https://david-dm.org/posthtml/posthtml\n\n[build]: https://github.com/posthtml/posthtml/workflows/Actions%20Status/badge.svg?style=flat-square\n[build-url]: https://github.com/posthtml/posthtml/actions?query=workflow%3A%22CI+tests%22\n\n[cover]: https://coveralls.io/repos/posthtml/posthtml/badge.svg?branch=master\n[cover-url]: https://coveralls.io/r/posthtml/posthtml?branch=master\n\n[code-style]: https://img.shields.io/badge/code%20style-standard-yellow.svg\n[code-style-url]: http://standardjs.com/\n\n[twitter]: https://badgen.net/twitter/follow/posthtml\n[twitter-url]: https://twitter.com/PostHTML\n\n[chat]: https://badges.gitter.im/posthtml/PostHTML.svg\n[chat-url]: https://gitter.im/posthtml/posthtml?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge&utm_content=badge\"\n[docs-url]: https://github.com/posthtml/posthtml/tree/master/docs\n","_attachments":{},"homepage":"https://posthtml.org","bugs":{"url":"https://github.com/posthtml/posthtml/issues"},"license":"MIT"}