Skip to content

matthewhchan/linkify

Repository files navigation

Linkify

This plugin converts text into links based on regular expressions. The regular expressions and link destinations are configurable on the Options page for the plugin.

For example, you could make social media handles link to the profile page so that @obsdmd becomes a link to http://twitter.com/obsdmd:

Screenshot 2023-09-29 at 2 59 08 PM

Or you could make a shortcut for GitHub repos so that gh:obsidianmd/obsidian-releases becomes a link to http://github.com/obsidianmd/obsidian-releases:

Screenshot 2023-09-29 at 3 02 23 PM

The text you want to match and the URL you want it to link to are configured on the Options page for the plugin.

Note: The underlying text is not modified. This plugin only changes the appearance and functionality of your notes. It makes no changes to your .md files.

Usage

Add a Link Pattern

To add a link pattern:

  • Go to the Options page for Linkify.
  • Click on the Add New Link button.
  • In the first text box, enter a regular expression.
  • In the second text box, write the URL you want the text to link to.1
  • (Optional) Enter a CSS class in the third text box that will also be applied to any matching text.
  • Close the Options page.

Here's what the Linkify Options page looks like:

Linkify Options

Now, any text that matches a regular expression will be highlighted as though it were a link in Live Preview mode, and clicking on the text will open the link in a browser.

For example, if the regular expression is @(\w+) and the link pattern is http://twitter.com/$1, then any occurrence of @obsdmd in your notes will link to http://twitter.com/obsdmd, @github will link to http://twitter.com/github, etc.

Links to Obsidian notes, e.g. [[Journal/$1]], are also supported.

You can have multiple regex-link entries. Each one is applied independently.

Custom Styling For a Link Pattern

By default, links will have the linkified CSS class applied to them. You can add additional classes based on the pattern by adding them to the "CSS Class" field.

Delete a Link Pattern

You can delete an entry by clicking on the trash can icon to the right of the entry.

Default Link Patterns

By default, the plugin starts with three example entries:

  1. Text matching g:([a-zA-Z0-9.-]*) will link to http://google.com/search?q=$1.
  2. Text matching gh:([a-zA-Z0-9.-/]*)will link to http://github.com/$1.
  3. Text matching @([a-zA-Z0-9]*) will link to http://twitter.com/$1.

Footnotes

  1. The URL is allowed to include replacement patterns as described in String.prototype.replace.