A Visual Studio Code extension that provides functionality to convert Markdown to HTML and copy it to the clipboard.
Enter "Markdown Clip" in the VS Code marketplace.
Converts the entire Markdown text of a file to HTML and automatically copies it to the clipboard.
- Convert selected Markdown text to HTML
- If no range is selected, convert the entire Markdown file
- Automatically paste the converted HTML to the clipboard
| Command | Keyboard Shortcut | Icon |
|---|---|---|
| Convert to HTML and Copy to clipboard | CTRL + Shift + c |
"Markdown Clip" is a VS Code extension that converts Markdown to HTML and copies it to the clipboard.
- Open a Markdown file
- Select the range you want to convert (optional)
- Execute the command using any method
- HTML is copied to the clipboard
// Markdown Text
**Text**// HTML converted and pasted to clipboard
<strong>Text</strong>true: Disables automatically generated heading IDs (<h1 id='Title'>)false(Default): Keep heading IDs
// Markdown Text (with markdown-it-attrs applied)
# Test {#test}// If setting is true
<h1 id="test">Test</h1>
// If setting is false
<h1 id="test" id="Test-test">Test</h1>true: Disables automatically generated VSCode attributes (<h1 data-line="number", class="code-line", dir="auto">)false(Default): Keep VSCode attributes
// Markdown Text
# Test// If setting is true
<h1>Test</h1>
// If setting is false
<h1 data-line="0" class="code-line" dir="auto">Test</h1>Markdown-it-attrs: Enabletrue(Default): When custom attributes ({#id .class}format) are specified, apply them to the HTML tag.false: The plugin is disabled, and custom IDs ({#id}format) are no longer reflected.
// Markdown Text
# Test {.test}// If setting is true
<h1 class="test">Test</h1>
// If setting is false
<h1>Test {.test}</h1>Markdown-it-attrs: OptionsEdit in settings.json: You can edit the detailed settings for each plugin.
The following is the default setting:
{
"leftDelimiter": "{", // Opening delimiter
"rightDelimiter": "}", // Closing delimiter
"allowedAttributes": [] // Allowed attributes (No notation means all are allowed)
}The icon displayed in the VS Code extension is a combination of the following two images:
| Image | License | Author/Site |
|---|---|---|
| Free Markdown Icon | MIT License | Benjamin J sperry / IconScout |
| Clip Free Icon Material | icooon-mono License | icooon-mono |
In developing this project, we referenced the following open-source software. We would like to express our gratitude:
For additional licensing information, please see the NOTICE file.