posthtml-render

Render PostHTML Tree to HTML/XML. More info for PostHTMLTree

Install

NPM install

$ npm install posthtml-render

is also available for bower and as an AMD, CommonJS, and globals module, uncompressed and compressed.

Usage

In NodeJS

var render = require('posthtml-render');
var listObj = { tag: 'ul' };

listObj.attrs = { class: 'list' };
listObj.content = ['one', 'two', 'three'].map(function(text) { return { tag: 'li', content: text }});

clonsole.log(render(listObj/*, options */));
// <ul class="list"><li>one</li><li>two</li><li>three</li></ul>

In Browser

<!DOCTYPE html>
<html>
<head>
    <title>Title</title>
    <script type="text/javascript" src="./bower_components/posthtml-render/posthtml-render.min.js"></script>
    <script type="text/javascript">
        window.onload = function() {
            document.body.innerHTML = postHTMLRender({ tag: 'h1', attrs: { style: 'color: red;' }, content: ['Title'] });
        };
    </script>
</head>
<body>

</body>
</html>

Options

singleTags

Array tags for extend default list single tags

Default: []

Options { singleTags: ['rect', 'custom'] }

...
<div>
    ...
    <rect>
    <custom>
</div>

closingSingleTag

Option to specify version closing single tags. Accepts values: default, slash, tag.

Default: default

Options { closingSingleTag: 'default' }

<img>

Options { closingSingleTag: 'slash' }

<img />

Options { closingSingleTag: 'tag' }

<img></img>

License

MIT

island205 / posthtml-render