Auto Preview

Preview the result while typing. Works on any input (text,textarea):

$(document).ready(function() {
 
	$("textarea").keyup(function () {
		var value = $(this).val();
		$("p").text(value);
	}).keyup();
 
});

Notice: Due to security issues i did not allow html content. that would be so if you change the following line:

		$("p").text(value);
	/* into */
		$("p").html(value);

With more advanced jquery you can use BB-Code or even real html code (only some elements allowed) in the textarea. So the preview would be more realistic as this is a common way of submitting comments etc.

Example

Preview:

CakePHP Sandbox App v2

Auto Preview

Example