Créer un compteur de caractères pour l’éditeur wysiwyg WYMeditor.

Étant donné que WYMeditor fonctionne avec jQuery, il est plus aisé d’utiliser ce dernier pour créer notre script.

Le script suivant est inspiré de celui-ci.

jQuery(function(){
 jQuery('#idTextarea').wymeditor({
  postInit: function(wym) {
   wym.countChar(options);
  }
 })
 Wymeditor.prototype.countChar = function(options) {
  var wym = this;
  var defaults = {
  allowed: 255,
  warning: 25,
  cssWarning: 'warning',
  cssExceeded: 'exceeded',
  counterText: 'Caractères restants : '
 };
 var options = $.extend(defaults, options);
 function calculate(obj){
  var txt = obj.html();
  txt = txt.replace(/<\/?[^>]+>/gi, '');
  txt = txt.replace(/&nbsp;/g,' ');
  txt = txt.replace(/&amp;/g,'&');
  txt = txt.replace(/&gt;/g,'>');
  txt = txt.replace(/&lt;/g,'<');
  var count = txt.length;
  var available = options.allowed - count;
  addClass='';
  if(available <= options.warning && available >= 0){
   addClass = options.cssWarning;
  }else if(available < 0){
   addClass = options.cssExceeded;
  }
  obj.status('<span class="'+addClass+'">' + options.counterText + available + '</span>');
 };
 calculate(wym);
 $(wym._doc).keyup(function(){calculate(wym)});
 $(wym._doc).change(function(){calculate(wym)});
 };
}

Ce script peut surement être amélioré et toutes vos remarques sont les bienvenues.

Créer un compteur de caractères pour l\'éditeur wysiwyg WYMeditor. Étant donné que WYMeditor fonctionne avec jQuery, il est plus aisé d\'utiliser ce dernier pour créer notre script. Le script suivant est inspiré de celui-ci. jQuery(function(){ jQuery(\'#idTextarea\').wymeditor({ postInit: function(wym) { wym.countChar(options); } }) Wymeditor.prototype.countChar = function(options) { var wym = this; var ...