[BESTOF][AWESOMEBB] Nombre de caractères restant sur les nouveaux sujets

Sauf que petite particularité de mon forum, le mode édition est (volontairement) désactivé ce qui veut dire que les membres n'ont accès qu'au mode WYSIWYG.

Et pour faire d'une pierre deux coups, j'aimerais que mes membres puissent voir le nombre de caractères qu'ils ont tapé uniquement en mode WYSIWYG.

@Milouze14 a écrit:
Hello Mathis,
je ne vois pas l'intérêt de barre une barre de progression pour donner une information à tes membres, la meilleure des choses et de donner le nombre de caractère restant.

@Milouze14 a écrit:
Ce n'est pas parce que l'édition est bloqué que le mode WYSIWYG est activé!!!

@Milouze14 a écrit:Donc, on est d'accord que dans l'autre mode, on affiche rien ?

Code:


jQuery(document).ready(function(){
$('#text_editor_textarea').before('<div id="M14_Decompte"class="block-header"align="center">Nombre de caractére(s) <b>0</b>   sur 65000 autorisés.</div>');
});function addcounters () {
winwin = $('.sceditor-container iframe')[0];
winwin.contentDocument.onkeyup = function () {
with (winwin.contentWindow.parent.document) {
$('#M14_Decompte').html('Nombre de caractére(s) '+ winwin.contentDocument.body.innerText.length + '  sur 65000 autorisés.');}};
$('.sceditor-container textarea').keyup(function() {
$('#M14_Decompte').html('Nombre de caractére(s) <b>'+ this.value.length + '</b>   sur 65000 autorisés.');});};
$(window).ready(function() {setTimeout(addcounters,1000);});


Code:


$(function(){
if(!$('#text_editor_textarea').length || !$.fn["sceditor"]) return;
  var smil=$('#smiley-box,#smileyContainer').length;
  if(smil)
  {
$(function(){
$('.sceditor-container').after('<div id="M14_Decompte">Reste <span class="M14_Decompte">65000</span> <b>caractères</b></div>');
var texta=$('#text_editor_textarea').sceditor('instance');
if(!texta) return; 
var raf= function(){var decompte=65000;var num=texta.val().length;var result=decompte-num;$('.M14_Decompte').text(result);
};texta.keyUp(function(){setTimeout(function(){ raf() }, 1000)});raf()})
  }
  });



Code:


div#M14_Decompte
{
width:40%;margin-left:30%;height:30px;line-height:30px;color:white;background-color:#20aec8;text-align:center;font-size:12px;
}
/*LA PARTIE DES CARACTERES*/
span.M14_Decompte
{
color:#222222;
font-size:12px;
}




Penser a cliquer sur le bouton

Oui mais le mode WYSIWYG est activé. Seul le bouton pour basculer d'un mode d'édition à l'autre est désactivé par du CSS :D

@Milouze14 a écrit:
Hello Mathis,
le script ne fonctionne pas sur la réponse rapide avec ta version.