Keypress Events on NicEdit
HTML
<script src="http://js.nicedit.com/nicEdit-latest.js"></script>
<textarea name="area1" cols="40"><br /></textarea>
<div id="counter"></div>
JavaScript
nicEditors.allTextAreas();
var char = 60;
$("#counter").append("You have <strong>" + char + "</strong> char.");
$("div.nicEdit-main").keyup(function () {
if ($(this).text().length > char) {
$(this).text($(this).text().substr(1));
}
var rest = char - $(this).text().length;
$("#counter").html("You have <strong>" + rest + "</strong> char.");
if (rest <= 10) {
$("#counter").css("color", "#ff7777");
}
else {
$("#counter").css("color", "#111111");
}
});
//]]>