# Typography replacements # # Order does matter! # # You can use HTML entities here, but it is not recomended because it may break # non-HTML renderers. Use UTF-8 chars directly instead. <-> ↔ -> → <- ← <=> ⇔ => ⇒ <= ⇐ >> » << « --- — -- – (c) © (tm) ™ (r) ® ... …
書式は単純。「変換したい文字列（半角スペースを好きなだけ）変換後の文字列」という風に、1行に書けばOKです。では、これに、次のような行を追加してみました。
[red] <span style='color:#d3381c;'> [blue] <span style='color:#2a83a2;'> [green] <span style='color:#47885e;'> [/red] </span> [/blue] </span> [/green] </span>
狙いは「[red]赤色にしたい文字列[/red]」を「<span style='color:#d3381c;'>赤色にしたい文字列</span>」に変換させたいわけですね！ でも、コレを実践するとページの表示が崩れてしまいました…。んでもってよく見ると…
You can use HTML entities here, but it is not recomended because it may break
（ココでHTMLタグを使うこともできるんだけどさ、おすすめできないんだ。バグっちゃうかもしんないよ）
なんて記載がentities.confのヘッダに書いてあるじゃないですか。ありゃりゃ…、以前のバージョンならできたのに、どうも、2009-12-25版ではできなくなってしまったようですね…。
さてさて、吐き出されたHTMLコードをよく見ると「color:#」の「#」を表示する時におかしな挙動をするっぽいということが判明。こういう時の対処法は「エスケープのおまじない」ですよね！試しに#の直前にエスケーブを入れてみたところ、ちゃんと動くようになりました。
[red] <span style='color:\#d3381c;'> [blue] <span style='color:\#2a83a2;'> [green] <span style='color:\#769164;'> [/red] </span> [/blue] </span> [/green] </span>