Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/sakryukov/vscode-extensible-markdown

Visual Studio Code extension: converts Markdown files and saves them as HTML
https://github.com/sakryukov/vscode-extensible-markdown

conversion extensible extension markdown node-js visual-studio-code

Last synced: 24 days ago
JSON representation

Visual Studio Code extension: converts Markdown files and saves them as HTML

Awesome Lists containing this project

README

        

# Extensible Markdown

This package is the Visual Studio Code *extension* supporting [Markdown](https://en.wikipedia.org/wiki/Markdown). It saves Markdown as HTML and optionally provides extended Markdown syntax with the capabilities for additional user extensions.

The extension depends on the [node.js](https://nodejs.org) Markdown parser [“markdown-it”](https://www.npmjs.com/package/markdown-it) built in Visual Studio Code.

Since v. 2.0.0, the user can extend Markdown features by installing any [“markdown-it”](https://www.npmjs.com/package/markdown-it) plug-ins [abundantly available](https://www.npmjs.com/browse/keyword/markdown-it-plugin) in the [npm package registry](https://www.npmjs.com). All the packages can be configured from a single source: “settings.json”, [on the user or workspace level](https://code.visualstudio.com/docs/getstarted/settings).

## References

[Extensible Markdown On Visual Studio Marketplace](https://marketplace.visualstudio.com/items?itemName=sakryukov.extensible-markdown)

[Detailed Documentation](https://sakryukov.github.io/vscode-extensible-markdown/index.html)

[Original publication](https://www.codeproject.com/Articles/1194125/Article-Writing-Toolchain-with-VSCode)

## Features

* Conversion of an individual file or all Markdown files of the current Visual Studio Code workspace;
* A possibility of installation of [“markdown-it“ plug-ins](https://www.npmjs.com/package/markdown-it) in an arbitrary directory, without the need to install “markdown-it” itself;
* Optional user-configurable **auto-numbering** with a rich set of options;
* User-configurable Markup syntax coloring for plug-ins;
* Optional embedding of CSS in HTML;
* Optional Detection of the document title based on user-configurable Regular Expression;
* Preview in Visual Studio Code, in a full-size window or side by side, with styles fully matching the generated HTML file;
* Configuration of all processing details of the extension, [“markdown-it”](https://www.npmjs.com/package/markdown-it) and its plug-ins, from a single source.

## Usage

Open a Markdown file (.md) in Visual Studio Code and activate the editor's context menu, use the command **“Markdown: Convert to HTML”**, to convert this file. All files found in a currently opened workspace can be converted at once with the command **“Markdown: Convert to HTML all .md files in workspace”**. This command appears in the context menu of any editor, and also in the Explorer context menu.

Alternatively, open the Command Palette (`Ctrl+Shift+P`/`Cmd+Shift+P or `F1`) and search for these commands.

## Settings

The user can set up the extension of three levels: 1) general behavior of the commands, 2) detail of Markdown parsing and HTML production rules, and 3) plug-in options. The user can install additional plug-ins. If a plug-in has its own options, they are transparently passed from the user or workspace “settings.json” to the plug-in. See the [documentation](https://sakryukov.github.io/vscode-extensible-markdown/Extensible-Markdown.html) page for all the details.