Subscribe with livedoor Reader
Twitter Account
TWITRSS

Twitterで入力した改行を表示する方法 ： Internet Explorer ユーザースタイルシート編

Posted in 3月 6th, 2010 By asciiart

※2012/2/15 新Twitter画面での改行を表示に対応。

Twitterの入力欄「いまどうしてる？」には改行を入力できるのですが、表示欄では改行が半角スペースとして表示されてしまいます。

このTwitterで入力した改行を、Internet Explorerのユーザースタイルシート設定により半角スペースではなく改行として表示する方法を解説します。
（※今回の解説で使用する環境は、Windows Vista + Internet Explorer 8）

 

Twitterで改行を表示するユーザースタイルシート設定方法

  1. スタイルシートを用意します。

    次の何れかの方法でスタイルシートを用意してください。

    スタイルシートを選択 詳細
    １．改行を表示したい 改行表示用のスタイルシート(usercss_twitter_linebreak_ie.css NEW!! 2012/2/15)をダウンロードして下さい。
    最もシンプル。単に改行を表示したいだけであれば、こちらで良いでしょう。
    ２．改行込みのアスキーアートを表示したい アスキーアート表示用のスタイルシート(usercss_twitter_asciiart_ie.css NEW!! 2012/2/15)をダウンロードして下さい。
    ・詳細は、「Twitterでアスキーアートを表示する方法」を参照してください。
    ３．改行込みのスタイルシートを自作したい 次のクラス定義を含むスタイルシートを作成して下さい。
    .js-tweet-text{white-space:pre!important;word-wrap:break-word!important;}

     

  2. Internet Explorerへ、ユーザースタイルシートの設定を行います。


    [ALT]キーを押し出てくるメニューバーより、[ツール]-[インターネットオプション]と選択し[インターネットオプション]ダイアログを表示します。
     
    [ユーザー補助]をクリックし[ユーザー補助]ダイアログを表示します。

    [自分のスタイルシートでドキュメントの書式を設定する]チェックボックスにチェックを入れ、[スタイルシート]テキストエリアに１で用意したスタイルシートへのパスを設定します。

     

  3. Twitterへアクセスし改行の表示結果を確認します。


    確認用にどうぞ→ http://twitter.com/illiorzilli
    本サイトで取得しているTwitterアカウント、http://twitter.com/illiorzilli では、改行を含むアスキーアート(AA)を定期的につぶやいていますので表示してみてください。

    Twitter上のAAと改行についてユーザーシート適用前と適用後の比較

    ユーザースタイルシート設定前のTwitter上のAA

    ユーザースタイルシート設定後のTwitter上のAA

