文章/答案/技术大牛

发布

社区首页 >问答首页 >使用letterings.js保留文本格式

问使用letterings.js保留文本格式
EN

Stack Overflow用户

提问于 2011-08-06 14:31:02

回答 1查看 314关注 0票数 3

在使用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');

-OR-

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

您不能同时使用这两种(即$('.text-block b,.text-block i') )。

如果无法使用letterings.js，是否有另一种插件或方法可以将每个单词包装成跨跨但保留格式？

javascript

jquery

回答 1

Stack Overflow用户

发布于 2013-10-13 00:15:26

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

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

它不会剥去标签。

使用此链接获取源：

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

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/6967485

复制

相似问题

问使用letterings.js保留文本格式
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问使用letterings.js保留文本格式EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问使用letterings.js保留文本格式
EN