いなた屋.Log

引用ブックマークレット Ver.1

引用スタイルを決めたので、その続きとして引用が簡単にできるブックマークレットを設置する。空想デザインさんのブックマークレットを使わせてもらいます。

• ブログの引用文を簡単に作成できるブックマークレット作りました - 空想デザイン ～ 空想を膨らませて未来を創造

シンプルなところがオレの好み。説明も丁寧だからありがたいね。

前回決めた書式に合わせて修正する。書式をもう一度載せようか。こういう感じです。

<blockquote cite="引用元URL" title="引用元タイトル">
<p>引用する文章</p>
</blockquote>
<p><cite>Source: <a href="引用元URL" target="_blank">引用元タイトル</a></cite></p>

具体的に変更したのは以下の３点。文字列の修正だから超簡単だけど。

• 変数 b の値を ‘引用元：’ から ‘Source: ‘ に変更
• <p><cite>…</cite></p> を <blockquote>… </blockquote> の外に出した
• <blockquote> の後、</blockquote> の前後に改行（’\n’） を挿入した

スクリプトはこんなふうになった。表示の関係で適当に改行してるけど、実際は1行で書いてる。

javascript:(function(){
var a='引用文を選択してください',
b='Source: ',
c='コピーしてブログに貼りつけてください',
d=document,
s=d.createElement('script'),
w=window,
u=location.href,
t=d.title,
v=(d.all)?d.selection.createRange().text:(w.getSelection()+'');
s.charset='UTF-8';
if(!v){
alert(a);
}else{
var q='<blockquote cite="'+u+'" title="'+t+'">\n'+
'<p>'+v.replace(/\n/g,"<br/>")+'</p>'+
'\n</blockquote>\n'+
'<p><cite>'+b+'<a href="'+u+'" target="_blank">'+t+'</a></cite></p>';
s.src=w.prompt(c,q);
}
document.body.appendChild(s)
})();

オレのメイン環境である Linux Mint 13 + Chromium では問題ない。Firefox だと改行がうまくいかなかった。最近は使わないからいいんだけど。でも、ちょっと悔しい。

もう少し改造したいので、今回のを Ver.1、次回は Ver.2 としよう。