javascript - 任何支持换行符+回调函数的 jQuery "typewriter"插件？

Question

最近我研究了六个 jQuery 插件，它们对文本产生“打字机”效果，但似乎没有一个支持换行符。如果您不确定这是什么，我的意思是这样的:

http://haydndemos.awardspace.co.uk/typewriter1.html

基本上我在段落元素中有文本并且有换行符。但是，每当我使用一个打字机插件处理我的段落元素时，打字机插件不会输入换行符，因此所有内容都在一个大行中，然后换行到下一行。例如，假设这是我希望打字机打出的文本:

测试1
测试2
测试3

它最终输入:

测试1测试2测试3

此外，其他一些打字机插件也不可靠，因为它们只在 li/ul 元素上打字，而不是段落元素。

我得到的最接近的是这个，它支持换行，但它不是免费的:

http://codecanyon.net/item/fancy-typewriter-jquery-plugin/full_screen_preview/158664

(我知道这支持换行符，因为我保存了网页并修改了段落，但是 Fancy Typewriter 脚本只能在本地工作，而不是在服务器上工作，所以它可能受版权保护......而且我不不想侵犯任何版权。)

谢谢!

Answer 1

我敢打赌其中大部分会正确添加空白，但不会被视为 <br>标签。

可以通过两种方式解决:

1. 如果您可以轻松访问文本，并执行类似 myText.replace('\n', '<br />'); 的操作
2. 或使用 CSS 使换行符按预期显示，而不需要 <br> .
   这类似于(在 CSS 中)#my-result { white-space: pre; }` 例如。

实际上，编写自己的打字机很容易，不需要插件，我在这里为您编写了一个小的概念证明:http://jsfiddle.net/Meligy/jDQnB/