3
使用letterings.js插件时,有没有方法可以保留文本的格式(例如粗体,斜体)?我正在使用“单词”包装功能(https://github.com/davatron5000/Lettering.js/wiki/Wrapping-words-with-lettering%28%27words%27%29),它似乎破坏了任何格式化的文字。使用letterings.js保留文本的格式
下面是一个例子:
<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不可行,是否有另一个插件或方法来包装跨度的每个单词但保留格式?