コメントのリアルタイムプレビュー欄を作成する Ads X Bluesky Misskey はてブ 2012.04.25 Code <script type="text/javascript"> jQuery(document).ready(function(){ //プレビュー欄をコメント欄下部に追加。 jQuery("").add("<h3 id='preview-title'>コメントプレビュー欄</h3><div id='comment-preview'></div>").appendTo(document.body); jQuery("#comment-preview, #preview-title").insertAfter("#comment"); //テキストボックスで叩かれた文字を表示する var $comment = ''; jQuery('#comment').keyup(function() { $comment = jQuery(this).val(); $comment = $comment.replace(/\n\n+/g, '<br /><br />').replace(/\n/g, "<br />"); jQuery('#comment-preview').html( $comment ); }); }); </script> Screen shot Note Description コメント欄にリアルタイムプレビュー欄を追加する。jQueryで施工する。 WordPress Ver. 3.3.1 Via How to Add Live Comment Preview to Comment Textarea without Plugin
