Le Deal du moment :
Jeux, jouets et Lego : le deuxième à ...
Voir le deal

Partagez
 

 Compteur de mot

Aller en bas 
Compteur de mot - Jeu 3 Mai - 14:50

Compteur de mot




Parce souvent les forums RPG demande des nombres de mots minimum, ce code permet d'avoir un comptage automatique.



Pré-requis : accès au panneau d'administration.
Version forum : tous.
Difficulté : facile.
Où :
Javascript : Onglet module >> rubrique HTML & JAVASCRIPT >> Gestion des codes Javascript
CSS : Onglet Affichage >> Rubrique Images et Couleurs >> Couleur >> sous onglet Feuille de style CSS


Instruction.

  • Sélectionner oui à la question : Activer la gestion des codes Javascript.
  • Créer une nouveau javascript.
  • Ajoutez le titre que vous voulez, par exemple : Compteur de mot
  • Sélectionner : sur toutes les pages.
  • Coller le code n°1.
  • Enregistrez.
  • dans la feuille CSS ajoutez le code n°2
  • Enregistrez & voilà.


Codes.
1) JS
Code:
var wordcount = false;
                  
$(function(){
  if(!$('#text_editor_textarea').length || !$.fn["sceditor"]) return;

  $(function(){

    var e= $('#text_editor_textarea').sceditor('instance');
    if(!e) return;

    var wordCounter = $('<div class="word-counter"></div>').insertAfter('.sceditor-container');

    var count = function(){
      var t = '';
      var val = e.val().length;

      if(val > 0){
        t = e.val().replace(/<(?:.|\n)*?>/gm, '');
        t = t.replace(/\[(?:.|\n)*?\]/gm, '');
        t = t.split(' ');
      }
      
      wordCounter.html('Nombre de mots : '+ t.length);
      wordcount = false
    };

    e.keyDown(function(){
      if(wordcount) return;
      wordcount = true;
      count()
    });

    count()

  })
});

2) CSS
Code:
.word-counter{
  text-align: left;
  font-size: 12px;
  padding: 5px;
}


16/05/2018. Update.
J'ai modifié le code JS afin qu'il reconnaisse les parties codés de vos RP (aussi bien le BBCode que le HTML). Ainsi, le nombre de mot est réel, zéro triche pour allonger vos contenus Wink

une question ? Une instruction pas claire ? N'hésitez pas à répondre à ce sujet pour demander des éclaircissements.

Arya

Jamy
Jamy
ex-staffienne
 
Compteur de mot
Revenir en haut 
Page 1 sur 1

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Avada Kedagraph :: Section Codage :: Libre Service :: JavaScript-
Sauter vers: