Skip to content
| Marketplace
Sign in
Visual Studio Code>Formatters>JSON String FormatterNew to Visual Studio Code? Get it now.
JSON String Formatter

JSON String Formatter

ojcobb

|
20 installs
| (0) | Free
Hover over JSON strings to see them formatted with proper line breaks
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

JSON String Formatter

A VS Code extension that makes it easier to work with escaped JSON strings embedded within JSON files.

Features

  • Hover Preview: Hover over escaped JSON strings to see them formatted with proper line breaks and indentation
  • Edit in Separate Window: Edit the formatted JSON string in a dedicated editor window
  • Auto-Synchronization: Changes made in the editor are automatically synced back to the original file with proper escaping

Hover Preview

Why Use This Extension?

When working with JSON files that include escaped strings, it can be challenging to read and edit the content directly. This extension detects these escaped strings and provides a more user-friendly way to view and edit them.

Usage

  1. Open any JSON file that contains escaped JSON strings
  2. Hover over an escaped JSON string to see a formatted preview
  3. Click "Open in Editor" to edit the content in a separate window
  4. Make your changes and save - the original JSON file will be updated automatically with proper escaping

Requirements

  • VS Code 1.74.0 or newer

Extension Settings

This extension doesn't have any custom settings yet.

Development

# Clone the repository
git clone <repository-url>
cd json-string-formatter

# Install dependencies
npm install

# Compile
npm run compile

# Package
vsce package

Release Notes

0.1.0

  • Initial release
  • Hover preview feature
  • Editor support for modifying JSON strings
  • Automatic synchronization on save

License

MIT


Enjoy!

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft