Cufon和Jquery魔术预览

Question

Jquery Magic预览允许用户输入文本并让它自动更新（就像这个“提交字段”适用于下面的预览加载！）。我希望用户能够输入文本，然后输入Cufon字体来接管他们写的内容（或者只是用cufon字体输入）。

$(function() {
$('form.example input:text').magicpreview('mp_'); 
});

Cufon.replace('p#mp_trythis1');

此处的示例：http://twmorton.com/magicpreviewjquery/

Answer 1

好吧，我需要的一个更好的例子就是预览字体，比如在这个网站上：

http://www.fontspace.com/mario-arturo/sahara

当您输入所需内容时，无论运行预览的任何脚本都会刷新预览，以显示您输入的内容。

Answer 2

这是一个简化版本（没有magicpreview）：

html部分：

<h1>Cufon Test</h1>
<input id="in" type="text">
<div id="out"><h1>Start typing ...</h1></div>

javascript部分：

Cufon.replace('h1');
$('#in').keyup(function(){
    $('#out').html('<h1>'+$(this).val()+'</h1>');
    Cufon.replace('#out h1');
});

查看实时示例here

编辑：你可以看到两个替代版本here作为jQuery插件实现。

• v1在焦点丢失后更新@ 1000毫秒＆amp;只有脏了
• v2在最后一次密钥后更新@ 1000毫秒