microblog About

Markdown Textshot Bookmarklet

I love using Linky for Twitter textshots1, however, it is only available for iOS and sometimes I read an interesting article on my Mac. On such cases I either take a screenshot of the browser or actually open the article on the iPhone to just to use Linky:

How Snapchat Built a Business By Confusing Olds https://t.co/7iDC9lnGoQ

The snappy chat is my generational gap app pic.twitter.com/auD1y9l4GS

— Roberto Mateu (@rmateu) March 3, 2016

Of course, the OCD in me struggles with the lack of consistency around both. Hence this quick and hackie 2 bookmarklet that lets me copy the text in Markdown format so I can grab the screenshot of the preview for the textshot.

ScreenShot of Mou PreviewScreenShot of Mou Preview

I tried to replicate as much as possible the Linky/Instapaper/Medium textshot, so the domain removes the www and gets capitalized. I haven’t tested in enough sites to see if it breaks — buy you can’t get too obsessive, right? RIGHT?.

How to use

  1. Drag and drop the Bookmarklet to your browser bar: <a href=javascript:void%20function(){(function(){var%20o=(location.origin+location.pathname,document.title),t=location.host,t=t.replace(/^www./,%22%22),t=t.charAt(0).toUpperCase()+t.substr(1),n=window.getSelection().toString(),i=%22%3E%22+n+%22*%22+o+%22**%20%20%22+t;window.prompt(%22Copy%20to%20clipboard:%20⌘+C%20or%20Ctrl+C%20then%20Enter%22,i)})()}();“”>✁ M⬇ Textshot
  2. Select the article text you want to quote.
  3. Copy text in prompt.
  4. Paste in your Markdown Editor of choice3.
  5. Take screenshot of preview.

  1. While Twitter comes up with an official way to do it.

  2. This is basically a remix of this github. All credit to ze and chriszarate great bookmarkleter.

  3. I collect Markdown editors like some people collect paperclips, but for free options I recommend: Mou, MacDown, Typora (Mac and Windows )

Posted on March 3, 2016

← Next post    ·    Previous post →