htmler-render
Html template render.
Install
npm i htmler-render --save
Usage
Options
Name | Type | Default | Description |
---|---|---|---|
singleTags |
{Array<String|RegExp>} |
[] |
Specify custom single tags (self closing) |
closingSingleTag |
{String} |
> |
Specify the single tag closing format |
quoteAllAttributes |
{Boolean} |
true |
Put double quotes around all tags, even when not necessary. |
replaceQuote |
{Boolean} |
true |
Replaces quotes in attribute values with "e; . |
quoteStyle |
{0 or 1 or 2} |
2 |
Specify the style of quote arround the attribute values |
singleTags
Specify custom single tags (self closing)
closingSingleTag
Specify the single tag closing format
'tag'
const html = render(tree, { closingSingleTag: 'tag' })
<custom></custom>
'slash'
const html = render(tree, { closingSingleTag: 'slash' })
<custom />
'default' (Default)
const html = render(tree)
<img>
'closeAs'
const tree = [ {
tag: 'custom',
closeAs: 'default' // Available types: `tag` | `slash` | `default`
} ]
const html = render(tree, { closingSingleTag: 'closeAs' })
<custom>
quoteAllAttributes
Specify if all attributes should be quoted.
true (Default)
<i src="index.js"></i>
false
<i src=index.js></i>
replaceQuote
Replaces quotes in attribute values with "e;
.
true (Default)
<img src="<?php echo $foo["e;bar"e;] ?>">
false
<img src="<?php echo $foo["bar"] ?>">
quoteStyle
2 (Default)
Attribute values are wrapped in double quotes:
<img src="https://example.com/example.png" onload="testFunc("test")">
1
Attribute values are wrapped in single quote:
<img src='https://example.com/example.png' onload='testFunc("test")'>
0
Quote style is based on attribute values (an alternative for replaceQuote
option):
<img src="https://example.com/example.png" onload='testFunc("test")'>