あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゆよわをんがぎぐげござじずぜぞだぢづでどばびぶべぼぱぴぷぺぽ。あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゆよわをんがぎぐげござじずぜぞだぢづでどばびぶべぼぱぴぷぺぽ。
あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゆよわをんがぎぐげござじずぜぞだぢづでどばびぶべぼぱぴぷぺぽ。あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゆよわをんがぎぐげござじずぜぞだぢづでどばびぶべぼぱぴぷぺぽ。

　私はYahoo!グループを使ってファイルを共有しつつ情報交換をしているのだが、そのファイル共有のための「ブリーフケース」を使っていて以前から面倒だと思っていたことがあった。それは共有されたテキストファイルの閲覧である。ブリーフケースではファイルをアップロードしなくてもテキストファイルを作成して共有できるし、アップロードし直さなくてもテキストファイルなら文章を変更できる。それは便利な機能だが読むときに不便なのである。
　【サンプル】をFirefox 3.6.12やIE8で見てもらえば分かるとおり、文字列がウィンドウの右端で折り返されない。一段落が長い文章だったら、横スクロールバーを使って読み進めて、一段落を読み終わったら、一番左まで戻して読まなければいけない。面倒である。以前からこれを何とかしたいと思っていた。今回、ようやく解決策が見つかった。

　Firefox 3 を使っている場合、【Toggle Word Wrap】というアドオンが便利である。
　インストールした後にウィンドウの右端で折り返したいページを開いたら、メニューバーの「表示」から「Word Wrap within <PRE>」を選択すれば良い。

Toggle Word Wrap for Firefoxの使い方（クリックで拡大）

　この「Toggle Word Wrap」というアドオンにはThunderbird用もある。私はURLが特定の文字数で勝手に改行されて気持ち悪かったので導入した（参照）。表示されている時は改行されていても送信されたメールでは改行コードが入らないはずだが…。メニューバーの「オプション」にある「Enable Word Wrap」のチェックを外すことでウィンドウの右端で改行されてウィンドウの途中の特定の文字数で勝手に改行されなくなる。もちろん、文章の部分は一行が長くならないように手動で改行しなければならない。

Toggle Word Wrap for Thunderbirdの使い方（クリックで拡大）

　さて、ファイルを共有しているメンバーの中にはFirefoxではなくIE8を使っている人もいる。IE8で【Toggle Word Wrap】のようなアドオンがないか探してみたが見つからなかった。他の解決策はないか探したみたら、ユーザースタイルシートを使う方法を見つけた（参照）。
　指定するスタイルシートに「pre {word-wrap: break-word;}」と記述すれば良い。これでウィンドウの右端で折り返される。文字の大きさや表示する幅など他のスタイルも指定できる。
　このユーザースタイルシートを使うか否かをメニューバーから切り替えられれば良いのだが、その方法は見つからなかった。ユーザースタイルシートを使いたくない場合に「インターネットオプション」のウィンドウをいちいち開いて解除していたら面倒である。あるいは、複数のユーザースタイルシートを見るサイトに応じて、あるいはメニューバーから切り替えられれば良いのだが、そのようなアドオンも見つけることができなかった。残念である。御存知の方は教えていただきたい。

IE8のブックマークレットで
javascript:(function(){var%20header=document.getElementsByTagName("head").item(0);var%20style=document.createElement("style");style.type="text/css";header.appendChild(style);})();
とすれば、
<style type="text/css">CSS スタイルシート</style>
をヘッダに挿入できる。
この「CSS スタイルシート」の指定方法が分からなくて困ってる。
pre {
word-wrap: break-word;
font-size: 16px;
width: 700px;
line-height: 24px;
}
のようなスタイルを指定したい。

ちなみにFirefox3.6で利用しているブックマークレットは
javascript:(function(){var%20str1%20=%20"pre%20{%20white-space:%20pre-wrap%20!important;%20}%20/*%20masamiprewrap%20*/";var%20str2%20=%20"pre%20{%20white-space:%20pre%20!important;%20}%20/*%20masamiprewrap%20*/";var%20header%20=%20document.getElementsByTagName("head").item(0);var%20ck=header.childNodes;var%20style%20=%20document.createElement("style");style.type%20=%20"text/css";if%20(header.innerHTML.indexOf("masamiprewrap",0)%20!=-1){var%20i=-1;while%20(++i%20<%20ck.length)%20{if%20(ck[i].nodeType!=1)%20continue;if%20(ck[i].innerHTML.indexOf("masamiprewrap",0)%20!=-1){header.removeChild(ck[i]);}}}%20else%20if%20(header.innerHTML.indexOf("pre-wrap",0)%20!=-1){style.innerHTML%20=%20str2;header.appendChild(style);}%20else%20{style.innerHTML%20=%20str1;header.appendChild(style);};})();

どうやらIE8では次のようにすれば改行できるらしい。
javascript:(function(){var%20header=document.getElementsByTagName("head").item(0);var%20style=document.createElement("style");style.type="text/css";style.styleSheet.cssText="pre{word-wrap:break-word;}";header.appendChild(style);})();
このブックマークレットは改行するだけで元に戻せないが、Firefox3.6の真似をすれば元に戻すことも可能なはず。

どうやらIE8では次のブックマークレットを登録すれば、クリックするたびにpreタグが改行されたり元に戻ったりするようだ。
javascript:(function(){var%20str1='pre{word-wrap:break-word!important;font-size:16px;line-height:24px;}';var%20str2='pre{word-wrap:normal!important;}';var%20header=document.getElementsByTagName('head').item(0);var%20ck=header.childNodes;var%20style=document.createElement('style');style.type='text/css';style.id='masamiprewrap';if(header.innerHTML.indexOf('masamiprewrap',0)!=-1){var%20i=-1;while(++i<ck.length){if(ck[i].nodeType!=1)continue;if(ck[i].id=='masamiprewrap'){header.removeChild(ck[i]);}}}else%20if(header.innerHTML.indexOf('break-word',0)!=-1){style.styleSheet.cssText=str2;header.appendChild(style);}else{style.styleSheet.cssText=str1;header.appendChild(style);};})();

上のIE8用ブックマークレットを参考にして作ったFirefox3.6用のブックマークレットは次の通り。コメントの文字を検索して削除するよりもidを検索して削除した方が安全だろうということで…。私のFirefoxは文字サイズを変えなくても読みやすいので、white-spaceだけを変えた。
javascript:(function(){var%20str1="pre{white-space:pre-wrap!important;}";var%20str2="pre{white-space:pre!important;}";var%20header=document.getElementsByTagName("head").item(0);var%20ck=header.childNodes;var%20style=document.createElement("style");style.type="text/css";style.id="masamiprewrap";if(header.innerHTML.indexOf("masamiprewrap",0)!=-1){var%20i=-1;while(++i<ck.length){if(ck[i].nodeType!=1)continue;if(ck[i].id=="masamiprewrap"){header.removeChild(ck[i]);}}}else%20if(header.innerHTML.indexOf("pre-wrap",0)!=-1){style.innerHTML=str2;header.appendChild(style);}else{style.innerHTML=str1;header.appendChild(style);};})();

長い連続したアルファベットや記号でのテスト
abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