[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.

[Vous devez être inscrit et connecté pour voir ce lien] 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.

[Vous devez être inscrit et connecté pour voir ce lien] a écrit:
Ce n'est pas parce que l'édition est bloqué que le mode WYSIWYG est activé!!!

[Vous devez être inscrit et connecté pour voir ce lien] 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;
}




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

[Vous devez être inscrit et connecté pour voir ce lien] a écrit:
Hello Mathis,
le script ne fonctionne pas sur la réponse rapide avec ta version.