使用letterings.js保留文本的格式

Question

使用letterings.js插件時，有沒有方法可以保留文本的格式（例如粗體，斜體）？我正在使用「單詞」包裝功能（https://github.com/davatron5000/Lettering.js/wiki/Wrapping-words-with-lettering%28%27words%27%29），它似乎破壞了任何格式化的文字。

下面是一個例子：

<div class="text-block">This is a <i>sentence</i> <b>with <i>formatting</i></b>.</div> 

使用letterings.js後，它變成：

<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'); 

- 或 -

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

不能同時使用這兩種（即$('.text-block b,.text-block i')）。

如果letterings.js不可行，是否有另一個插件或方法來包裝跨度的每個單詞但保留格式？

Answer 1

如果更改的.text管線15中的方法（）爲.html（），則可以使用

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

爲是，它不會剝離標籤。

使用此鏈接可以得到源：

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