2012-03-15 4 views
9

テキストファイルの内容を取得したいと思います。新しい行を検出することを除いて、すべてが機能しています。jQueryでテキストファイルを表示するときに改行を保存する方法

テキストファイル内のコンテンツを取得するために私の解決策:

$.ajax({ 
    url: '/nhagyavi/files/textfiles/changelog.txt', 
    success: function(data) { 
     $('#load-changelog').html('<div style="font-family: Courier New;">' + data + '</div>'); 
    } 
}); 

テキストファイルの内容:

2012-03-15: Snabbfixar - Detta är en fin liten rad som berättar vad som är nytt - En till rad, tillsammans med en länk 

2012-03-15: Snabbfixar 
- Detta är en fin liten rad som berättar vad som är nytt 
- En till rad, tillsammans med en <a href="javascript:void(0)">länk</a> 

結果は私のページでどのように見えますか

jQueryでprint_rをどのように使用できるのか分かりませんので、実際にどのように表示されるのか分かりませんそうね。私の問題を解決する方法を知っている人は誰ですか?

答えて

17

あなたのコンテナにwhite-space:pre-line;を追加:あなたはまた、すべての空白文字を表示したい場合は、http://jsfiddle.net/tF3Mb/1/

代わりpre-linewhite-space:preを使用します:

#load-changelog { 
    white-space: pre-line; 
} 

簡体デモhttp://jsfiddle.net/tF3Mb/

+0

ありがとうございました! :)その素早い解決策は魅力的に機能しました^^私はあなたの答えを正しいとマークします。 – Erik

関連する問題