Cufon和jquery魔术预览

Question

jquery魔术预览允许用户输入文本并让它自动更新（很像这个“提交区域”可用于下面的预览加载！）。我希望用户能够输入文本，然后使用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

EDIT ：你可以看到两个替代版本here im被认为是jQuery插件。

• V1更新@焦点后1000毫秒失去&只有脏
• V2更新@ 1000毫秒最后KEYUP后