adbird(広告鳥) 備忘録

便利なリンク生成ブックマークレット

今、開いているホームページのタイトルとURL、範囲選択したテキストなどをクリップボードに保存して、リンクを生成してくれるブックマークレット

1. ページのタイトル+URL

ページのタイトルとURLをクリップボードに保存。Twitterの投稿などに便利。

javascript:!function(){var e=document.createElement("textarea"),t=document.title,c=document.URL;e.textContent=t+"\n"+c,document.querySelector("body").append(e),e.select(),document.execCommand("copy"),e.remove()}();

これを使うと、

テント紹介 ワイルドカントリーのヘルム2 - adbird(広告鳥) 備忘録
https://adbird.hatenablog.com/entry/2020/09/16/231730

こんな感じでリンクをクリップボードに保存してくれる。

2. 範囲選択したテキスト+ページのタイトル+URL

範囲選択したテキストを「」の中に入れて、そのページのタイトルとURLとともにクリップボードに保存。ニュース記事などを引用してTwitterに投稿するのに超便利。

javascript:!function(){var e=document.createElement("textarea"),t=document.title,c=document.URL;STR="";var SEL=window.getSelection();if(SEL!=""){STR=SEL.toString();}else{var form_focused_elm= document.activeElement;if( !!form_focused_elm.value ){STR = form_focused_elm.value.substring( form_focused_elm.selectionStart, form_focused_elm.selectionEnd );}}e.textContent="「"+STR+"」"+"\n"+t+"\n"+c,document.querySelector("body").append(e),e.select(),document.execCommand("copy"),e.remove()}();

ページ上でテキストを範囲選択した状態で、このブックマークレットをクリックすれば、

「先日のキャンプで新しいテント・ワイルドカントリーのヘルム2 (2019年購入時価格:税込24,840円)を初投入したので、その感想。」
テント紹介 ワイルドカントリーのヘルム2 - adbird(広告鳥) 備忘録
https://adbird.hatenablog.com/entry/2020/09/16/231730

こんな感じでクリップボードに保存される。

3. ページのタイトル+URL をマークダウン形式で

ページのタイトル+URL をマークダウン形式でクリップボードに保存。

javascript:!function(){var e=document.createElement("textarea"),t=document.title.replace(/\[/g,"\\[").replace(/]/g,"\\]").replace(/\|/g,"\\|"),c=document.URL.replace(/\(/g,"%2528").replace(/\)/g,"%2529");e.textContent="["+t+"]("+c+")",document.querySelector("body").append(e),e.select(),document.execCommand("copy"),e.remove()}();

このブックマークレットを使うと、

[テント紹介 ワイルドカントリーのヘルム2 - adbird(広告鳥) 備忘録](https://adbird.hatenablog.com/entry/2020/09/16/231730)

こんな感じでクリップボードに保存される。

4. 選択したテキストでhtml用リンク

javascript:!function(){var e=document.createElement("textarea"),t=document.title,c=document.URL;STR="";var SEL=window.getSelection();if(SEL!=""){STR=SEL.toString();}else{var form_focused_elm= document.activeElement;if( !!form_focused_elm.value ){STR = form_focused_elm.value.substring( form_focused_elm.selectionStart, form_focused_elm.selectionEnd );}}e.textContent="<a href=\""+c+"\">"+STR+"</a>",document.querySelector("body").append(e),e.select(),document.execCommand("copy"),e.remove()}();

このブックマークレットを使うと、

<a href="https://adbird.hatenablog.com/entry/2020/09/16/231730">先日のキャンプで新しいテント・ワイルドカントリーのヘルム2 (2019年購入時価格:税込24,840円)を初投入したので、その感想。</a>

こんな感じでクリップボードに保存される。

5.選択したテキストでコトバンク検索

https://kotobank.jp/gs/?q=のところを適宜変えるとコトバンク以外でもいけるはず。

javascript:(function(){x=document;y=window;if(x.selection){query=x.selection.createRange().text;}else if(y.getSelection){query=y.getSelection();}else if(x.getSelection){query=x.getSelection();};location.href='https://kotobank.jp/gs/?q='+encodeURIComponent(query)+'';})();

上記のは現在のタブで開いてしまうので、下記の新しいタブで開くのがいい。

javascript:(function(){x=document;y=window;if(x.selection){query=x.selection.createRange().text;}else if(y.getSelection){query=y.getSelection();}else if(x.getSelection){query=x.getSelection();};window.open('https://kotobank.jp/gs/?q='+encodeURIComponent(query)+'');})();

ブックマークレットの登録

適当なページ(このページでもいい)をブラウザにブックマークして、そのブックマークを編集。

  • ブックマーク名 : 自分で分かりやすいように任意で。「テキストリンク生成」「引用テキストリンク生成」「マークダウンリンク生成」とか。
  • ブックマークの保存先 : 保存先も任意で。すぐに使えるようにブラウザ上部のブックマークバーがオススメ。
  • ブックマークのアドレス(URL) : 上記のブックマークレットのいずれか1つをコピペして入れる。セキュリティの関係か、Vivaldiブラウザだとコピペではブックマークレットの冒頭の「javascript:」が消えてしまう仕様に変わったらしいので、コピペ後、手動で冒頭に「javascript:」を入力すること。

これでブックマークレットの登録完了。

同じ要領で残り2つのブックマークレットも登録する。

ブックマークレットを使う

リンクを作りたいページを開いて、上記で登録したブックマークレットをクリックするだけ。ポップアップなどは特に出てこないが、クリップボードにリンク等が保存されているので、好きな場所(Vivaldiブラウザのウェブパネルに登録したtwicliの投稿欄とか)に貼り付ける。

参照

↓この参照のリンクも3番目のブックマークレットを使って生成。