copy-as-markdown

Copy as Markdown

Browser extension to copy hyperlinks, images, and selected text as Markdown to your clipboard

Install

and other Chromium browsers

including Firefox Android

Features

The extension allows you to copy selected text on a page as Markdown with support for features including the following

• Ability to copy links, images, and selected text as Markdown.
• Linked images, will have options to individually select link or images.
• Formatted text such as italic, bold, strike-through, and inline code.
• Unordered and ordered lists, with task lists support.
• Tables, with respect to GFM.
• Fenced code blocks, with language detection using info strings.
• MathML to LaTeX conversion, using mathml-to-latex (delimited by $ and $$ for inline and block rendering respectively).

Permissions

The extension requires the following permission from you for working.

1. contextMenus: to show option when right-clicking.
2. activeTab: to be able to access content on page.

Known Issues

Security Considerations

Copying to clipboard might not work in some of the following scenarios:

• You are on an insecure page (URL starts with http:// instead of https://).
• You have not interacted with the page yet.

These are a result of the software design decisions made to protect the user from bad actors. The MDN article section "Security Considerations" lists what these limitations are and why they exist.

More info can be found on MDN about User Activation and Secure Contexts.

Copying Embedded Content

Web pages sometimes embed content from other page using an iframe. Due to security considerations around accessing and modifying clipboard (see section above), this extension doesn't work if you try to copy text from inside these frames.

Edge cases in Chromium Browsers

When copying links and images, Chrome doesn’t let you extract images alt text or anchors text content to be used in Markdown, instead the links themselves are used as link title. Firefox doesn’t have this limitation.

Credits

• Idea from this tweet by @nicolo-ribaudo.
• Publishing made possible by @yakov116.

Related

• browser-extension-template - Barebones boilerplate with webpack, options handler and auto-publishing.

License

MIT