で文字列をかっこよく表示したいと思ったら、改行に関しては処理してくれないので
こいつが使っている
jquery.lettering.js
をちょっと都合よく改造してしまいました。
function injector(t, splitter, klass, after) {
var html = t.html().split((/<*?.[Bb][Rr].*?>/g));
var inject = '';
if (html.length) {
$(html).each(function(j, html_item) {
var a = html_item.split(splitter);
if (a.length) {
$(a).each(function(i, item) {
inject += '<span class="'+klass+(i+1)+'">'+item+'</span>'+after;
});
inject += '<BR />';
t.empty().append(inject);
}
});
t.empty().append(inject);
}
}
一旦<br>をセパレータにして文字列の配列を分離してから
その中身を従来の処理にして従来の処理の最後で
<span></span>
を通さずに<br>を打つって感じですか。
苦労したのがIEだとsplit("<br>")をうまく処理してくれなくて
正規表現でまかないました。
IEはどうも大文字の<BR>を使うみたいですね。