Cufon和Jquery Magic Preview

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​

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

• v1在失去焦点后更新@ 1000毫秒&仅当脏的
• v2在最后一个keyup

之后@ 1000毫秒更新时