2009-10-19 7 views
1

Je mis en place de plusieurs tailles de textarea avec diffrent comme:markitup modifie la taille explicitement définie de textarea?

<textarea class="markItUp" rows="5" cols="80" name="upstring"> 

ou

<textarea class="markItUp" rows="100" cols="80" name="upstring"> 

Mais après la markItUp a été appliqué, ils sont toujours redimensionnées à 18 lignes. Pourquoi?

J'ai vérifié les lignes avec firebug et son inchangé (toujours 5 ou 100) si changeant que ne servira pas. Comme j'ai beaucoup de textes, je veux faire de petites modifications, je ne sais pas quoi avoir un petit ou un grand secteur pour commencer car je connais déjà la taille appropriée.

Moyens aider

Répondre

5

Après quelques jouer autour de comprendre les choses que je produit le code suivant pour résoudre mon problème:

jQuery(".markItUp").markItUp(mySettings).css('height', function() { 
    /* Since line-height is set in the markItUp-css, fetch that value and 
    split it into value and unit. */ 
    var h = jQuery(this).css('line-height').match(/(\d+)(.*)/) 
    /* Multiply line-height-value with nr-of-rows and add the unit. */ 
    return (h[1]*jQuery(this).attr('rows'))+h[2] 
}); 
3

règles CSS remplacent généralement les lignes et les attributs COLS, donc plutôt que de compter sur ceux-ci, essayez la taille de votre textareas avec le fichier css « hauteur » et « largeur ».

+0

grâce, il m'a aidé à produire la solution – UlfR

Questions connexes