Render PostHTML Tree to HTML/XML. More info for PostHTMLTree
NPM install
$ npm install posthtml-render
is also available for bower and as an AMD, CommonJS, and globals module, uncompressed and compressed.
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>
Array tags for extend default list single tags
Default: []
Options { singleTags: ['rect', 'custom'] }
...
<div>
...
<rect>
<custom>
</div>
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>