JSON Editor Examples

Examples with Local Font-AweSome and ACE in Repository for Offine Use

by Engelbert Niehaus

These examples use the JSON Editor of Jeremy Dorn. Furthermore Font-AweSome and the ACE-Editor are integrated in the examples for offline use of the JSON-Editor. The very helpful examples provided by Jeremy Dorn must be altered, so that CSS layout and required libraries are available on the local device for offline application of the JSON Editor.

The current examples can be found in docs/-folder of the git repository json-editor (fork Jeremy Dorns JSON Editor). The examples demonstrate the following:

• basic_ref.html example show the use of external schemas via ajax (using $ref)
• json2schema.html example provides an example, how you can create a JSON schema from a given JSON file. A JSON Schema is needed to feed the JSON editor with the structure of the desired JSON output delivered by Jeremy Dorns JSON-Editor.
• json2jsclass.html shows Object Oriented JSON editor for Javascript Classes developed for JavascriptClassCreator
• largearray/index.html shows application of JSON editor for large array, that cannot be edited directy due to limitations of the performance. See Wiki of JSON Editor by Jeremy Dorn
• Mapper4SDG allows citizens to map regional and local activities with the JSON editor and the generated JSON file can be used to create LeafLet or OpenLayers maps and provide additional information in the JSON file, when the user clicks on the icon.
• Mixare4JSON allows create a JSON file as a database for the Mixare Augmented Reality App. See tutorial on Wikiversity LeafLet or OpenLayers maps and provide additional information in the JSON file, when the user clicks on the icon.