«前の日記(2007-03-28 (水)) 最新 次の日記(2007-03-30 (金))» 編集
にっき
Google
2003|10|11|12|
2004|01|02|03|04|05|06|07|08|09|10|11|12|
2005|01|02|03|04|05|06|07|08|09|10|11|12|
2006|01|02|03|04|05|06|07|08|09|10|11|12|
2007|01|02|03|04|05|06|07|08|09|10|11|12|
2008|01|02|03|04|05|06|07|08|09|10|11|12|
2009|01|02|03|04|05|06|07|08|09|10|11|12|
2010|01|02|03|04|05|06|07|08|09|10|11|12|
2011|01|02|03|04|05|06|07|08|09|10|11|12|
2012|01|02|03|04|05|06|07|08|09|10|11|12|
2013|01|02|03|04|05|06|07|08|09|10|11|12|
2014|01|02|03|04|05|06|07|10|12|
2015|01|12|
2016|01|12|
2017|01|12|
2018|01|12|
2019|01|12|
2020|01|12|
2021|01|
2022|01|
2023|01|
2024|01|

2007-03-29 (木) [長年日記]

_ google-code-prettify を tDiary で使う

  1. prettify.css および prettify.js を index.rb と同じディレクトリに入れる。
  2. 以下のプラグイン prettify.rb を plugin ディレクトリに入れる。
# prettify.rb

add_header_proc do
  <<-HTML
  <link href="prettify.css" type="text/css" rel="stylesheet" />
  <script type="text/javascript" src="prettify.js"></script>
  <script type="text/javascript"><!--
  function google_prettify(){
    var div=document.getElementsByTagName("div");
    for(var i=0;i<div.length;i++){
      if(div[i].className!="body") continue;
      var pre=div[i].getElementsByTagName("pre");
      for(var j=0;j<pre.length;j++){
        pre[j].className="prettyprint";
      }
    }
    prettyPrint();
  }
  if(window.addEventListener){
    window.addEventListener('load',google_prettify,false);
  }else if(window.attachEvent){
    window.attachEvent('onload',google_prettify);
  }else{
    window.onload=google_prettify;
  }
  // --></script>
  HTML
end

日記内で <pre> を使っているところはすべてハイライトの対象になります。

本日のツッコミ(全1件) [ツッコミを入れる]
_ llc tax (2010-12-25 (土) 14:28)

Keep posting stuff like this i really like it


«前の日記(2007-03-28 (水)) 最新 次の日記(2007-03-30 (金))» 編集