Skip to main content

Auto Anchor

The command puts the information from the copied link into the “anchor tag”.

First, paste the highlighted code below into your settings.json :

settings.json
"multiCommand.commands": [
{
"command": "multiCommand.autoFrontmatter", // first command
...
},
{
"command": "multiCommand.autoAnchor", // our command
"label": "Anchor",
"description": "Auto Link",
"sequence": [
{
"command": "editor.action.insertSnippet",
"args": {
"snippet": "${CLIPBOARD/.*[\\/#]([\\w\\-_]+)\\/?[$\\.]?.*/$1/}"
}
},
"cursorLineStartSelect",
{
"command": "editor.action.insertSnippet",
"args": {
"snippet": "${TM_SELECTED_TEXT/([^-]+)(-*)/${1:/capitalize}${2:+ }/gi}"
}
},
"cursorLineStartSelect",
{
"command": "editor.action.insertSnippet",
"args": {
"snippet": "<a href='${CLIPBOARD/(.*)\\s(.*)/$1/}' class='external'>${CLIPBOARD/.*\\/\\/(www\\.)?([^\\/]+)?(\\/.*|)/$2/}: ${TM_SELECTED_TEXT}</a>"
}
},
]
}
]

Add a keyboard shortcut:

keybindings.json
   {
"key": "alt+g a",
"command": "extension.multiCommand.execute",
"args": { "command": "multiCommand.autoAnchor" }
},

Result

Copy any link and past it using Alt+G a. For example, if you copy this link:

https://code.visualstudio.com/api/get-started/your-first-extension

This macro will output the following:

code.visualstudio.com: Your First Extension

Test Page

I insert here URLs that failed to convert at first:

Test for auto anchor