CoderSup Json Formatter tool is simple and easy to use, but it does equipped with some of the best and advanced Json Viewer features.
Monaco Editor is used for this Json Beautifier tool, which is the code editor that powers the VS Code. So if you are familiar with the VS Code, then the following content is not for you, since you already know the powerful editing features of VS Code (Monaco Editor).- Press F1 to view Command Palette or use the following
- Select Next Match (Multi-cursor Modifier) Ctrl+D
- Copy Line Down (Shif+Alt+DownArrow)
- Undo (Ctrl+Z)
- Redo (Ctrl+Y)
- Find (Ctrl+F)
- Find and Replace (Ctrl+H)
- Go to Line (Ctrl+G)
- Move Line Up (Alt+UpArrow)
- Move Line Down (Alt+DownArrow)
- Sort Selection Ascending
- Sort Selection Descending
- Transform to Upper Case
- Transform to Lower Case
- Transform to Title Case
- Trim Trailing Whitespace (Ctrl+K then Ctrl+X)
Command Palette
Press F1 to open the command palette to view all available editing commands.
Multiple selections (multi-cursor)
The editor supports multiple cursors for fast simultaneous edits. You can add secondary cursors (rendered thinner) with Alt+Click. Each cursor operates independently based on the context it sits in. A common way to add more cursors is with Ctrl+Alt+Down or Ctrl+Alt+Up that insert cursors below or above.
Ctrl+D selects the word at the cursor, or the next occurrence of the current selection.
Tip: You can also add more cursors with Ctrl+Shift+L, which will add a selection at each occurrence of the current selected text.
Multi-cursor modifier
If you&aposd like to change the modifier key for applying multiple cursors to Cmd+Click on macOS and Ctrl+Click on Windows and Linux. This lets users coming from other editors such as Sublime Text or Atom continue to use the keyboard modifier they are familiar with.
Shrink/expand selection
Quickly shrink or expand the current selection. Trigger it with Shift+Alt+Left and Shift+Alt+Right.
Column (box) selection
Place the cursor in one corner and then hold Shift+Alt while dragging to the opposite corner:
Find and Replace
The editor allows you to quickly find text and replace in the currently opened file. Press Ctrl+F to open the Find Widget in the editor, search results will be highlighted in the editor.
If there are more than one matched result in the current opened file, you can press Enter and Shift+Enter to navigate to next or previous result when the find input box is focused.
Press Ctrl+H to open the Find and Replace Widget in the editor
Seed Search String From Selection
When the Find Widget is opened, it will automatically populate the selected text in the editor into the find input box. If the selection is empty, the word under the cursor will be inserted into the input box instead.
Find In Selection
By default, the find operations are run on the entire file in the editor. It can also be run on selected text. You can turn this feature on by clicking the hamburger icon on the Find Widget.
Multiline support and Find Widget resizing
You can search multiple line text by pasting the text into the Find input box and Replace input box. Pressing Ctrl+Enter inserts a new line in the input box.
Search and Replace
You can also Search and Replace across files. Expand the Search widget to display the Replace text box.
JSON Formatter Online 2023. The Best Tool to Format, View, Beautify, Convert, and Share JSON Data. Json to Python, Java, C# converter.
Last updated onDo you need to work with JSON data online? Do you want to make sure that your JSON data is valid, readable, and beautiful? Do you want to convert your JSON data to other formats or share it online with others? If you answered yes to any of these questions, then you need JSON Formatter Online, the best tool to format, view, beautify, convert, and share JSON data online. Try it now and see how it works.
Credit goes to the following excellent components
Monaco Editor (Powered by Microsoft)
Monaco Editor for React (Npm package by Suren Atoyan)
React horizontal scrolling menu (Npm package by Alex Smyshlyaev)
Next.JS (Powered by Vercel)
Bootstrap (By Bootstrap team)
Font Awesome (Powered by Fonticons, Inc)
Related Tools
Other Tools