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

ブログ運営歴7年目の杉山貴隆です。

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

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

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

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

でも入力する必要があるたびにコピー＆ペーストを繰り返して上記の文字列を作るのは面倒です。そこでハイパーリンク作成用の文字列を生成しクリップボードにコピーするブックマークレットを作りました。

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で記事を紹介するときに使うことを意図しています。