SmallStyle

_ Ajax を使った tDiary のプレビュー表示プラグイン(2)

category_to_tag で表示されるタグ少し見やすくを書いてる途中に，プレビュー表示を見ていたら，どうも本文中にセミコロン (;) が入っていると，そこでとぎれてしまうようです．

んー，テスト不足だったな．とりあえず， livehttpheader で送信されている POST 要求をキャプチャ．プレビュー表示プラグインではセミコロンが encode されずにそのまま送信されているけど，通常のプレビューボタンを用いた場合は，セミコロンも encode されている．

調べてみると，フォームの区切り文字に「&」の代用として「;」をサポートすることが推奨されている (via:Namazu-devel-ja 676] URI属性値のセミコロン記号) ようで，このためセミコロンをそのまま送信すると，そこで本文が区切られてしまっていたのが原因でした．

で，Javascript には URI エンコードを行うメソッドとして，escape()，encodeURI()，encodeURIComponent() の 3 種類があり，それぞれエンコード対象の文字列が異なるようです．（escape() は古いメソッドでおすすめできないらしい)

PHP と JS の URI エンコード比較に，このあたりのことが詳しくかかれていて参考になりました．結局，Javascript でセミコロンを URI エンコードしたい場合は，これまで encodeURI() を使っていたのですが，必要に応じて encodeURIComponent() を使う必要があるみたいです．

というわけで，この部分を修正したのでご利用の方は入れ替えをお願いします．

• realtime-preview.rb（タグ生成プラグイン共存版）
• realtime-preview-with-xmlhttprequest.rb（単体動作版）

これでセミコロンが本文中に入っていても大丈夫なはず．