Jsonedit - hqzhang/cloudtestbed GitHub Wiki

<title>Basic JSON Editor Example</title> <script src="https://rawgit.com/jdorn/json-editor/master/dist/jsoneditor.js" ></script>

Basic JSON Editor Example

<div id='editor_holder'></div>
<button id='submit'>Submit (console.log)</button>

<script>
  // Initialize the editor with a JSON schema
  var editor = new JSONEditor(document.getElementById('editor_holder'),{
    schema: {
      type: "object",
      title: "Car",
      properties: {
        make: {
          type: "string",
          enum: [
            "Toyota",
            "BMW",
            "Honda",
            "Ford",
            "Chevy",
            "VW"
          ]
        },
        model: {
          type: "string"
        },
        year: {
          type: "integer",
          enum: [
            1995,1996,1997,1998,1999,
            2000,2001,2002,2003,2004,
            2005,2006,2007,2008,2009,
            2010,2011,2012,2013,2014
          ],
          default: 2008
        }
      }
    }
  });
  
  // Hook up the submit button to log to the console
  document.getElementById('submit').addEventListener('click',function() {
    // Get the value from the editor
    console.log(editor.getValue());
  });
</script>
⚠️ **GitHub.com Fallback** ⚠️