Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

WebStorm Markdown Preview?

Is there any way to edit and preview markdown files using WebStorm?

This plugin is only for markdown language support, but I am looking for a plugin or tool which can let me edit the markdown in WebStorm and then preview in browser.

like image 917
Nexus23 Avatar asked Apr 02 '15 10:04

Nexus23


People also ask

How do I Preview Markdown in IntelliJ?

Press Ctrl+Alt+S to open the IDE settings and select Languages & Frameworks | Markdown. Enable either Mermaid or PlantUML under Markdown Extensions. After IntelliJ IDEA downloads the relevant extensions, click OK to apply the changes.

How do I view Markdown output?

Markdown preview#md extension and then you can toggle the visualization of the editor between the code and the preview of the Markdown file; obviously, you can also open an existing Markdown file and start working with it. To switch between views, press Ctrl+Shift+V in the editor.

How do I Preview Markdown in Pycharm?

Go to File -> Settings -> Languages & Frameworks -> Markdown. Install either of these plugins. In order to see a file preview move a mouse to the upper right corner and select this option.


2 Answers

The Markdown Plugin you mentioned includes a Markdown preview tab (on the bottom), which looks like this:

enter image description here

If you really want to preview your file in a browser, you could install a Markdown -> HTML converter and run it from within Webstorm using External Tools.

like image 132
Darek Kay Avatar answered Sep 18 '22 08:09

Darek Kay


Jet Brains has their own markdown plugin. I'd suggest using it. I just switched from "Markdown Navigator", because it crashed a few times from using it heavily.

Jet Brain's Markdown Plugin

like image 20
Timothy Gonzalez Avatar answered Sep 17 '22 08:09

Timothy Gonzalez