<span style="color: rgb(255, 204, 0);">★</span>

これは、xhtmlへの対応と思われるが、おそらく古い携帯では対応できない。すると安全簡単なのは、以下のようなコードとなる

<font color="#008000">ボーダーのBIGロゴ</font>

対応としては何個か方法があるとおもう。

• tinyMCEの設定を変える
  • ちょっと難しそうだが、学習しておいて損がなさそう
• spanをfontに正規表現などをつかって変換してしまう
  • プラグインでトリッキーだが、正規表現を覚えるいい機会
• リッチエディターを変える
  • これはできたら避けたい

である。

ちなみにtinyMCE.initに

force_hex_style_colors : true
＊初期設定のrgbの１０進を１６進に変更と想像がつく

を追加してみると、１６進数で出力されている。こうなると単純な置換なので、

<span style="color: #ff6600;">teste</span>

↓

<font color="#ff6600">teste</font>

これをcontentにたいするテンプレートのフィルターとしてfunction.phpに追加すればいいので、以下を追加する

function ks_content_filter($content) {

$pattern = ‘<span style="color: (.*?);(.*?)</span>’;

$replease =’<font color="\\1\\2</font>’;

return mberegi_replace($pattern,$replease,$content);

}

add_filter(‘the_content’,'ks_content_filter’);

これでとりあえず、携帯でもfontタグが出力された

課題

• 本来なら携帯のテンプレートに対して行うべきだったが、携帯サイトでプログラム化されていて、変更がむずかしそうだったので、タグ全体を置換した
• phpの正規表現で置換処理というのがいいソースがみつからず、試行錯誤になった

参考

• http://homepage2.nifty.com/sak/w_sak3/doc/sysbrd/php_k09.htm
• http://www.rider-n.sakura.ne.jp/regexp/regexp.php
• http://www.mtblue.org/pc/web/regular_expression.php