※IEでは、Twitter公式サイトの"もっと読む"をクリックしたときの動的読み込み時(JavaScriptによる動的に読み込み時）に、改行を読み込みできない様です。
FireFoxやGoogle Chromeであれば、"もっと読む"クリック時に改行を読み込み可能です。

 

この様にInternet Explorerにユーザースタイルシートを設定することで、Twitter上の改行を表示できるようになります。

Twitter上で改行を表示する方法は他にも幾つかの選択肢がありますので、以下のリンク先を合わせてご覧ください。

 

Twitterで改行を表示する方法のまとめ

更新履歴

  • 2010/04/13 white-space:pre;をwhite-space:pre-wrap;に変更。（IEを除く）
  • 2010/04/24「Twitterでアスキーアートを表示する方法」を追加。
  • 2011/01/30 新Twitter画面で改行を表示できるよう対応。
  • 2011/02/13 ユーザースタイルシートのリンク先変更。
  • 2012/02/14 新Twitter画面での改行表示に対応。
  • 2012/02/15 フォント設定を強制するため、スタイルシートに!important設定追加。

コメント / トラックバック25件

  1. バ㌍タ より:
    2010年4月21日 7:01 PM
    おい？またお前かよ！
　∧＿∧　＿＿
（■Д■）ヾ　　 ＼ﾌﾟｯ
(ぃ９　 / /￣） γ ）
　　　 / / ／　／／
　　 ／／／／／
　　巛< (＿二二二へ
  2. 匿名 より:
    2010年6月9日 12:30 AM
    　　 ||　　 ⊂⊃
　　 ||　　∧ ∧
　 　|| 　( 　 ⌒ヽ
　∧||∧　∪　 ﾉ
（　 ⌒ ヽ彡 Ｖ
　∪　　ﾉ　ﾌﾜｰﾘ
　　∪∪
  3. 匿名 より:
    2010年9月30日 3:05 PM
    　　　,―‐＿＿＿＿＿＿＿＿＿＿＿
　　　|＝ i＿_l＾l＿＿（＿＿＿＿＿＿（）＝＝＝＝＝＝●
　 　 |＿//＿|_||_ノノ
  4. 匿名 より:
    2011年1月27日 12:25 AM
    a
a
a
  5. 匿名 より:
    2011年6月9日 12:03 AM
    　　　ﾊ,,..,,ﾊ
　　/;;・ω・;;ヽ　
.　 (;(　^^^　);)
　　`'ｰ---‐´
  6. 匿名 より:
    2011年7月28日 2:58 AM
    ▄︻┻┳═一'
▄︻┻┳═一'
▄︻┻┳═一'
▄︻┻┳═一'　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　'
▄︻┻┳═一'　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　●
▄︻┻┳═一'
▄︻┻┳═一'
▄︻┻┳═一'
▄︻┻┳═一'
  7. あ より:
    2011年12月15日 11:00 PM
    おい？またお前かよ！
　∧＿∧　＿＿
（■Д■）ヾ　　 ＼ﾌﾟｯ
(ぃ９　 / /￣） γ ）
　　　 / / ／　／／
　　 ／／／／／
　　巛< (＿二二二へ
  8. 匿名 より:
    2012年9月22日 11:23 PM
    　　　　　　　　　　　　　　　　　　　 　　　　　　　 ﾄｲ
　　　　　　　　　　　　　　　　　　　 　　　　　　　 ﾄｲ
　　　　　　　　　　　　　　　　　　　 　　　　　　　 ﾄｲ
　　　　　　　　　　　　　　　　　　　 　　　　　　　i三i
　　　　　　　　　　　　　　　　　　　 　　 　　　〃　　 ヾ､
　　　　　　　　　　　　　　　　　　　 　　 　 〃　　　　　 ヾ､
　　　　　　　　　　　　　　　　　　　 　　 〃　　　　　　　　 ヾ､
　　　　　　　　　　　　　　　　　　　 　〃 　　　＿＿＿_　　 　ヾ､　　ﾁﾗｯ…
　　　　　　　　　　　　　　　　　　　 〃　　　／　　 　 　＼　　　ヾ､
　　 ／￣￣＼　　　　　　　　　　　||　　 ／　　⌒　　　⌒＼ 　　||
　／　　_ノ　　 ＼　　　　　　　　　 ||　／　　　(●　）　（― ）＼　||
　|　　 （ ●）（●）l　　　　　　　 　 ヾ,|　　　 ::::⌒（__人__）⌒:::::|//
.　|　　　 （__人__） |　　　　　　　　　 (⌒)､_ 　 　　　￣　　 _,(⌒)
　 |　　　　｀ ⌒´　|　　　　　　　　　/　i `ー＝＝===＝＝一'i　ヽ
.　 |　　　　　　 　 } 　 　 　 　　　　ｌ___ﾉ,、　　　　　　　　　　,､ヽ___i
.　 ヽ　　　　　 　 }　　　　　 　　　　　　　ｌ　　　　　　　　　 ｌ
　　 ヽ　　　　　ノ
　　　/　　　 く
　 　/　　　　　ヽ
  9. 匿名 より:
    2012年10月15日 5:13 AM
    a
a

a
  10. 匿名 より:
    2012年11月21日 2:18 PM
    あ


あ


あ
  11. 匿名 より:
    2013年1月4日 2:39 PM
    あ
あ
あ
  12. てｓｔ より:
    2013年1月30日 2:19 PM
    ああああああああ
ああ
あ
  13. 匿名 より:
    2013年1月31日 10:10 PM
    　 　 　 　　　　　　　 　 　　　　　　　　　　　　　　　　 ,.へ 
　　___ 　　　　　　　 　 　 　 　 　　　　　　　　　　　　ﾑ　　i 
　「 ﾋ_i〉　　　 　 　　　　　　 　 　　　　　　　　　　　　 ゝ　〈 
　ﾄ　ノ 　　　　　　　　　　　　　　　　　　　　　　　　　　iニ(() 
　i 　{ 　 　　　　　　　 　　　＿＿＿_ 　 　　　　　　　　| 　ヽ 
　i　　i　　　 　　　　　　　／__,　 , ‐-＼ 　 　 　 　 　　i 　　} 
　|　　 i　　　　　　 　　／（●) 　 ( ● )＼　　　　　　 {､　 λ 
　ト－┤.　　　　　　／ 　 　（__人__） 　　　＼　　　 ,ノ　￣ ,! 
　i　　　ゝ､_ 　　　　|　　　　　´￣` 　 　　　　|　,. '´ﾊ　　　,! 
.　ヽ、 　　　｀`　､,__＼ 　　 　 　　　　　 　 ／"　＼ 　ヽ／ 
　　　＼ノ　ﾉ　　　ﾊ￣r/:::r―--―/::７　　 ﾉ　　　　／ 
　 　　 　 ヽ.　　　　　　ヽ::〈； . '::. :' |::/　　 /　　　,. " 
　　　　　　　 `ｰ ､　　　　＼ヽ::. ;::：|/　　　　　ｒ'" 
　　　　　／￣二二二二二二二二二二二二二二二二ヽ 
　　　　　| 答 |　　　　　コ　ロ　ン　ビ　ア　　　　　　　│| 
　　　　　＼＿二二二二二二二二二二二二二二二二ノ
  14. 匿名 より:
    2013年2月14日 2:56 AM
    あ　
あ　
あ
  15. 適当 より:
    2013年3月8日 11:17 AM
    ▀▄▃▅▆▇▉█▐▌▎▕▏■▂◥◤◢◣
╬╔╗╚╝╦╩║═╠╣╘╧╛╙╨╜╓╥╖╒╤╕╟╫╢╞╪╡░▒▓█
╏┇┋ ▲◕♥ღ
╰◯╯╭❍╮ ☑ː̖́
  16. 適当2 より:
    2013年3月8日 11:23 AM
    ───▄██▄────█─▀▄──▄▀─█────▄██▄────█─▀▄──▄▀─█─
─▄█▀██▀█▄──█▄█▀██▀█▄█──▄█▀██▀█▄──█▄█▀██▀█▄█─
─▀▀█▀▀█▀▀──▀▀██████▀▀──▀▀█▀▀█▀▀──▀▀██████▀▀─
─▄▀▄▀▀▄▀▄──▄▄▀────▀▄▄──▄▀▄▀▀▄▀▄──▄▄▀────▀▄▄─

───▄██▄────█─▀▄──▄▀─█────▄██▄────█─▀▄──▄▀─█─
─▄█▀██▀█▄──█▄█▀██▀█▄█──▄█▀██▀█▄──█▄█▀██▀█▄█─
─▀▀█▀▀█▀▀──▀▀██████▀▀──▀▀█▀▀█▀▀──▀▀██████▀▀─
─▄▀▄▀▀▄▀▄──▄▄▀────▀▄▄──▄▀▄▀▀▄▀▄──▄▄▀────▀▄▄─
  17. 匿名 より:
    2013年4月5日 10:13 AM
    1111
2222
3333
  18. 匿名 より:
    2013年4月14日 10:55 PM
    　　　　　　　　　　　　　　 ,, -―-、 
　　　　　　　　　　　　　／　　　　 ヽ 
　　　　　　　／￣￣／　　／i⌒ヽ､|　　　　オエーー！！！！ 
　　　　　　/　　（゜）/　　 ／　/ 
　　　　　/　　　　 ト､.,../　,ー-､ 
　　　　=彳　　　　　 ＼＼‘ﾟ。､｀ ヽ。、ｏ 
　　　　/ 　 　　　　　　　＼＼ﾟ。､。、ｏ 
　　　/　　　　　　　　　/⌒ ヽ ヽU　　ｏ 
　　 /　　　　　　　　　│　　　`ヽU　∴ｌ 
　　│　　　　　　　　　│　　　　　U　：l 
　　　　　　　　　　　　　　　　　　　　|：! 
　　　　　　　　　　　　　　　　　　　　Ｕ
  19. 匿名 より:
    2013年4月14日 10:55 PM
    o　○。♪　o
　　　　　　○ o。♪o
♪　　o　　　o　o　○
　○o　 ／⌒ヽ　o○。
／／　((* ・ω・)￣
|ヽーーヽ⊃---o--／|
|　|￣￣￣￣○￣|　.
ヽ.|＿＿o＿＿_o|／
＜＜＜＜＜　＜　＜
  20. 匿名 より:
    2014年2月21日 6:46 PM
    　　　　_＿_　%
　 γ´　　　｀ヽ
　 i.　●　 ●　i
''∩. ¨　∇　¨ .|
　ヽ ───‐ν
　│廿　∞ 　 .|
　├――――.|
　 ヽ＿:´｀:.＿丿
  21. 匿名 より:
    2014年3月6日 1:20 AM
    テ
ス
ト
  22. 匿名 より:
    2014年5月15日 6:25 PM
    　(´･ω･`)  
＿(__つ/￣￣￣/＿  
　　＼/　　　　 /  
　　　 ￣￣￣￣  
　(´･ω･`)  
＿(　つ　ミ　　ﾊﾞﾀﾝｯ  
　　＼￣￣￣＼ミ  
　　　 ￣￣￣￣  
　(´･ω･`)  
＿(　　　)  
　　＼￣￣￣＼  
　　　 ￣￣￣￣
  23. 匿名 より:
    2014年6月15日 4:32 PM
    o　○。♪　o
　　　　　　○ o。♪o
♪　　o　　　o　o　○
　○o　 ／⌒ヽ　o○。
／／　((* ・ω・)￣
|ヽーーヽ⊃---o--／|
|　|￣￣￣￣○￣|　.
ヽ.|＿＿o＿＿_o|／
  24. 匿名 より:
    2014年12月19日 7:30 PM
    て
す
て
す
  25. 国内即発 100%新品全半额割引 より:
    2016年1月16日 6:44 PM
    おかげ 素晴らしい 記事  のために。 場所他にはだけができる 誰もがその 取得情報を  方法？このような| の検索を探し 情報 | 上で | 私は私が週、および|プレゼンテーションその後の次の | 私がした私が持っています。
国内即発 100%新品全半额割引 http://www.brianformnhouse.org

AAテスト、コメント適当にどうぞ～