8
votes

Existe-t-il un moyen d'envelopper les boutons de la barre d'outils à la ligne suivante de TinyMCE si la largeur de l'éditeur est trop petite?

J'utilise TinyMCE dans le thème avancé. Aujourd'hui, je dois spécifier à l'avance les boutons de chaque ligne de barre d'outils: theme_advanced_buttons1, theme_advanced_buttons2 et theme_advanced_buttons3.

Y a-t-il un moyen de spécifier une seule liste de boutons et de laisser les boutons envelopper à la ligne suivante si la largeur de l'éditeur est trop petite pour les contenir dans une seule ligne?


0 commentaires

6 Réponses :


1
votes

Non, malheureusement, cela n'est pas possible (en utilisant TINYMCE3). Pour TinyMce4, c'est un autre problème.


6 commentaires

La question remonte à 2012 et avec Tinymce3, ce n'est pas possible. Tinymce4 rend ça marche!


Réponse obsolète. Maintenant, TinyMCE 4 soutient cela.


@Thariama Pourquoi ne pas mettre à jour la réponse pour refléter les deux version 3 et 4. Mention que la version 3 n'est pas possible, la version 4 est possible. Je pourrais supprimer le vote en panne et même le vote.


@Basil: Je ne sais pas combien de billets de TinyMCE dont j'ai répondu au cours des dernières années, mais je suppose qu'il y a plusieurs tours de tours. Je n'ai pas le temps de mettre à jour chacune de ces réponses. J'espère que vous comprenez cela.


Je comprends maintenant. Merci pour vos efforts.


Je viens de regarder de plus près ici: Stackoverflow.com/tags/tinymce/topusers - J'ai répondu à 1350 questions TinyMCE jusqu'à présent (la plupart d'entre eux TinyMce3) :)



0
votes

Vous pouvez le faire dans l'inverse: TinyMCE: Comment afficher toutes les barres d'outils sur une seule ligne?

Il ne verra pas chaque bouton seul, mais je pense que vous pouvez faire mieux de cette façon.


0 commentaires

15
votes

Cela ne le fait pas en soi, mais à TinyMCE 4.x, vous pouvez ajouter plusieurs barres d'outils comme ci-dessous

tinymce.init({
        selector: ".tinymce-textarea",
        theme: "modern",
        plugins: [
            "advlist autolink lists link image charmap print preview anchor",
            "searchreplace visualblocks code fullscreen textcolor emoticons",
            "insertdatetime media table contextmenu paste jbimages"//moxiemanager
        ],
        file_browser_callback: false,
        toolbar1: " bold italic | alignleft aligncenter alignright alignjustify | bullist numlist | outdent indent | link image media preview ",
        toolbar2: "forecolor backcolor emoticons | jbimages ",
        relative_urls : false

    });


1 commentaires

Dans TinyMCE 4.3, j'ai besoin d'utiliser un tableau: Tinymce.init ({Barre d'outils: ["Bold Italic", "Souligner Styleselect"]})



14
votes

Je suis surpris que ce n'était pas une réponse, mais je viens d'utiliser: xxx

Je n'ai qu'une barre d'outils et sur des écrans plus petits, il s'enveloppe au besoin.


1 commentaires

Fouillé loin pour ça! Merci! Travaillé parfaitement.



-1
votes

fonctionne avec TinyMCE 3.x

.mceToolbar td {float: left;}


0 commentaires

0
votes

Il n'est pas possible lorsque vous utilisez le mode en ligne.


0 commentaires