Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>I've found a treasure trove of JSON-related online editors / visual editors / JSON Schema form frameworks: <a href="https://stackoverflow.com/questions/998832/gui-based-or-web-based-json-editor-that-works-like-property-explorer">GUI-based or Web-based JSON editor that works like property explorer</a></p> <p>However I believe jsonform (<a href="https://github.com/joshfire/jsonform" rel="nofollow noreferrer">https://github.com/joshfire/jsonform</a>) is most appropriate for you. Here is an example of a basic JSON enabled form:</p> <pre><code>&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="utf-8" /&gt; &lt;title&gt;Getting started with JSON Form&lt;/title&gt; &lt;link rel="stylesheet" style="text/css" href="deps/opt/bootstrap.css" /&gt; &lt;/head&gt; &lt;body&gt; &lt;h1&gt;Getting started with JSON Form&lt;/h1&gt; &lt;form&gt;&lt;/form&gt; &lt;div id="res" class="alert"&gt;&lt;/div&gt; &lt;script type="text/javascript" src="deps/jquery.min.js"&gt;&lt;/script&gt; &lt;script type="text/javascript" src="deps/underscore.js"&gt;&lt;/script&gt; &lt;script type="text/javascript" src="deps/opt/jsv.js"&gt;&lt;/script&gt; &lt;script type="text/javascript" src="lib/jsonform.js"&gt;&lt;/script&gt; &lt;script type="text/javascript"&gt; $('form').jsonForm({ schema: { name: { type: 'string', title: 'Name', required: true }, age: { type: 'number', title: 'Age' } }, onSubmit: function (errors, values) { if (errors) { $('#res').html('&lt;p&gt;I beg your pardon?&lt;/p&gt;'); } else { $('#res').html('&lt;p&gt;Hello ' + values.name + '.' + (values.age ? '&lt;br/&gt;You are ' + values.age + '.' : '') + '&lt;/p&gt;'); } } }); &lt;/script&gt; &lt;/body&gt; &lt;/html&gt; </code></pre> <p>Good luck!</p> <p>Just a footnote, this website will be of use as well: <a href="http://json-schema.org/" rel="nofollow noreferrer">http://json-schema.org/</a></p>
    singulars
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. VO
      singulars
      1. This table or related slice is empty.
    2. VO
      singulars
      1. This table or related slice is empty.
    3. VO
      singulars
      1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload