Renders PostHTML Tree to HTML/XML
[
][node-url]
PostHTML Render
Renders a PostHTML Tree to HTML/XML
Install
npm i -D posthtml-renderℹ️ This module is also available for bower and as an AMD, CommonJS and IIFE (global) module, uncompressed and compressed
Usage
NodeJS
const render = require('posthtml-render')
const tree = []
const node = {}
node.tag = 'ul'
node.attrs = { class: 'list' }
node.content = [
'one',
'two',
'three'
].map((content) => ({ tag: 'li', content }))
tree.push(node)
const html = render(tree, options)
- one
- two
- three
🌐 Browser
Titleconst tree = {
tag: 'h1',
attrs: {
style: 'color: red;'
},
content: [ 'Title' ]
}
window.onload = function () {
document.body.innerHTML = render(tree)
}
Options
Name
Type
Default
Description
{Array}
[]
Specify custom single tags (self closing)
{String}
Specify the single tag closing format
singleTags
Specify custom single tags (self closing)
{String}
const render = require('posthtml-render')
const tree = [ { tag: 'name' } ]
const options = { singleTags: [ 'name' ] }
const html = render(tree, options)
result.html
{RegExp}
const render = require('posthtml-render')
const tree = [ { tag: '%=title%' } ]
const options = { singleTags: [ '/^%.*%$/' ] }
const html = render(tree, options)
result.html
closingSingleTag
Specify the single tag closing format
Formats
const render = require('posthtml-render')
const tree = [ { tag: 'img' } ]
'tag'
const html = render(tree, { closingSingleTag: 'tag' })
'slash'
const html = render(tree, { closingSingleTag: 'slash' })
'default' (Default)
const html = render(tree)
[node-url]:
HomePage
Repository