Bilingual Markdown Preview

A Visual Studio Code extension that displays Markdown files with side-by-side translations.

Features

• Progressive loading - Instant preview with skeleton UI, translations load token-by-token
• View Markdown files with bilingual preview (original and translated side-by-side)
• Automatic translation using Google Translate API
• Configurable source and target languages
• Real-time preview updates with debouncing
• Smart caching to minimize API calls

Screenshots

Installation

Cmd+Shift+X or Ctrl+Shift+X → Search "Bilingual Markdown Preview" → Click Install

Usage

1. Open a Markdown file in VS Code
2. Click the preview icon in the editor title bar, or
3. Use command palette (Cmd+Shift+P or Ctrl+Shift+P) and search for "Bilingual Markdown Preview: Open Preview"

The preview panel will appear beside your editor showing both the original text and its translation.

Configuration

{
  "bilingualMarkdownPreview.targetLanguage": "ko",
  "bilingualMarkdownPreview.sourceLanguage": ""
}

Settings

• bilingualMarkdownPreview.targetLanguage: Target language code (default: "ko"). See Google Translate supported languages

• bilingualMarkdownPreview.sourceLanguage: Source language code (optional, leave empty for auto-detect). See Google Translate supported languages

Known Limitations

• Code blocks are not translated (by design)
• Translation quality depends on Google Translate API

License

MIT

Third Party Licenses

Lucide Icons (languages)

• Icon
• License

Privacy

This extension uses the free Google Translate API for translations. Text content from your Markdown files is sent to Google's servers for translation. No data is stored or logged by this extension beyond local caching.