TinyMCE: recherche d'une solution de comptage de lignes

Question

Je recherche un plugin ou un code avec une fonctionnalité comme le «nombre de lignes» ou le «numéro de ligne» dans les éditeurs courants. Le numéro de ligne est généralement affiché sur la bordure gauche du contenu des éditeurs. Quelqu'un at-il une idée de comment le faire avec TinyMCE?

Exemple:

Numéro de ligne | contenu

1. numéro de ligne un
2. numéro deux 3.
3. une ligne sautée (trois est vide) 5.
4. contenu fin

Answer 1

J'ai résolu ce problème en utilisant une feuille de style spéciale contenant un png avec les numéros de 1 à 999 placés sur le côté gauche de l'iframe éditeurs. Il est important que cette solution ne fonctionne que pour une taille de police et une hauteur de ligne prédéfinies!

body { 
    background-color:#FFFFFF; 
    background-image:url("http://www.mydomain.com/images/editor_lines.png") !important; 
    background-repeat:repeat-y !important; 
    font-family: Helvetica, sans-serif; 
    font-size: 12pt; 
    line-height: 19px; 
    margin: 1px 0 0; 
    padding-left: 40px !important; /*space for the png*/ 
} 

Answer 2

Voici un nombre de caractères de http://tinymce.moxiecode.com/punbb/viewtopic.php?id=10581

tinyMCE.init({ 
    .... 

    //Character count 
    theme_advanced_path : false, 
    setup : function(ed) { 
      ed.onKeyUp.add(function(ed, e) { 
       var strip = (tinyMCE.activeEditor.getContent()).replace(/(<([^>]+)>)/ig,""); 
       var text = strip.split(' ').length + " Words, " + strip.length + " Characters" 
     tinymce.DOM.setHTML(tinymce.DOM.get(tinyMCE.activeEditor.id + '_path_row'), text); 
    }); 
    } 

}); 

Vous pouvez modifier cela pour rechercher les sauts de ligne /n,<br>,etc...