March 3, 2016

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:

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 )


Previous post
On Criticizing Without Creation I criticize by creation, not by finding fault. ― Cicero This one of my favorite quotes. I apply it to my everyday work life. Since I don’t have a
Next post
Links for Friday, March 4 Got to respect wanting to invest that in Skype though. Enjoyed Manton Reece’s post on The