Zenn
💭

Markdownメモに便利なブックマークレット

2020/09/28に公開
JavaScript
bookmarklet
効率化
ブラウザ
idea

Chrome等で閲覧しているサイトのURLや、画像をMarkdownメモに簡単に貼り付けられるようにする。
（マークダウン形式でコピペするボタンを作成）

利用方法

  1. ブックマークバーに適当に何か作成
  2. 上記を右クリックし、「編集」>「ブックマークを編集」にてURL欄に下記を張り付けし、名前も適当に付ける
  3. ページを閲覧時に、押下

URL：![ページタイトル](ページURL) 

javascript:(function(){const e=document.createElement('input');e.value=`[${document.title}](${location.href})`;document.querySelector('body').append(e);e.select();document.execCommand('copy');e.remove();})();

画像：![](画像のURL) 

javascript:(function(){const e=document.createElement('input');e.value=`![](${document.querySelector('meta[property="og:image"]').content})`;document.querySelector('body').append(e);e.select();document.execCommand('copy');e.remove();})();

※og:image取得のため、上手くいかない場合があります

Discussion