Skip to content
/ linkmd Public

Browser extension to create a markdown link with quoted text

License

Notifications You must be signed in to change notification settings

jadeohl/linkmd

Repository files navigation

Link-Md

Browser extension to create a markdown link of the current page with optional quote from selected text.

I built this browser extension for my own use of Logseq and Obsidian, note keeping applications that use Markdown. This extension gives me a markdown link of the current tab with selected text included.

Features

  • Tested with Chrome, Edge, Brave, Opera, and Vivaldi. Should work in any modern Chromium browser.
  • Tested with Firefox.
  • Click the button or use the hotkey (default Alt + Shift + C) to copy the markdown to the clipboard. Paste the result into your destination.
  • Selected text is put in italics followed by a link to the page. If no text is selected then just the link is created.
  • Uses minimal code and permissions with no background process. Activating the extension inserts a 1 line function into the active tab to get any selected text.
  • No 3rd party code is included in the plugin itself, referenced packages are only for testing and building.
  • No data is collected and no calls are made to any websites.

Install

From Web Store

Chrome Web Store

Firefox Browser Add-On

As Developer With Release

  1. Download the latest release .zip for your browser family (Chrome includes Edge, or Mozilla includes Firefox) and expand it.
  2. Follow the steps for manually loading extensions in your browser. Here they are for Chrome and Firefox. You should be able to search the steps for any browser or to get the following steps with screenshots:
  • Chrome
    • Go to "Manage Extensions"
    • Enable "Developer mode"
    • Click "Load upacked" and select the expanded folder
  • Firefox
    • Open the about:debugging page
    • Cick "This Firefox"
    • Click "Load Temporary Add-on"
    • Select any file in the expanded folder

Build Your Own

  1. Clone this repo.
  2. Install NPM packages.
  3. Run jasmine to execute the unit tests
  4. Run npx then webpack to build
  5. A dist folder will be created with a subfolder for each browser.
  6. Follow the As Developer With Release instructions above using this dist folder.

Future

Graphics

  • Icon is based on one by Cady Weibo.
  • Colors are #012a1c #67c7be