html [js - jsoneditor] #js

Posted 2021-05-11

<!--
<link href="jsoneditor/dist/jsoneditor.min.css" rel="stylesheet" type="text/css">
<script src="jsoneditor/dist/jsoneditor.min.js"></script>
-->
<div id="jsoneditor" style="width: 400px; height: 400px;"></div>

<script>
// create the editor
  var container = document.getElementById("jsoneditor");
  var options = {};
  var editor = new JSONEditor(container, options);

  // set json
  var json = {
    "Array": [1, 2, 3],
    "Boolean": true,
    "Null": null,
    "Number": 123,
    "Object": {"a": "b", "c": "d"},
    "String": "Hello World"
  };
  editor.set(json);

  // get json
  var json = editor.get();
</script>