Happy-Go-Lucky: Webページを HTML のまま引用するブックマークレット

quote / jetalone

Web ページを引用する際に元のページの HTML をそのまま引用したい派の @toshiya240 です。

ということで、ブックマークレットなどを作りました。

引用したい部分を選択してブックマークレットを実行すると以下のように引用することができます。

物書堂さんから「コウビルド英英辞典（米語版）」「コウビルド英英和辞典（米語版）」がリリースされました。検索ハブのカスタムエンジンに追加するためのリンクを用意しましたので、検索ハブの正式対応版がリリースされるまでこちらをご利用下さい。

カスタムエンジン登録用リンク

コウビルド英英辞典（米語版）
http://tinyurl.com/82vhsxb

コウビルド英英和辞典（米語版）
http://tinyurl.com/7rzvz6m

via 【検索ハブ】「コウビルド英英辞典（米語版）」「コウビルド英英和辞典（米語版）」登録用リンク ? Unit Kay's Blog

元の HTML の内容によっては(リンクが相対パスになっている場合など)うまく表示されない場合がありますが、だいたいはうまくいきます。

ブックマークレット

以下のリンクをブックマークとして保存すると使えます。

MobileSafari では動かないと思います。

引用(via形式)

Chrome Keyconfig で使う

URL に以下を登録します。キーボードショートカットはお好みでどうぞ。

javascript:void(function(){var ele = document.createElement('textarea');ele.style.width = '100%25';var htmlText = '';if (document.selection) {var c = document.selection.createRange();htmlText = c.htmlText;} else {var nNd = document.createElement("div");var sel = getSelection();if (sel == null || sel == '') {htmlText = '';} else {var w = getSelection().getRangeAt(0).cloneContents();nNd.appendChild(w);htmlText = nNd.innerHTML;}}ele.value = '<blockquote>\n'+ '<div>\n' + htmlText + '\n</div>\n'+ '<cite class="via">via <a href="' + location.href + '" target="_blank">' + document.title + '</a></cite>\n'+ '</blockquote>\n';document.body.insertBefore(ele, document.body.firstChild);ele.focus();ele.select();ele.ondblclick = function () {ele.parentNode.removeChild(ele);};ele.oncopy = function () {setTimeout(function () {ele.parentNode.removeChild(ele);}, 1);return true;}})()

Chrome Keyconfig については以下のエントリが参考になります。

ブログ執筆を効率化！各種ブックマークレットを登録できるChromeエクステンション『Chrome Keyconfig』を使いこなそう | NANOKAMO BLOG
どうも@kuroji1987です。ショートカットーキーでChromeを便利にする拡張機能『Chrome Keyconfig』。今回は、僕がその『Chrome Keyconfig』に設定しているブックマークレットやショートカットを全てご紹介したいと思います。ブログの執筆スピードを加速させましょう！ ...