うん。なかなか良い感じですね(自己満足)。これでやっと必要な機能がそろったかな。;-)

 asciisvg.zip

以下、ASCIIsvg のページで公開されているサンプル (Firefox や IE+Adobe SVG Viewer など SVG 対応ブラウザでご覧ください):

残念ながら Firefox での SVG 処理が非常に重いので他のサンプルは別途続けて…

asciimathml.zip 

`x^2+y_1+z_12^34`

`x^2+y_1+z_12^34`

`sin^-1(x)`

`sin^-1(x)`

`d/dxf(x)=lim_(h->0)(f(x+h)-f(x))/h`

`d/dxf(x)=lim_(h->0)(f(x+h)-f(x))/h`

$\frac{d}{dx}f(x)=\lim_{h\to 0}\frac{f(x+h)-f(x)}{h}$

$\frac{d}{dx}f(x)=\lim_{h\to 0}\frac{f(x+h)-f(x)}{h}$

`f(x)=sum_(n=0)^oo(f^((n))(a))/(n!)(x-a)^n`

`f(x)=sum_(n=0)^oo(f^((n))(a))/(n!)(x-a)^n`

$f(x)=\sum_{n=0}^\infty\frac{f^{(n)}(a)}{n!}(x-a)^n$

$f(x)=\sum_{n=0}^\infty\frac{f^{(n)}(a)}{n!}(x-a)^n$

`int_0^1f(x)dx`

`int_0^1f(x)dx`

`[[a,b],[c,d]]((n),(k))`

`[[a,b],[c,d]]((n),(k))`

`x/x={(1,if x!=0),(text{undefined},if x=0):}`

`x/x={(1,if x!=0),(text{undefined},if x=0):}`

ASCIIMathML.js は最新の機能を使えるため、Tex 形式の数式も変換してくれる。複雑な数式を多量に書くとクライアントサイドでの負荷が大きくなるだろうけど、取りあえず正常に動くだけでよいよい。;-)

多分コレは有名な話で、同じようなプラグインも公開されていると思いますが、簡単だったのでさっくりプラグイン作りました。デフォルトで有効になっている wptexturize フィルタを全て無効にしているだけです。使いたい人は勝手に持って行ってください。

 nowptexturize.php

asciimathphp.zip

ASCIIMathML のページにある例(の一部)とそれを変換させてみた結果はこんな感じです (Firefox など MathML 対応ブラウザでご覧ください):

x^2+y_1+z_12^34

${\displaystyle x^2+y_1+z_{12}^{34}}$

sin^-1(x)

${\displaystyle {sin}^{-1}\left(x\right)}$

d/dxf(x)=lim_(h->0)(f(x+h)-f(x))/h

${\displaystyle \frac{d}{dx}f\left(x\right)=\underset{h\to 0}{lim}\frac{f(x+h)-f\left(x\right)}{h}}$

\frac{d}{dx}f(x)=\lim_{h\to 0}\frac{f(x+h)-f(x)}{h}

${\displaystyle \backslash \frac{d}{dx}f\left(x\right)=\backslash \underset{h\backslash to0}{lim}\backslash \frac{f(x+h)-f\left(x\right)}{h}}$

f(x)=sum_(n=0)^oo(f^((n))(a))/(n!)(x-a)^n

${\displaystyle f\left(x\right)=\sum _{n=0}^{\infty }\frac{f^{\left(n\right)}\left(a\right)}{n!}{(x-a)}^n}$

f(x)=\sum_{n=0}^\infty\frac{f^{(n)}(a)}{n!}(x-a)^n

${\displaystyle f\left(x\right)=\backslash \sum _{n=0}^{\backslash }\in fty\backslash \frac{f^{\left(n\right)}\left(a\right)}{n!}{(x-a)}^n}$

[[a,b],[c,d]]((n),(k))

${\displaystyle \left[\begin{array}{cc}a& b\\ c& d\end{array}\right]\left(\begin{array}{c}n\\ k\end{array}\right)}$

x/x={(1,if x!=0),(text{undefined},if x=0):}

${\displaystyle \frac{x}{x}=\{\begin{array}{ll}1& ifx\ne 0\\ \text{undefined}& ifx=0\end{array}}$

ご覧の通り LaTex 形式の数式はちゃんと変換できていません。単に ASCIIMathPHP がベースとしている ASCIIMathML.js のバージョンが古いからなのですが、ASCIIMathPHP をアップデートするのはかなり面倒そうです…

他にも問題があります。XML ドキュメントとして XHTML+MathML を生成することになるため、出力全体が Valid でなければなりません。しかし、現実の WordPress (や TinyMCE) は平気で Invalid な出力をしますので、うっかりしているとパースエラーになってしまいます…

TinyMCE のプラグインに問題があるのかと色々いじってみたものの、ここの振る舞いを直せばあっちがおかしくなるといった感じでどうしても解決しませんでした。そこでふと WordPress 側の処理を確認してみたところ、MySQL からデータを読み込んでリッチテキストエディタに渡す前に (wp_richedit_pre() 関数で)次のような処理をしているのを発見しました:

// These must be double-escaped or planets will collide.
$output = str_replace('<', '<', $output);
$output = str_replace('>', '>', $output); 

はぁ？何故 &lt; と &gt; だけ置き換えるんですか？そんなことしたら &lt; と &amp;lt; (エディタや表示出力では < と &lt; に相当)の区別が付かないじゃないですか。不可逆変換しないでください。(T_T)

ってことで、諸悪の根源であったこの二行を削除し、TinyMCE の WordPress プラグイン側での無駄な努力も撤去したら問題解決しました。;-)

