JSON5 Editor: IDE-like Editor to Prettify / Minify / Verify JSON

JSON5 Editor is a user-friendly JSON editor that facilitates the editing of both JSON and JSON5. However, JSON5 has more flexible syntax by allowing omitting quotes around keys, multi-line commenting, and trailing commas in arrays and objects. This makes JSON editing process more efficient and productive.

Moreover, JSON5 Editor is a text editor similar to VS code, allowing users to work on multiple tabbed files simultaneously, rename tabs, drag and drop tabs, and use other VS code editing techniques such as selecting all occurrences of a selected word. It helps you keep work organized and increases productivity.

Key features:

• Error-free JSON editing experience.
• Key bindings and shortcuts are compatible with Visual Studio Code.
• High performance parsing and formartting JSON Data.
• Integration with Alfred to boost productivity.

Use JSON5 Edtior for free now: https://json-5.com

1. Error-free JSON editing experience.

1.1 Comma

• Arrays having a single trailing comma are allowed.
• Objects having a single trailing comma are allowed.
• Missing comma in object is allowed.

{
  "key1": [1, 2, ], // Trailing comma in array
  "key2": { "key1": "string", },  // Trailing comma in object 
  "key3": "string" // --> Missing comma in object is allowed
  "key4": "string"
}

1.2 Comment

• Single comment(// or #) is allowed.
• Multi-line comment(/* */) is allowed.

{
  // "key1": "string",

  /* "key2": "string",
     "key3": "string", */

  #  "key4": "string",
}

1.3 String

• Single quoted string is allowd.

{
  singleQuotes: 'Use "double quotes"',
}

1.4 Object key

• keys could be an ECMAScript 5.1 IdentifierName.
• keys without quotes are allowed.

{
  "$string": "string", // ECMAScript 5.1 IdentifierName
  unquoted: 'string' // Key without quotes
}

2. Editor shortcuts

Key bindings are fully compatible with Visual Studio Code. Here are some useful tips.

2.1 Multiple selections

⌘D selects the word at the cursor, or the next occurrence of the current selection.

2.2 Folding / unfolding left pane

⌘B folds / unfolds left pane quickly.

3. Integration with Alfred

As a software developer, you can easily open your JSON data in the editor via Alfred's customizable web searches. This integration allows you to format your JSON data quickly and efficiently.

You can use it by typing "json" followed by your JSON data in Alfred. For example:

This will open the JSON5 editor in your browser with the provided data already loaded.

To add this JSON editor custom search to Alfred, simply enter the following command in your browser's URL bar. A pop-up will appear asking if you want to import the custom search.

alfred://customsearch/json%20format/json/utf8/nospace/https://json-5.com/#inputText=%7Bquery%7D

4. Data Privacy

We can assure you that your input data in json-5.com is stored securely in your browser's localStorage only, which is not shared with any third-party, ensuring complete privacy and confidentiality.