WebStorm 2023.3 Help

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).

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.

Custom CSS

Customize the style sheets used for rendering HTML in the preview pane. For more information, refer to Custom CSS.

Load from

Specify the location of a custom CSS file.

CSS rules

Enter specific CSS rules that you want to override.

Pandoc Settings

Configure the settings related to converting files to and from Markdown and other formats. For more information, refer to Convert Markdown files

Path to Pandoc executable

Specify the location of the Pandoc executable.

Save images from Microsoft Word to

Specify the location where you want to save images imported from DOC files.

Last modified: 20 February 2024