公開している TinyMCE 2.0.6.1 for WordPress 2.0.x についても、この二行をコメントアウトするパッチ(とコメントアウト済みファイルも)を同梱し、日本語リソースの追加や設定変更などをしたバージョンで置き換えました。

tinymce-2.0.6.1.zip 

同梱パッチを適用するか(現在ご利用のものが WordPress オリジナルのものと変更がなければ)単に functions-formatting.php を同梱のもので置き換え、tinymce ディレクトリも同梱のもので置き換えれば動くはずです。

太字（strong） 斜体 （em) 取消線テキスト （strike） リンクテキスト

通常のテキスト_{下付き （Sub）} 通常のテキスト^{上付き （sup)}

実体参照: & " ¢ € £ ¥ © ® ™ などなど

スマイリー:

赤いテキスト 青いテキスト 緑のテキスト

赤い背景のテキスト 青い背景のテキスト 緑の背景のテキスト

pre   formated   text

この他にも元に戻すとやり直す、検索と置換、水平線、表の作成とセル操作、テキストスタイルの削除、CSS スタイルの詳細設定、ソース表示、プレビュー表示などなどを使えるようにした。結構良い感じ。

どんな感じか試してみたい人は TinyMCE サイトのサンプルなどをご覧ください。WordPress に導入してみたくなった人は、tinymce-2.0.6.1.zip を使ってください。なお、ツールバーのボタンの配置や使用する TinyMCE プラグインなどのカスタマイズは tiny_mce_gzip.php でおこないます。

詳細は TinyMCE のマニュアルをご覧ください。同梱している tiny_mce_gzip.php では上記スクリーンショットのツールバーになりますが、TinyMCE のバージョンだけ上げて WordPress 標準のツールバーに戻して使うには tiny_mce_gzip.simple.php を使ってください。

最後に、しつこいようですが何が起きても責任は持ちません。(^^;

• 改行と段落の扱いが挙動不審で頻繁に狂う
• 投稿中の実体参照を上手く取り扱えない
• 多段リストのコードが時々壊れることがある
• 編集中に B 要素などの開始タグだけが残ることがある
• 何故か半角空白が本文中に挿入されてしまうことがある
• Blockquote をインデント目的で使うなど
• CSS は仕様違反の嵐が吹き荒れる

といった感じなのです。かといってこれらの問題を修正するのはかなり大変そうだったので、泣く泣くだましだまし使ってきたのですが、いい加減耐えかねてきたのでコードをのぞいてみると、昨年 12月以前の古い TinyMCE が同梱されているではないですか。

TinyMCE のサイトに行ってみると 2.0.6.1 が最新バージョンであり、上記の問題が全て解決するわけではないにしても、結構色々修正されている模様。そこで取りあえず最新版で置き換えてみることにしました。

が、例のごとくそのままでは全く動きません。しかも Venkman でデバッグしようとしたら Firefox がフリーズしたりクラッシュしたりしてくれます。(T_T)

仕方ないので JavaScript コンソールのエラーメッセージを頼りに、地道に alert() を使ってデバッグしました。WordPress も TinyMCE もソースをいじったことがないですし、ちゃんとテストしてないので(というか、この投稿がテスト(^^;)色々問題あるかもしれませんが、一応動いてるような気がします。試してみたいチャレンジャーな人は自由にどうぞ。

tinymce-2.0.6.1.zip

解凍したら WordPress の wp-includes/js/tinymce ディレクトリを置き換えるだけです。何が起きても責任とりません。簡単な質問くらいは受け付けますが、サポートするつもりは毛頭ありません。はい。(^^;

追記: 修正版で置き換えました

折角コメントしていただいたのに大変申し訳ありません。今後はスパムの保存期間を 3ヶ月に延ばすと共に、もう少しこまめにごみ箱(Akismet が検出した Spam)をチェックするようにします。m(_ _)m

このような誤検出をするだろうと思って、この Blog (WordPress) では当初 Akismet (WordPress 標準のスパム対策ツール)を利用しておりませんでした。しかし、あまりにもスパムが増えたため一ヶ月ちょっと前から仕方なく(効果の程を確認したいという興味もあって)導入したものでした。

L10N フォーラムや翻訳部門フォーラムであればこの手の誤検出がある自動判別ツールは導入しないのですが、個人のサイトだから多少誤検出があっても救出すればいいかと思っていました。デフォルトの保存期間が 15日だったのはあまりに短かったので一ヶ月保存するようカスタマイズして導入してはいましたが、それ以上の間ごみ箱をチェックせずに放置してしまった私は馬鹿者です…ごめんなさい。m(_ _)m