2011-08-06 15 views
3

letterings.jsプラグインを使用すると、テキストの書式(太字、斜体など)を保持する方法はありますか?私は "word"ラッピング関数(https://github.com/davatron5000/Lettering.js/wiki/Wrapping-words-with-lettering%28%27words%27%29)を使用しています。テキストのletterings.jsを使用してテキストの書式設定を保持

ここでは例です:

letterings.jsを使用した後
<div class="text-block">This is a <i>sentence</i> <b>with <i>formatting</i></b>.</div> 

、それは変身:

<div class="text-block"> 
    <span class="word1">This</span> 
    <span class="word2">is</span> 
    <span class="word3">a</span> 
    <span class="word4">sentence</span> 
    <span class="word5">with</span> 
    <span class="word6">formatting.</span> 
</div> 

これは、私はjQueryのに使用している機能である:

$('.text-block').lettering('words'); 

私は大胆またはイタリック(残念なことに両方ではありません)をこれを保存することができることを発見しました:

$('.text-block b').lettering('words'); 

-OR-

$('.text-block i').lettering('words'); 

あなたは、同時に(すなわち、$('.text-block b,.text-block i'))の両方を使用することはできません。

letterings.jsでは不可能な場合は、各単語をスパンで折り返しても書式は保持される別のプラグインまたはメソッドがありますか?あなたは.textセクションから15行目のメソッドを変更した場合

答えて

1

()であるとして、あなたは

$('.text-block').lettering('words'); 

を使用することができます().htmlに、それはタグを削除しません。

ソースを取得するには、このリンクを使用します。

https://gist.github.com/klatchbaldar/6956474

関連する問題