Discussion :

[laurentSc]

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 html :

Sélectionner tout - Visualiser dans une fenêtre à part

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 html :

Sélectionner tout - Visualiser dans une fenêtre à part

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>

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

[laurentSc]

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 js :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
tinymce.init({
            selector: 'textarea#file-picker',
            ui_mode: 'split',
            width:1500,
            height:500,
            etc

[NoSmoking]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

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

[NoSmoking]

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.

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