Word Breaker - JQueryで連続した半角英数字を任意の場所で改行する

IE系には、独自CSS word-break: break-all を適用し、それ以外のブラウザにはテキストの1文字ごとに任意改行文字（8203）をはさむプラグイン

• jQuery1.2.6以上が必要です。（それより以前のバージョンでも動くと思いますが確認してません）
• jquery.wb.js を読み込んで、任意の位置で $(要素).wb() を実行してください
• 動作確認環境： Windows Safari3.1 / Opera9.6 / IE6,IE7 / FireFox3.5 / GoogleChrome3
• IE系以外のブラウザ、FireFox Opera safari Chromeなどは、任意改行文字 8203 のデフォルトの処理を利用していますので場合によっては意図しない動きをする場合があります。

2009/12/10 version 0.2

グローバル変数を使わないように変更

テキスト要素の無いタグは再帰しないように変更

FireFox2 の場合は <wbr /> を挿入するように変更

$.trim で無駄な余白を削除するよう変更

$.browser 非推奨関数を使うのをやめた

  jQuery(function($){
 
    $.wb = {
      
      version: 0.2
         
     ,sep: String.fromCharCode(8203)
      
     ,remake: function(elm){
       var h = elm.contents();
               elm.html('');
       $(h).each(function(){
         if(this.nodeType == 3){
           elm.append($.trim(this.textContent.split('').join($.wb.sep)));
         }else if(this.textContent == ''){
           elm.append(this);
         }else{
           elm.append($.wb.remake($(this)));
         }
       });
       return elm;
     }
    }
    
    $.fn.wb = function(){
      if(/msie/i.test(navigator.userAgent)){
        $(this).css('word-break', 'break-all');
      }else{
        $.wb.sep =  (/firefox\/2/i.test(navigator.userAgent)) ? '<wbr />' : String.fromCharCode(8203);
        $(this).each(function(){ $.wb.remake($(this));});
      }

      return $(this);
    }
  });

  jQuery(function($){
    $('.word-break').wb();      
  });

copyright © 2008 bushimichi