yongit JSON Editor Online - Documentation
说明
JSON Editor Online是一个基于web的工具，用于查看、编辑和格式化JSON。它在清晰、可编辑的树视图和代码编辑器中并排显示数据。
支持的浏览器：Chrome, Firefox, Safari, Opera, Internet Explorer 8+.
Website: http://json.yongit.com. Website: http://jsoneditoronline.org.
Contents:
Main menu
应用程序主菜单包含用于清除、加载和保存应用程序的JSON内容的选项。文件可以从磁盘或url加载，也可以保存到磁盘。 请注意，由于安全限制，应用程序只能从公共网站打开文件，而不能从intranet打开文件。 描述了数据策略 Yongit.
Panels
The application contains two panels: a code editor on the left, and a Tree Editor on the right.
There is a splitter between the two panels, allowing to change the width of both panels according to ones needs. To copy the contents from one panel to an other, the two copy buttons between the panels can be used.
Code editor
The code editor displays JSON data in a code editor. The editor is capable of formatting, compacting, and inspecting JSON.
The menu of the code editor contains the following buttons:
- Format. Format the JSON data, make the data readable by applying indentation and returns.
- Compact. Compact the JSON data, remove all unnecessary characters like whitespaces and returns.
Tree editor
The Tree editor displays the JSON data in an editable tree. The editor makes it easy to create, duplicate, remove fields, and to edit the contents of the fields.
The menu of the tree editor contains the following functions:
- Expand all. Expand all fields in the editor.
- Collapse all. Collapse all fields in the editor.
- Undo. Undo last action.
- Redo. Redo last action.
- Search. Search for text in the tree editor. Search results will be highlighted, and can be iterated by repeatedly pressing Enter or Shift+Enter. The right side of the search box two buttons to go to the next or previous search result.
The field values in the editor are editable input fields.
The fields can be dragged up and down using the dragarea
on the left side of the fields. When a field is the last item of the
childs of an array or object, the field can also be dragged horizontally
to move it in or out of the array or object.
Right from the dragarea is a button
to open the actions menu.
Depending on the type of field, the following functionality is
available in the actions menu:
-
Type. Change the type of the field. Choose from:
- auto The field type is automatically determined from the value and can be a string, number, boolean, or null.
- object An unordered set of key/value pairs.
- array An ordered collection of values.
- string Field type is not determined from the value, but always returned as string.
- Sort. Sort the childs of an array or object. For an array, the values of the childs will be sorted. In case of an object, the childs will be sorted by key. Arrays and objects can be sorted ascending or descending.
- Insert. Insert a new field before current field. Available types are auto (default), object, array, and string.
- Append. Insert a new field after current field. Available types are the same as the insert action.
- Duplicate. Duplicate the field including all childs.
- Remove. Remove the field including all childs.
Shortcut keys
The tree editor supports shortcut keys for all available actions. The editor can be used by just a keyboard. The following short cut keys are available:
| Key | Description |
|---|---|
| Alt+Arrows | Move the caret up/down/left/right between fields |
| Shift+Alt+Arrows | Move field up/down/left/right |
| Ctrl+D | Duplicate field |
| Ctrl+Del | Remove field |
| Ctrl+Enter | Open link when on a field containing an url |
| Ctrl+Ins | Insert a new field with type auto |
| Ctrl+Shift+Ins | Append a new field with type auto |
| Ctrl+E | Expand or collapse field |
| Alt+End | Move the caret to the last field |
| Ctrl+F | Find |
| F3, Ctrl+G |
Find next |
| Shift+F3, Ctrl+Shift+G | Find previous |
| Alt+Home | Move the caret to the first field |
| Ctrl+M | Show actions menu |
| Ctrl+Z | Undo last action |
| Ctrl+Shift+Z | Redo |