bloggerで使っているsyntaxhighlighterに、クリップボードにコピーするボタンを追加する

flashcast：フリーで働くITエンジニア集団のブログ: flash+javascriptで、クリップボードにコピーする
の続きです。

こんな感じになりました。

   $(document).ready(function() {
    if (!$.browser.msie) {
     var i = 0;
     $(".dp-highlighter").each(function(){
      this.id = "tonosamartdp" + i;
      $(this).children(".bar").children(".tools").children("a:contains('copy to clipboard')").replaceWith("<span id='" + this.id + "swf'/>");

      var flashvars = {
       func:"copy2clip_getData",
       img:"http://tonosamart.com/flashcast/copy2clip/copy.swf",
       param:this.id
      };
      var params = {
       menu:"false",
       allowScriptAccess:"always"
      };
      var attributes = {
       id:this.id + "swf"
      };
      swfobject.embedSWF("http://tonosamart.com/flashcast/copy2clip/copy2clip.swf",  this.id + "swf", "93", "14", "9.0.0", "http://tonosamart.com/flashcast/swfobject/expressInstall.swf", flashvars, params, attributes);

      ++i;
     });
    }
   });

ブラウザ判定をして、IE以外だった場合は、「copy to clipboard」の文字をflashに置き換えています。
また、そのときにidを付加して、javascriptの呼び出しに使っています。

こういう、ページ内の特定のタグに対する一括処理はjQueryだと簡単に出来て便利ですね。

flashから呼ばれるjavascriptはこんな感じです。

function copy2clip_getData(param) {
 var text;
 text = dp.sh.Utils.FixForBlogger(document.getElementById(param).highlighter.originalCode).replace(/&lt;/g,'<').replace(/&gt;/g,'>').replace(/&amp;/g,'&');
 //alert(param + ":" + text);
 if ($.browser.msie) {
  window.clipboardData.setData('text', text);
  return null;
 } else {
  return text;
 }
}

highlighter.originalCodeにコピー元のコードが入っているのを探すのに苦労しましたが、特に問題なくできました。

これで、IE以外のブラウザでも、ソースのコピーができるようになりました！