Markdown Editor Colorful

Markdown

English | 简体中文 | 繁體中文

A powerful and versatile markdown viewer that uses a WYSIWYG editor and supports viewing Word, Excel files, etc.

This extension changes the default markdown editor to the vditor.

Note 1

If your Markdown editor does not have colorful themes such as Solarized_colorful, add the following configuration to the settings.json file in VS Code.

{
  "workbench.editorAssociations": {
    "*.md": "fanrenyi.markdownViewer",
    "*.markdown": "fanrenyi.markdownViewer"
  }
}

Note 2

If you want to use the original vscode editor, insert this in your settings.json.

{
  "workbench.editorAssociations": {
    "*.md": "default",
    "*.markdown": "default"
  }
}

Note 3

Right-click in the editor to export Markdown as PDF, DOCX or HTML. PDF export relies on Chromium, and you can configure the Chromium browser path via vscode-office.chromiumPath.

Note 4

Only when the editor uses the colorful theme will the exported PDF be in color.

When the editor uses a colored theme, the exported HTML and PDF will be in color.

When the editor uses a non-colored theme, the exported HTML and PDF will be non-colored.

Shortcuts

Shortcuts: Base on Vditor shortcuts and more:

• Move list up: Ctrl Alt I / ⌘ ^ I
• Move list down: Ctrl Alt J / ⌘ ^ J
• Edit in VS Code: Ctrl Alt E / ⌘ ^ E

Summary

Headings Ctrl H / ⌘ H

Tips:

• Resize editor via ctrl/cmd+mouse scroll.
• Hyperlinks can be opened by ctrl/meta+click or double-click.

Introduction

This extension supports previewing these common office file formats in VS Code.

• Markdown: .md
• Excel: .xls, .xlsx, .csv
• Word: .docx
• Svg: .svg
• Pdf: .pdf
• Font: .ttf, .otf, .woff, .woff2
• HttpRequest: .http
• Windows Reg: .reg
• Compressed file: .zip, .jar, .vsix, .rar

HTML

The html editor supports live viewing. Press ctrl+shift+v to open the live view.

Credits

• Vscode Office: vscode-office
• PDF rendering: mozilla/pdf.js/
• Docx rendering: VolodymyrBaydalka/docxjs
• XLSX rendering:
  • SheetJS/sheetjs: XLSX parsing
  • myliang/x-spreadsheet: XLSX rendering
• HTTP: Rest Client
• Markdown: Vanessa219/vditor
• Material Icon theme: PKief/vscode-material-icon-theme