

Drag 'n drop imagesĭrag an image directly from Solution Explorer onto the document to insert the appropriate markdown that will render the image. The name of the custom stylesheet can be changed in the settings. To generate a custom stylesheet, simply right-click inside the markdown editor document and select Add Custom Stylesheet. If it still isn't found it will use the built in stylesheet. If no md-styles.css file is found it will look for it in %userprofile%. It will look for a file called md-styles.css in the same directory as the currently opened markdown file or any parent directory. The preview window supports loading of custom stylesheets. The syntax highlighter is powered by Prism Custom stylesheets

Live preview can be disabled in the settings. As the document is scrolled up and down, the preview window will follow. The preview window is automatically scrolled to match the scroll position of the document. Here's an example of JavaScript code rendered. The preview window opens up on the right side of the document when it opens.Įvery time the markdown document is modified, the preview window will update.Īny code blocks receives full syntax highlighting in the preview window. This includes pipe tables, emoji, mathematics and a lot more.

