textarea dimensions : bootstrap ? html ?

Version imprimable

Bonjour,
j'ai un textarea dans mon formulaire et je souhaite le dimensionner. J'ai essayé avec Bootstrap, avec les simples attributs html, mais ça veut pas. Merci de me dire...

Code:

1
2
3
4
5
6
<form action="traitement.php" method="post">
    <div class="col-lg-6 form-group">
         <textarea name="CeQueVousVoulez" id="file-picker" class="form-control" cols="" rows="1"></textarea>
    </div>
    <input type="submit" value="envoyer">
</form>

y a un mélange de Bootstrap et de html, mais j'ai tout essayé...

et le head :

Code:

1
2
3
4
5
6
7
 <!-- partie consacrée à TinyMCE -->
 
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
 
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">
 
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>

03/10/2023, 18h04
NoSmoking

Bonjour,
est-ce un élément <textarea> servant de support à tinyMCE, si oui il faut styler l'éditeur, voir : Options for customizing the editor’s UI mode par exemple.
04/10/2023, 09h27
laurentSc
Citation:

est-ce un élément <textarea> servant de support à tinyMCE

en effet, c'est le cas.

Comme j'y arrivais pas hier soir et que le matin, je fonctionne bien mieux que le soir, j'ai remis ça à ce matin. Cette fois, ça va mieux. Hier, j'avais pas vu l'exemple !

Visiblement, si on met des instructions pour dimensionner, il ne faut pas mettre d'unité ; j'avais commencé avec une width:50% et il n'en veut pas...Bizarre, non ?
Code:

1 2 3 4 5 6 tinymce.init({ selector: 'textarea#file-picker', ui_mode: 'split', width:1500, height:500, etc
04/10/2023, 18h06
NoSmoking
Citation:

Envoyé par laurentSc

Visiblement, si on met des instructions pour dimensionner, il ne faut pas mettre d'unité ; j'avais commencé avec une width:50% et il n'en veut pas...Bizarre, non ?

pourquoi, c'est eux qui décide de comment il fonctionne !

Dans ton cas, et dans bien des cas, il suffit de dimensionner le conteneur pour arriver au bon résultat
Code:

1 2 3 4 5 form { width: 50%; height: 20em; /* ne sera pas pris en compte il me semble */ margin: auto; }
le conteneur de l'éditeur s'adaptera, en largeur c'est sûr en hauteur c'est pas gagné, il me semble que c'est 400px par défaut :mrgreen:
05/10/2023, 12h34
laurentSc

Après plusieurs essais, je pense que pour fixer la hauteur, le mieux est d'utiliser TinyMCE.init...Dimensionner avec le conteneur ne conviendrait donc que pour la largeur (et dimensionner avec html (comme par exemple <textarea rows="10" cols="2">), il faut laisser tomber). OK ?
06/10/2023, 11h42
NoSmoking

Citation:

je pense que pour fixer la hauteur, le mieux est d'utiliser TinyMCE.init

voir :

↪ Editor size and resize options

Nota : les unités telles que %, em, et vh sont acceptées.
07/10/2023, 18h04
laurentSc

Je t'ai lu hier soir mais ai réessayé ce matin, et je me suis aperçu que j'avais oublié de refermer la balise <textarea>....

Je vais être indispo toute une semaine et reprise lundi 16/10...