UNPKG

@jokerwang/json-format

Version:

json to stringify a dom structure Object

35 lines (30 loc) 862 B
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> </head> <body> <textarea name="" id="textarea" cols="60" rows="10"></textarea> <div id="button">change</div> <div id="test"></div> <script src="./dist/json-format.min.js"></script> <script> window.onload = function () { var textarea = document.getElementById('textarea'); textarea.addEventListener('blur', function(e) { var t = e.target.value; try { var json = JSON.parse(t); var jsonFormat = new JSONFormatter(document.getElementById('test')); jsonFormat.format(json); } catch (e) { throw e; } }) } </script> </body> </html>