dom-to-json

Convert DOM nodes into compact JSON objects, and vice versa, as fast as possible.

Usage no npm install needed!

<script type="module">
  import domToJson from 'https://cdn.skypack.dev/dom-to-json';
</script>

README

DOM T0 JSON

GitHub issues GitHub forks GitHub stars Build Status GitHub license Twitter GitHub tag GitHub release Maintenance npm Downloads FOSSA Status

Convert DOM nodes into compact JSON objects, and vice versa, as fast as possible.

Jump To

Description

The primary purpose of dom-to-json is to create comporessed json object from DOM trees and vice-versa.

Installation

Installing dom-to-json is easy. You can pull it from Yarn...

yarn add dom-to-json

...or grab it from NPM and manually include it as a script tag...

npm install dom-to-json --save

Demos

Coming soon...

Usage

Using dom-to-json is super simple: use the .toJSON() method to create a JSON representation of the DOM tree:

import { toJSON  } from 'dom-to-json'

let someDOMElement = document.getElementById('sampleId');
let jsonOutput = toJSON(someDOMElement);

And then rebuild the DOM Node from that JSON using .toDOM():

import { toDOM } from 'dom-to-json'

let DOMDocumentFragment = toDOM(jsonOutput);
someDOMElement.parentNode.replaceChild(someDOMElement, DOMDocumentFragment);

Tests

You can run test by using following commands

npm run test

Contributing

Feel free to pull and contribute! If you do, please make a separate branch on your Pull Request, rather than pushing your changes to the Master. It would also be greatly appreciated if you ran the appropriate tests before submitting the request (there are three sets, listed below).

License

FOSSA Status