JSPM

  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • Downloads 6661
  • Score
    100M100P100Q121495F
  • License MIT

html to json & json to html

Package Exports

  • html2json

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (html2json) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

html2json & json2html

Requirements

htmlparser.js

How to use

browser

include htmlparser.js & html2json.js scripts:

<script src="https://cdn.rawgit.com/blowsie/Pure-JavaScript-HTML5-Parser/master/htmlparser.js"></script>
<script src="src/html2json.js"></script>

node

require('html2json').html2json;
require('html2json').json2html;

result

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>
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

MIT