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