引用文のソースを激しく簡単に精製するJavascript

普段、ブログを書くときによく使う引用。しかし、この引用も、いちいち<blockquote>タグで囲むのは少々面倒くさかったりします。

その作業を簡略化する方法は、Firefoxのプラグインだったり、ショートカットだったり、ツールだったり。探せばいくらでもでてきます。

そのたくさんある方法の中で、今日は自分が最も簡単にすばやくソースを精製する方法を紹介します。

他のウェブページから文を引用するときは、元文書のHTMLマークアップもなるべくそのままで引用しておきたいものです(と、いう前提で取り敢えずお願いします)。しかしいちいち引用元ページのソースを開いてコピー&ペーストし、更にリンクやらblockquoteやらを書いていくのは面倒なので、そのへんをまとめてやってくれるbookmarkletを作ってみました。

引用マークアップを生成 - 徒書

上記のサイト様に置いてあるJavascriptを、ブックマークバーにドラッグ&ドロップ。基本的にはこれだけで設定は完了です。はてなブックマークのショートカットをブラウザに設置した事のある方は分かりやすいですね。

で、登録したショートカットボタンを押すと、記事のタイトル、URL、、選択した引用文をhtmlソースとして吐き出してくれます。

ちなみにノーマルの状態で吐き出すソースはこんな感じです。

<p><a href=”http://essaysinidleness.net/” title=”徒然草:remix”><cite>徒然草:remix</cite></a>より引用:</p>
<blockquote cite=”http://essaysinidleness.net/” title=”徒然草:remix”>
</blockquote>

で、このままだと、自分の普段の引用する時のフォーマットと合わないので、少しソースをいじって、自分好みのソースを吐き出せるよう設定しました。こんな感じで吐き出しています。

<blockquote cite=”http://essaysinidleness.net/” title=”徒然草:remix”>
<p>選択した引用文</p>
<p style=”text-align: right;”><a href=http://essaysinidleness.net/ title=”徒然草:remix”><cite>徒然草:remix</cite></a></p>
</blockquote>

Firefoxのプラグインで、引用文を作るプラグインなどありますが、こちらはワンクリックでソースを自分好みに精製できるので、少し前からこちらを愛用しています。Javascriptなので動作も軽快ですので。

そんなこんなでブログで引用を多様したり簡略化したいと思っている方にオススメの方法でした(´λヽ)

※ちなみにFirefoxなどのMozilla系ブラウザのみ対応らしいです。Javascript使えるなら動くというエントリーをどこかで見かけた気がしますが……。