Unformed Building

blockquote要素を整形するjQueryプラグイン「jQuery.prettyQuote.js」

公開:
更新:

パーマリンク

以前、「jQueryを使ってblockquoteのcite属性とtitle属性でリンクを生成して表示させようとしてみた」という記事を書きましたが、その中で書いたコードを改良してjQueryプラグイン化してみました。
結構色々できるようになったと思います。

今回、初めてのプラグインということで、頑張ってプラグインのページを作りました。
ダウンロードや使い方などもそちらにありますのでご覧ください。

jQuery.prettyQuote.js

プラグインのページにも書いてありますが、こんなことができます。

  • 引用元がWeb上か書籍かを自動判別し、リンクを生成。
  • 書籍の場合はAmazon.co.jpの商品ページへのリンクを生成。
  • cite属性のISBNはISBN-13でもISBN-10でもOK。
  • 生成されるHTMLをある程度まで指定可能。
  • blockquoteでもqでも使用可能。
  • AmazonへのリンクにはアフィリエイトIDを付与可能。

プラグインにしようと思ったのは、『W3G』の上田さんの「blockquote要素単体から引用元を視覚化する」という記事を読んで、Amazonへのリンクが出来るようにすると便利だとか、人によってマークアップが異なることなどがあるということに改めて気づき、引用文をもう少し使いやすくしたいと思ったからです。
上田さんの記事の中で、前述したこのブログの記事を取り上げていただいたのをきっかけに、プラグインとして作り直すことにしました。

それと、プラグインのページですが、HTML5で組んでみました。
初めてHTML5を使ったので見苦しい点も多いかもしれません。
この辺も要勉強ですね。

あんまりスマートなプラグインじゃないですが、よかったら使ってみてください。

チェンジログ

2010年9月28日
処理を開始する前に対象要素がblockquoteもしくはqかチェックし、それ以外の場合には処理を行わないように変更。
2010年9月28日
Wikipediaなどの日本語URLがアンカーテキストの場合に長くなりすぎるのとの指摘を受けて、テキストだけデコードして表示するように変更。
@GeckoTangさん、ありがとうございました。