Skip to main content

show JSON in HTML

Project description

doc on github.io

json2html

show JSON in HTML. rows sampling, collapse/expand, etc.


Installation

  • pip install json_to_html
  • run : "json2html" or "python -mjson2html"

Examples

[yonghang@W5202860 json2html]$ curl -s walkerever.com/share/test/json/s6.json | qic
{
  "users": [
    {
      "userId": 1,
      "firstName": "Krish",
      "lastName": "Lee",
      "phoneNumber": "123456",
      "emailAddress": "krish.lee@learningcontainer.com"
    },
    {
      "userId": 2,
      "firstName": "racks",
      "lastName": "jacson",
      "phoneNumber": "123456",
      "emailAddress": "racks.jacson@learningcontainer.com"
    },
    {
      "userId": 3,
      "firstName": "denial",
      "lastName": "roast",
      "phoneNumber": "33333333",
      "emailAddress": "denial.roast@learningcontainer.com"
    },
    {
      "userId": 4,
      "firstName": "devid",
      "lastName": "neo",
      "phoneNumber": "222222222",
      "emailAddress": "devid.neo@learningcontainer.com"
    },
    {
      "userId": 5,
      "firstName": "jone",
      "lastName": "mac",
      "phoneNumber": "111111111",
      "emailAddress": "jone.mac@learningcontainer.com"
    }
  ]
}


conver to plain HTML

[yonghang@W5202860 json2html]$ curl -s walkerever.com/share/test/json/s6.json | python -mjson2html

users
userId 1
firstName Krish
lastName Lee
phoneNumber 123456
emailAddress krish.lee@learningcontainer.com
userId 2
firstName racks
lastName jacson
phoneNumber 123456
emailAddress racks.jacson@learningcontainer.com
userId 3
firstName denial
lastName roast
phoneNumber 33333333
emailAddress denial.roast@learningcontainer.com
userId 4
firstName devid
lastName neo
phoneNumber 222222222
emailAddress devid.neo@learningcontainer.com
userId 5
firstName jone
lastName mac
phoneNumber 111111111
emailAddress jone.mac@learningcontainer.com
</td>

with -Z option

[yonghang@W5202860 json2html]$ curl -s walkerever.com/share/test/json/s6.json | python -mjson2html -Z

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> <script type="text/javascript"> $(document).ready(function () { $('tr.parent') .css("cursor", "pointer") .attr("title", "Click to expand/collapse") .click(function () { $(this).siblings('.child-' + this.id).toggle(); }); $('tr[@class^=child-]').hide().children('td'); }); </script>
D(1)
users
L(5)
userId 1
firstName Krish
lastName Lee
phoneNumber 123456
emailAddress krish.lee@learningcontainer.com
userId 2
firstName racks
lastName jacson
phoneNumber 123456
emailAddress racks.jacson@learningcontainer.com
userId 3
firstName denial
lastName roast
phoneNumber 33333333
emailAddress denial.roast@learningcontainer.com
userId 4
firstName devid
lastName neo
phoneNumber 222222222
emailAddress devid.neo@learningcontainer.com
userId 5
firstName jone
lastName mac
phoneNumber 111111111
emailAddress jone.mac@learningcontainer.com
</td>

Project details


Download files

Download the file for your platform. If you're not sure which to choose, learn more about installing packages.

Source Distribution

json_to_html-1.0.2.tar.gz (10.7 kB view details)

Uploaded Source

File details

Details for the file json_to_html-1.0.2.tar.gz.

File metadata

  • Download URL: json_to_html-1.0.2.tar.gz
  • Upload date:
  • Size: 10.7 kB
  • Tags: Source
  • Uploaded using Trusted Publishing? No
  • Uploaded via: twine/4.0.1 CPython/3.10.4

File hashes

Hashes for json_to_html-1.0.2.tar.gz
Algorithm Hash digest
SHA256 710553928ba448fa959bc1616da0b3eae39c9ff8d25245b7631b13218f651164
MD5 bbc91ce432f3172244c3f2508ef8c5f1
BLAKE2b-256 9678f4b77eb1f2296363736c8aa70a5f3bdb9dfe0144bfd76b50a88c8d5b4d5b

See more details on using hashes here.

Supported by

AWS AWS Cloud computing and Security Sponsor Datadog Datadog Monitoring Fastly Fastly CDN Google Google Download Analytics Microsoft Microsoft PSF Sponsor Pingdom Pingdom Monitoring Sentry Sentry Error logging StatusPage StatusPage Status page