Markdown language settings

Use this page to configure Markdown support in WebStorm.

Default layout

Select the default layout for the Markdown file editor: show only the editor, only the preview pane, or both. You can change it using buttons in the top right corner of the editor.

Preview layout

Select how to split the editor and preview pane: vertically (side by side) or horizontally (preview below the editor).

Preview font size

Select the font size for the built-in style sheets in the HTML preview.

Sync scroll in the editor and preview

Synchronize the scroll position in the editor with the scroll position in the preview pane.

Inject languages in code fences

Inject the language specified for the code block to enable coding assistance. For more information, refer to Code blocks.

Show problems in code fences

Check code blocks for syntax errors according to the specified language.

Group documents with the same name, but different extensions (.md, .html, .docx, .pdf)

Show MD, HTML, DOCX, and PDF files with the same name as a group in the Project tool window.

Detect commands that can be run right from Markdown files

Show gutter icons for running commands in Markdown files.

For more information, refer to Run commands from Markdown files.

Markdown Extensions

Install and enable markdown extensions: Mermaid and PlantUML.