#Markdown viewer code
Sublime Text is one of a very light-weight, feature heavy, extensible code editor. This is a personal passion project, so my time is limited.Īnother way to help out is to sponsor me on GitHub.Complete guide to setup Sublime Text 2 as a best MarkDown Editor. Pull requests are also very welcome, since I can't always get around to fixing all bugs myself.
Should you encounter bugs or if you have feature requests, head on over to the GitHub repo to open an issue if one doesn't already exist. If you enjoy using the extension, please give it a ★★★★★ rating on the Visual Studio Marketplace. Tools -> Options -> Text Editor -> Markdown Right-click anywhere in the markdown document to get easy access to common tasks, such as toggling the preview window scroll sync, see Markdown references, and getting to the settings dialog.Ĭontrol the settings for this extension under You can do that from the markdown editor context menu or by hitting Ctrl+Alt+R. You have to refresh the preview window after making changes to the custom CSS and HTML file.
The HTML template must contain the string which is where the rendered markdown will be injected. If one or both of these files are found, they are being applied in the preview. The extension will look for the files md-styles.css and md-template.html in the same folder and any parent folder. CSS and HTML templates used to render the preview window. The errors will also be listed in the Error List. Relative URLs are validated and will show a red squiggly when they can't be resolved. Shift+Tab decreases indentation of list items.Ĭtrl+K,C wraps the selection with HTML comments.Ĭtrl+K,U removes HTML comments surrounding the selection/caret. OutliningĪny fenced code and HTML blocks can be collapsed, so that this:Ĭtrl+B makes the selected text bold by wrapping it with **.Ĭtrl+I makes the selected text italic by wrapping it with _.Ĭtrl+Space checks and unchecks task list items. It will even parse the file name and make a friendly name to use for the alt text. This will prompt you for a file name relative to the document and then it inserts the appropriate markdown. Simply copy an image into the clipboard and paste it directly into the document. This is really helpful for copying images from a browser or for inserting screen shots. Select a heading to jump to that section of the document.ĭrag an image directly from Solution Explorer onto the document to insert the appropriate markdown that will render the image. The NavigationBar shows all of the document headings, like a table of contents.
#Markdown viewer full
You get full IntelliSense for over 1,600 emoji and smiley characters. This includes pipe tables, emoji, mathematics and a lot Syntax highlightingĪll fonts can be changed in Tools -> Options -> Environment -> Fonts and Colors dialog.Īdvanced markdown extensions are supported to give more features to the syntax. Live preview can be managed 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. 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. Support for custom CSS and HTML templates in preview window.Paste image from clipboard directly onto document.Jump between Markdown Headings from the NavigationBar.Mermaid and math notation rendering supported.CommonMark and GitHub flavored Markdown + FrontMatter YAML.Both vertical and horizontal layout supported.Live preview window with scroll sync and dark theme support.Syntax highlighting of code blocks (using Prism.js).Powered by Markdig - the best markdown parser.A few little-used features are not being ported to this new extension, so if you rely on them you should keep using the original. This is a complete rewrite of the original Markdown Editor with tons of fixes, tweeks, and performance improvements.
#Markdown viewer download
Download this extension from the Visual Studio MarketplaceĪ full featured Markdown editor with live preview and syntax highlighting.