Question Taper le caractère de tabulation dans les zones de texte du navigateur


La plupart du temps, lorsque je veux formater du texte dans la zone de texte d’une page Web, je Languette clé.

Malheureusement, cela n'insère pas le caractère de tabulation mais déplace le contrôle vers l'élément de formulaire suivant (comme un bouton ou une case à cocher).

Pour les navigateurs comme Firefox / IE, existe-t-il un moyen d’obtenir le comportement de mise en forme d’un onglet, dans une zone de texte, en tapant une combinaison de touches?


75
2017-11-09 14:32


origine




Réponses:


Tabinta est un module complémentaire de Firefox qui vous permet de le faire.


10
2017-11-09 14:38



Une solution pour Chrome? - sorin
@SorinSbarnea: Voir ma réponse - Janus Troelsen


Dans Windows, vous pouvez pousser Alt+09. Cela fonctionne uniquement avec les touches numériques du pavé numérique. (Libération Alt après avoir appuyé sur la dernière touche numérique.)


53
2018-02-20 08:38



Assurez-vous d’utiliser les touches du pavé numérique - CatamountJack
C'est parfait. Pour clarifier (sur n'importe quelle version de Windows): maintenez votre touche ALT. Appuyez et relâchez 0 sur le pavé numérique. Appuyez et relâchez 9 sur le pavé numérique. Relâchez la touche ALT. Ensuite, coupez et collez l’onglet que vous venez de créer si vous devez le faire en groupe! - Chris
Seulement si vous avez Windows et un clavier avec un pavé numérique. - Mechanical snail
... et si vous utilisez Chrome. FF le voit comme la touche de tabulation, IE ne semble rien faire. Encore une fois, +1 pour rappeler ce hack simple et ancien :) - Halil Özgür
Je ne travaille pas sur Ubuntu avec chrome - sorin


Linux et autres systèmes POSIX (sauf Mac OS):

Pour saisir des onglets dans les applications GTK + (comme Firefox ou Chrome):

  1. Ctrl + Décalage + U

  2. Type 9

  3. presse Espace ou Entrer

La source: Wikipedia: entrée Unicode


39
2017-10-09 09:21



Je ne pense pas que cela fonctionne dans Chrome sur un Mac. - jcollum
@jcollum Chrome n'utilise pas GTK + sur les Mac. - Janus Troelsen
Cela fonctionne mais pas utile pour indenter plusieurs lignes à la fois. - MYGz


Dans Safari et Firefox sur Mac OS X, vous pouvez appuyer sur ContrôleOptionLanguette pour insérer un onglet dans le champ de texte en cours de modification.


11
2018-03-27 22:33



On dirait que cela ne fonctionne pas dans Chrome 50 sur El Cap - jcollum
Ni sur Firefox 53 sur Sierra. - Jason R. Coombs
@ JasonR.Coombs Fonctionne toujours dans Safari, donc on peut supposer que quelque chose a changé dans Firefox au cours des quatre années écoulées depuis que j'ai écrit cette réponse. - Daniel Beck♦


Il y a un plugin Chrome appelé Textarea Code Formatter.

Il vous permet d'insérer des onglets dans les zones de texte du navigateur Chrome. Il vous permet également de mettre en évidence plusieurs lignes et d'insérer des onglets avant chaque ligne sélectionnée.

Cependant, un problème est que vous souhaitez souvent un comportement d’insertion d’onglet standard. Si vous utilisez l'onglet pour basculer entre les cases, vous pouvez sélectionner "désactivé" par défaut dans les options.


8
2017-10-14 07:37





Ouvrez le Bloc-notes ou un éditeur de texte similaire et démarrez un nouveau document vierge. Type Languette. Copiez votre caractère de tabulation dans le presse-papiers. (Sous Windows, Ctrl+UNE, Ctrl+C fera cela).

Revenez maintenant à la zone de texte dans votre navigateur. Placez le curseur là où vous le souhaitez et collez le caractère de tabulation. (Ctrl+V sur Windows).

Voila, c'est fait!


7
2017-09-17 18:33



Ciro, est-il cassé pour les zones de texte normales et les champs de saisie de texte, ou simplement les éléments "contenteditable"? Parce que s'il ne s'agit que d'un problème de "contenteditable", cela pourrait ne pas affecter beaucoup de gens (l'OP par exemple) ... - Doin
C'était la solution la plus simple, sauf si vous deviez le faire fréquemment. - jcollum


Si c'est votre site:

plugin jQuery: http://teddevito.com/demos/textarea.html

jQuery(document).ready(function () {

     $("textarea").tabby();

});

Chargez jQuery et le plug-in en premier, puis vous pouvez tabuler et créer un onglet, et décaler + tab pour "untab" en quelque sorte.

Pour la prise en charge de l'ensemble du navigateur, vous devrez utiliser une extension, un script utilisateur, un plug-in, etc., par exemple: 46704 pour Mécano.


4
2018-02-20 07:18



Le lien est mort. Qu'est-ce qui est avec tout ce truc jQuery. Il doit y avoir un moyen d'accepter les onglets en utilisant JavaScript simple. Le plugin jQuery est toujours agréable pour une solution déjà implémentée, mais ce n’est pas vraiment la solution. - Triynko
Essayez ce chef: stackoverflow.com/a/13130 - Grizly