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後