html2json & json2html
Requirements
htmlparser.js
How to use
include htmlparser.js & html2json.js scripts:
json:
var json = {
tag: 'div',
attr: {
id: '1',
class: ['foo']
},
child: [{
tag: 'h2',
text: 'sample text with <code>inline tag</code>'
},{
tag: 'pre',
attr: {
id: 'demo',
class: ['foo', 'bar']
}
},{
tag: 'pre',
attr: {
id: 'output',
class: ['goo']
}
},{
tag: 'input',
attr: {
id: 'execute',
type: 'button',
value: 'execute'
}
}]
};
html:
<div id="1" class="foo">
<h2>sample text with <code>inline tag</code></h2>
<pre id="demo" class="foo bar"></pre>
<pre id="output" class="goo"></pre>
<input id="execute" type="button" value="execute"/>
</div>
result:
json === html2json(html);
html === json2html(json);
Documentation
- Basically inline tag is melted into text this make syntacs higligth markup clean
Input
, textarea
, image
tags are act like block tag
License
???