使用letterings.js保留文本格式

Question

有没有办法在使用letterings.js插件时保留文本的格式（例如粗体，斜体）？ 我正在使用“word”包装功能（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

如果将第15行中的方法从.text（）更改为.html（），则可以使用

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

按原样，它不会剥离标签。

使用此链接获取源：

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