Convert DOM nodes into compact JSON objects, and vice versa, as fast as possible.
MIT License
Convert DOM nodes into compact JSON objects, and vice versa, as fast as possible.
The primary purpose of dom-to-json is to create comporessed json object from DOM trees and vice-versa.
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
Coming soon...
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);
You can run test by using following commands
npm run test
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).