Formateador de datos JSON mínimo-JSONViewer

Tiempo de ejecución: 30 minutos. Empezar

Autor: LorDOniX
Views Total: 3,571
Sitio oficial: Ir a la web
Actualizado: March 19, 2019
Licencia: MIT

Vista prévia

Formateador de datos JSON mínimo-JSONViewer

Descripción

Un formateador/lector JSON de JavaScript puro y súper liviano que ayuda a renderizar objetos JSON como una vista de árbol plegable.

Funcionamiento

Cargue los siguientes archivos JS y CSS en su página HTML.

<script src="json-viewer.js"></script>
<link rel="stylesheet" href="json-viewer.css">

Cree un elemento para colocar los objetos JSON con formato.

<div id="json"></div>

Cree una nueva instancia de JSONViewer.

var jsonViewer = new JSONViewer();

Anexe la instancia al elemento DIV que acaba de crear.

document.querySelector("#json").appendChild(jsonViewer.getContainer());

Formatee y embellece los datos JSON utilizando el método showJSON (). Parámetros disponibles:

  • JSON: JSON valor de entrada
  • maxLvl: Procesa solo al nivel máximo, donde 0.. n,-1 ilimitado
  • colAt: Contraer a nivel, donde 0.. n,-1 ilimitado
jsonViewer.showJSON(json, maxLvl, colAt);

Registro de cambios

03/19/2019

  • vulnerabilidad XSS fija

Te puede interesar: