ppBlog official

　ソースをJavaScriptでハイライト表示するpettieSyntax ですが、CSSの表記にも対応しました。このせいでファイルサイズが3キロ弱になりましたが、まぁこの辺で落ち着くでしょう。

　色の指定をソースの上の方で、指定できるようにしてます。ソースを見ると、CSSの表記に対応した色指定だけ3色ありますが、これは１．タグ、２．CSSプロパティー(fontなど)、３．その実際の指定値　に対応しています。

var cssprops = ['indigo', 'slategray', 'indianred', /((?:[-#a-z0-9.,_* +:¥r¥n[¥]=]{2,}|[abipq*]))¥s*¥{¥s*[^}=]+?¥}/ig];

　実際のデモとして、このサイトのベーシックテーマに適用しているPREタグのCSS指定をば。

pre {
  font: 500 1em/1.4 "Consolas","Bitstream Vera Sans Mono","Lucida Console","Courier New",Verdana,Meiryo,monospace;
  background: #f6f6f9;
  border: double 4px #808080;
  border-width: 0 0 0 4px;
  margin: 1em auto;
  padding: 20px;
  width: 89%;
  height: 3em;
  color: #333;
  clear: both;
  white-space: pre;
  overflow-x: auto;
  letter-spacing: 0.1px;
}
body[id=weblog] pre { /* IE６以外のモダンなブラウザ用 */
  overflow: auto;
  height: auto;
}

　こんな感じです。仕様上、PHPやJavaScript用キーワードの中途半端な対応と違って、CSSのあらゆるプロパティーに対応してると思います。最新版を添付しておきます。

添付ファイル： syntax.js

JavaScript

　こんにちは。とりあえず今回のアップデートです。だいぶ落ち着いて来た感があります　今回は３つです（おぉー少な）。

　ひとつは、utils.phpで一番肝のファイルですが、IE6でのドロップシャドウが変なのを修正しています。あと、ちょこちょこ。

　二つ目は、エディタ用のeditor.jsです。初期のテキストエリアの高さが狭い気もするので、ちょっと広げてみました。後、このテキストエリアは可変で自由にサイズを変えることが出来ますが、マウスでエリアを広げたのに、キーボードから入力すると、自動的にサイズを調整してしまう仕様だったので、これをちょいと修正してます。後、ローカルプレビューで、PREタグがあるときにそのPREタグの縦幅が小さく内容が確認しづらかったんで、これも広がるようにしてます。

　3つめは、modulesディレクトリのedit.inc.phpです。HTML実体参照の文字を1個追加しただけですが。

　とりあえず、こんなところです。

添付ファイル： DIFF080406.zip