Markdownのurl記法を生成するブックマークレットを作った

概要

ブックマークレットを作る練習にいい題材がないかなと考えていたところ、Markdownでurlを書く時に自分でタイトルをつけるのがめんどくさかったので、ワンクリックで完了するようなブックマークレットを作ってみました。

作成したコード

javascript: (function(){
  var title = document.title;
  var url = location.href;
  var md = '[' + title + '](' + url + ')'

  var temp = document.createElement('div');

  temp.appendChild(document.createElement('pre')).textContent = md;

  var s = temp.style;
  s.position = 'fixed';
  s.left = '-100%';

  document.body.appendChild(temp);
  document.getSelection().selectAllChildren(temp);

  var result = document.execCommand('copy');

  document.body.removeChild(temp);
})();

このコードをJS Minifier (JavaScriptの圧縮)で圧縮しました。

javascript:(function(){var f=document.title;var c=location.href;var e="["+f+"]("+c+")";var b=document.createElement("div");b.appendChild(document.createElement("pre")).textContent=e;var d=b.style;d.position="fixed";d.left="-100%";document.body.appendChild(b);document.getSelection().selectAllChildren(b);var a=document.execCommand("copy");document.body.removeChild(b)})();

このコードをコピペしてブックマークバーに追加すればOK。

感想

作った後にググったら似たような記事をいくつか見つけたので、時間の無駄だった感がすごいです。

参考記事

JavaScriptでクリップボードに文字をコピーする(ブラウザ) - Qiita