JSON Format Converter - Help

🚀 Quick Start

1. Paste your JSON, JSONC, or JSON5 data in the left panel
2. Select the input format from the dropdown
3. Choose your desired output format
4. The conversion happens automatically!
5. Copy or download the result from the right panel

✨ New Features

• Syntax Highlighting: CodeMirror editor with JSON syntax highlighting
• Line Numbers: Easy navigation with line numbers
• Compression: Minify JSON to remove all whitespace
• Escape/Unescape: Handle JSON string escaping
• Advanced Sorting: Sort keys A-Z or Z-A with deep sorting option
• Data Type Conversion: Convert numbers to strings and vice versa

⌨️ Keyboard Shortcuts

📝 Supported Formats

JSON (JavaScript Object Notation)

Standard JSON format with strict syntax rules. No comments, no trailing commas.

{
  "name": "example",
  "value": 123,
  "array": [1, 2, 3]
}

JSONC (JSON with Comments)

JSON format that supports single-line (//) and multi-line (/* */) comments, plus trailing commas.

{
  // This is a comment
  "name": "example",
  "value": 123, // trailing comma allowed
  "array": [1, 2, 3],
}

JSON5 (JSON for Humans)

Extended JSON format with many human-friendly features:

• Comments (single and multi-line)
• Trailing commas
• Unquoted property names
• Single-quoted strings
• Multi-line strings
• Hexadecimal numbers
• Special values (Infinity, NaN)

{
  // JSON5 example
  name: 'example', // unquoted key, single quotes
  value: 0xFF, // hexadecimal number
  multiline: 'This is a \
multi-line string',
  infinity: Infinity,
}

🔧 Button Functions

Input Panel Buttons

• Clear: Remove all content from input
• Format: Beautify and format the input JSON
• Compress: Minify the input JSON (remove whitespace)
• Escape: Escape JSON string for embedding
• Unescape: Remove escape characters from JSON string
• Example: Load sample data for current format

Output Panel Buttons

• Copy: Copy output to clipboard
• Download: Save output as file
• Num→Str: Convert all numbers to strings
• Str→Num: Convert numeric strings to numbers

⚙️ Options

Minify

Remove all unnecessary whitespace to create compact output.

Sort Keys

Alphabetically sort object keys for consistent output.

Order (A-Z / Z-A)

Choose ascending or descending order for key sorting.

Deep Sort

Apply sorting recursively to all nested objects.

Indent Size

Choose between 2 spaces, 4 spaces, or tab characters for indentation.

🔧 Tips & Tricks

• Auto-conversion: Changes are applied automatically as you type
• Error handling: Invalid syntax will show helpful error messages
• Format switching: Change input format to load appropriate examples
• File operations: Use the download button to save results as files
• Validation: The tool validates syntax and shows errors in real-time
• Line numbers: Click on line numbers to navigate quickly
• Syntax highlighting: Different colors help identify JSON structure
• Data conversion: Use Num→Str and Str→Num for type conversions
• Escape handling: Perfect for embedding JSON in code or strings

🌐 Browser Support

This tool works in all modern browsers:

• Chrome 60+
• Firefox 55+
• Safari 12+
• Edge 79+

📱 Mobile Support

The converter is fully responsive and works on mobile devices. On smaller screens, the layout automatically switches to a vertical stack for better usability.