jquery - Cufon 和 Jquery 魔术预览

Question

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

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

Cufon.replace('p#mp_trythis1');

score 0 · Accepted Answer

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

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

score 0 · Accepted Answer

这是一个简化版本（没有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 插件实现的两个替代版本。

2 回答 2