Cufon and Jquery Magic Предварительный просмотр

Question

Предварительный просмотр Jquery Magic позволяет пользователю вводить текст и автоматически обновлять его (так же, как это «поле отправки» работает с загрузкой предварительного просмотра ниже!).Я хотел бы, чтобы пользователь мог вводить текст, а затем шрифт Cufon, чтобы перенять написанное (или просто набрать его шрифтом cufon).

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

Cufon.replace('p#mp_trythis1');

Пример здесь: http://twmorton.com/magicpreviewjquery/

Answer 1

Вот упрощенная версия (без 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');
});

Смотрите живой пример здесь

РЕДАКТИРОВАТЬ: вы можете увидеть две альтернативные версии здесь реализованы как плагины jQuery.

• v1 обновляется через 1000 мс после потери фокуса и только в случае загрязнения
• v2 обновляется через 1000 мс после последнего нажатия

Answer 2

Хорошо, лучшим примером того, что мне нужно, был бы предварительный просмотр шрифта, как на этом сайте:

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

Когда вы вводите то, что вам нужно, любой скрипт, выполняющийПредварительный просмотр обновляет предварительный просмотр, чтобы показать вам, что вы набрали.