等幅フォントかつ折り返し有

テキストエリアに表示された内容をそのまま表示*1しようとする時に問題が発生。

安易にpreタグを使用すると今度は入力が優先されて１行が長いと横スクロールが発生し見難い状態に。(ﾉ∀`)ﾀﾊｰ

いい方法がないかなぁと思い探してみたところ

• tDiary: この期に及んでspamフィルタを導入していない人は, CSS: 「折り返す」pre - ただのにっき(2005-09-22)
• http://www.hinet.mydns.jp/~hiraku/tDiary/20050922.html#p04

同じような事を考えてる人は既に居ました。

*1:特に半角スペース

等幅フォントかつ折り返し有（結果）

結局以下のように対応

• pre指定はやめ
• 表示する内容を表示前に変換
  • 「 」(半角スペース)を「 」に
  • 改行を「<br>」に
• 全体をスタイル「font-family: monospace;」で囲む

うーん、イマイチな対応だ、、