リンク作成が楽になるブックマークレット3種

リンク作成が楽になるブックマークレット3種

ブログ運営歴7年目のKiryuです。

ブログを書いたり宣伝したりしていると次のようなハイパーリンク作成用の文字列を入力する機会が頻繁にあります。

<a href="https://kiryusblog.com/">キリュログ</a>
<a href="https://kiryusblog.com/">https://kiryusblog.com/</a>
キリュログ
https://kiryusblog.com/

でも入力する必要があるたびにコピー&ペーストを繰り返して上記の文字列を作るのは面倒です。そこで開いているページのURLとタイトル文字列でリンク作成用の文字列を作成し、それをクリップボードにコピーするブックマークレットを作りました。

Chromeで動作確認済みです。よかったら使ってみてください。

スポンサーリンク

<a href="URL">タイトル</a> を作るブックマークレット

開いているページのURLとタイトル文字列で <a href="URL">タイトル</a> という形式のリンク作成用文字列を作るブックマークレットです。

javascript:(function(){
  e = document.createElement('textarea');
  e.textContent = '<a href="' + document.URL + '" target="_blank">' + document.title + '</a>';
  document.body.appendChild(e);
  e.select();
  document.execCommand('copy');
  e.remove();
})();

たとえば当ブログのトップページで上のブックマークレットを実行すると、こんな感じの文字列を作ってクリップボードにコピーします。

<a href="https://kiryusblog.com/" target="_blank">キリュログ</a>

<a href="URL">URL</a> を作るブックマークレット

開いているページのURLとタイトル文字列で <a href="URL">URL</a> という形式のリンク作成用文字列を作るブックマークレットです。

javascript:(function(){
  e = document.createElement('textarea');
  e.textContent = '<a href="' + document.URL + '" target="_blank">' + document.URL + '</a>';
  document.body.appendChild(e);
  e.select();
  document.execCommand('copy');
  e.remove();
})();

たとえば当ブログのトップページで上のブックマークレットを実行すると、こんな感じの文字列を作ってクリップボードにコピーします。

<a href="https://kiryusblog.com/" target="_blank">https://kiryusblog.com/</a>

こんなの要る?と思う人もいるかもしれませんが、Cocoonでブログカードを作成するときに使います。

タイトル+改行+URL を作るブックマークレット

開いているページのタイトルとURLをクリップボードにコピーするブックマークレットです。タイトルとURLは改行で区切ります。

javascript:(function(){
  e = document.createElement('textarea');
  e.textContent = document.title + '\r\n' + document.URL;
  document.body.appendChild(e);
  e.select();
  document.execCommand('copy');
  e.remove();
})();

(後述の参照記事において1行で書かれているコードをほぼそのまま使っています。ただし見やすくするために改行とインデントを追加しています。今のChromeなら複数行のまま登録しても動くので見やすいほうがいいかなと。また出力する文字列中の改行コードをCRLFに変更しています。)

たとえば当ブログのトップページで上のブックマークレットを実行すると、こんな感じの文字列を作ってクリップボードにコピーします。

キリュログ
https://kiryusblog.com/

Twitterで記事を紹介するときに使うことを意図しています。

まとめと謝辞

今回はリンク作成が楽になるブックマークレットを3つ紹介しました。

最後に謝辞です。3つのブックマークレットを作るにあたり、art2nd様の開いているWebページのタイトルとURLをクリップボードにコピーするブックマークレットに掲載されている次のコードをベースにさせていただきました。ありがとうございます。

開いているWebページのタイトルとURLをクリップボードにコピーするブックマークレット(+ダイアログ版) - 晴歩雨描
開いているWebページのタイトルとURLをクリップボードにコピーするブックマークレット。備忘録として。 最初参考にしたのは以下のページ。 【JavaScript】 タグを使ったこの方法だと、文字にフォントサイズの属性が付いた形でクリップボードにコピーされる。 var tmp = document.createEleme...

以上、参考になれば嬉しいです。

タイトルとURLをコピーしました