jQuery.prettyQuote.js

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

ここで使われる対象要素とは、スクリプトを適用する要素のことで blockquote 要素、もしくは q 要素となります。

newWin

生成されたリンクを新しいウィンドウで開くかどうか。
true か false で指定。デフォルトは true です。

container

対象要素と追加される要素を格納する要素です。サブオプションは以下のようになっています。

tag

使用する要素。デフォルトは 'div' です。
空にするとプラグインは無効になりますので注意してください。

className

使用する要素に適用するクラス名。デフォルトは 'prettyQuote' です。

quoteWrap

必要な場合に対象要素のみを囲む要素を指定できます。サブオプションは以下のようになっています。

wrap

囲むかどうか。true か false で指定します。デフォルトは false です。

tag

wrap: true の場合に有効。何の要素で囲むかを指定します。デフォルトは 'div' です。

className

wrap: true の場合に有効。囲む要素に適用するクラス名。デフォルトは 'body' です。

header

対象要素の前に追加する要素。title 属性の値を表示します。title 属性がない場合は追加されません。

display

ヘッダーを表示するかどうか。true か false で指定します。デフォルトは true です。

tag

display: true の場合に有効。どの要素を使うかを指定します。'' のように空を指定すると、要素でマークアップされていないテキストが表示されます。
デフォルトは 'div' です。

className

display: true の場合に有効。使用する要素に適用するクラス名。デフォルトは 'header' です。

footer

対象要素の後に追加する要素。
title 属性の値、または URI を表示し、cite 属性がある場合にはリンクを生成します。

display

フッターを表示するかどうか。true か false で指定します。デフォルトは true です。

tag

display: true の場合に有効。どの要素を使うかを指定します。
'' のように空を指定すると、<cite><a href="URI">アンカーテキスト</a></cite> のみが出力されます。リンクがない場合はアンカーテキストがそのまま表示されます。
デフォルトは 'div' です。

className

display: true の場合に有効。使用する要素に適用するクラス名。デフォルトは 'footer' です。

text

アンカーテキストに使用するテキスト。'title' または 'uri' で指定します。デフォルトは 'uri' です。

tooltip

生成するリンクのタイトル属性に入れたいテキスト (例：'引用元へ')。
'title' を指定すると、title 属性の値を使用できます。デフォルトは空です。

amazonId

Amazon へのリンクに使用する Amazon トラッキングコード (例：'xxx-22')。デフォルトは空です。

各オプションは省略可能ですが、サブオプションに何か指定する場合、サブオプションは省略できません。
以下の例はフッターのテキストだけ変更する場合です。
(赤いテキストが変更箇所)

$(function() {
    $(selector).prettyQuote({
        footer: { display: true, tag: 'div', className: 'footer', text: 'title' }
    });
});

q 要素に適用する場合など、以下のように指定すると使いやすいかもしれません。

$(function() {
    $('q').prettyQuote({
        container: { tag: 'span', className: 'prettyQuote'},
        header: { display: false, tag: 'div', className: 'header' },
        footer: { display: true, tag: 'span', className: 'cite', text: 'uri' }
    });
});