今、開いているホームページのタイトルと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番目のブックマークレットを使って生成。