FC2ブログ
  1. Top » 
  2. スポンサー広告 » 
  3. ブックマークレットって便利だ
  4. (X)HTML・CSS » 
  5. ブックマークレット » 
  6. ブックマークレットって便利だ
タグ自重しない。

スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
  • Genre:

ブックマークレットって便利だ

 ブログの記事は、普段 TeraPadToClip Hyper で書いてますが、引用リンクだけは引数が多いので、ToClipHyper では一発で書き出せません。
 なので、KOSEKI Kengo さんの「選択範囲でページにリンク」というブックマークレットをカスタマイズし、引用リンク+ HTML タグスタイルシートを一発でクリップボードにコピーできるようにして使ってます。

 どんだけズボラやねん。でも楽チンだー。
※IE 専用。



使用例


 カスタマイズ元のサイトを引用してみます。
↓こんな感じになります。
選択範囲でページにリンク
Sat Jun 14 05:57:08 2003
表示中のページにリンクするタグを出力します。表示中のページで選択している範囲が、リンクのラベルに使用されます。
IE専用です。
from
Bookmarklets - ブックマークレット

 引用文の後に線を引き、小さく右寄せで引用元リンクを挿入します。
※改行も同時に変換できるようにしたいけど、FC2 ブログで自動改行の設定にしていれば不要なので未着手。

ソース


緑字シングルクォート')、赤字ダブルクォート")。に好みのスタイルシートを挿入することができる。


選択範囲を引用(ブロック)
javascript:(
  function(){
    function o(s){
      window.clipboardData.setData('text',s)
    }
    var tagBlockQuote='<blockquote style="" cite="'
            + document.location
            + '">'
            + document.selection.createRange().text
            + '<br /><cite style="display:block;text-align:right;font-size:x-small;">from <a href="'
            + document.location
            + '" target="_blank">'
            + document.title
            + '</a></cite></blockquote>';
    o(tagBlockQuote);
  }
)
();

上記使用例でのスタイルシート部
font-size: 0.8em;
margin: 1em 3em;
padding: 0.5em 1.5em;
border-width: 0 0 0 1.5em;
border-color: #ccccff;
border-style: solid;
background: #fafaff;
color: #404080;

 ソースが長すぎるせいか、引用符を使いすぎてるせいか、ブックマークレット用のハイパーリンクを書き出せない。ワロス。
参考:ブックマークのプロパティで見た URL
javascript:(function(){function%20o(s){window.clipboardData.setData('text',s)}var%20tagBQ='<blockquote%20style="font-size:0.8em;margin:1em%203em;padding:0.5em%201.5em;border-width:0%200%200%201.5em;border-color:#ccccff;border-style:solid;background:#fafaff;color:#404080;"%20cite="'+document.location+'">'+document.selection.createRange().text+'<hr%20size="1"%20/><cite%20style="display:block;text-align:right;font-size:0.8em;">from%20<a%20href="'+document.location+'"%20target="_blank">'+document.title+'</a></cite></blockquote>';o(tagBQ);})();

Comment

コメントフォーム
このエントリへコメントを書く
(任意)
(任意)
(任意)
(必須) HTMLタグは使用できません
(任意) ID生成と編集に使用します
(任意) 非公開コメントにする

Page Top

Trackback

Trackback URI
http://19golb.blog91.fc2.com/tb.php/103-99d391fa この記事にトラックバックする(FC2ブログユーザーのみ)

Page Top

お品書き
DTM (0)
月別アーカイブ
10  05  04  02  01  11  09  06  05  01  12  11  09  08  07  06  05  04  03  02  01  12  11  10  09  08  07  06  05  04  03  01  12  11  10  09  08  07  06  05 
リンク

このブログは、リンクフリーです。
バナー画像です。
直リン・持帰りどちらでもOK
このブログをリンクに追加する

塩がないと生きていけない人を支援するサイト
ご飯ものがないと生きていけない人を支援するサイト
汁物がないと生きていけない人を支援するサイト
「緑茶の音」バナー
「ふい字置き場」バナー
「時間のないサイト」バナー
Firefox ブラウザ無料ダウンロード
Says-It.com

最近の記事 + コメント
土下さんの日々

土下

  • 2011年9月に放送終了した『とあるアニメ』にどハマリ中。
  • 自宅のネット回線速度が500Kbpsまで落ちてネトゲできなくなりました。
  • 「2013年1月で辞めてください」って宣告されたんですけど、その後音沙汰なく未だに首が繋がってます。
  • 20kg減量→りばうん→また減り始めた。
  • あいかわらず、寝落ちです。それ以外は概ねTwitterに常駐。

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。