jqueryでユーザーテキストをプレビューする

このプレビュー機能でこのエディタの機能を実現したいと思います。jqueryでユーザーテキストをプレビューする

私はこのHTMLを持っている：

<textarea id="tbMsg" style="height:450px;width:100%;"></textarea>

私は、このdivの上に行くために上記のテキストエリア内のすべての2秒程度であるものは何でもしたいです。

 <DIV id="preview" style="BORDER-RIGHT: #c0c0c0 1px solid; PADDING-RIGHT: 3px; 
    BORDER-TOP: #c0c0c0 1px solid; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; BORDER-LEFT: #c0c0c0 1px solid; WIDTH: 660px; 
    PADDING-TOP: 3px; BORDER-BOTTOM: #c0c0c0 1px solid; HEIGHT: 700px"></DIV>

私はこのJavaScript/jQueryのを持っている：

<script type="text/javascript"> 
    $(function() { 
    $('#tbMsg').keyup(function() { 
     alert(1); 
     var text = $(this).val(); 
     $('#preview').html(text); 
    }); 
}); 
    </script>

アラート1は、要求が成功した波平ことを意味し、起こることはありません。私のjqueryはどこが間違っていますか？

出典

2012-04-01 Dmitry Makovetskiyd

ようこそ、あなたはエディタの問題を解決しましたか？私はあなたのニーズを満たす新しい答えを投稿しました:) –

ええと、私はbbcodeエディタを使いました。かわいいphpとckeditorよりずっと簡単で安全です –

タイミング同期の代わりにkeyUp detectionを実行するとよいでしょう。

$(function() { 
    $('#tbMsg').on('keyup', function() { 
     var text = $(this).val(); 
     $('#preview').html(text); 
    }); 
});

出典

2012-04-01 11:38:54 Joseph

問題はそれがキーアップにある必要はありません、それは..男がコピーしてペーストすれば、それはまだ動作しますか？ –

'CTRL + V'ペーストが動作し、コンテキストメニューがペーストされます。そうではありません。 – Joseph

あなたのコードはなぜ動かないのですか？！！！.. jqueryがロードされています。警告を入れたら、警告が出ます。 –

するとページが読み込まれると、条件：BBコードは「ある」とテキストエリアが空であるため

if (bbcode != $("#tbMsg").val())

は、失敗します。

出典

2012-04-01 11:34:45 frontendbeauty

ええと、何かを入力すると、それを得るべきです –

ああ。サーバーが200 Status OKを返していますか？ – frontendbeauty

jqueryでユーザーテキストをプレビューする

答えて

関連する問題