Renderizar datos JSON como una vista de árbol-JSON-View
| Autor: | pgrabovets |
|---|---|
| Views Total: | 1,422 |
| Sitio oficial: | Ir a la web |
| Actualizado: | September 14, 2018 |
| Licencia: | MIT |
Vista prévia
Descripción
Otra biblioteca de visor de JSON que representa los datos JSON como una estructura de árbol contraíble y ampliable para una mejor legibilidad.
Funcionamiento
Descargue e importe los archivos de la vista JSON en el documento.
<link rel="stylesheet" href="jsonview.css">
La biblioteca utiliza Font awesome para los iconos de contraer/expandir.
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.2.0/css/all.css" integrity="sha384-hWVjflwFxL6sNzntih27bfxkr27PmbbK/iSvJ+a4+0owXq79v+lsFkW54bOGbiDQ" crossorigin="anonymous">
<script src="jsonview.js"></script>
Cree un contenedor para colocar el visor de JSON.
<div class="root"></div>
Formatee y represente los datos JSON en el contenedor.
let data = '{}';
let target = '.root';
jsonView.format(data, target);
