ブログ運営歴7年目の杉山貴隆です。
ブログを書いたり宣伝したりしていると次のようなハイパーリンク作成用の文字列を入力する機会が頻繁にあります。
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="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();
})();
たとえば当ブログのトップページで上のブックマークレットを実行すると、こんな感じの文字列を作ってクリップボードにコピーします。
こんなの要る？と思う人もいるかもしれませんが、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をクリップボードにコピーするブックマークレットに掲載されている次のコードをベースにさせていただきました。ありがとうございます。
以上、参考になれば嬉しいです。
