it-swarm.com.de

Eingabe des Tabulatorzeichens in Textfelder des Browsers

Wenn ich Text im Textfeld einer Webseite formatieren möchte, tippe ich häufig auf Tab Schlüssel.

Leider wird dabei nicht das Tabulatorzeichen eingefügt, sondern das Steuerelement zum nächsten Formularelement verschoben (z. B. zu einer Schaltfläche oder einem Kontrollkästchen).

Gibt es für Browser wie Firefox/IE eine Möglichkeit, das Formatierungsverhalten einer Registerkarte in einem Textfeld durch Eingabe einer Tastenkombination zu ermitteln?

86
Rohit

Tabinta ist ein Firefox-Add-On, mit dem Sie dies tun können.

10
invert

In Windows können Sie Push ausführen Alt+9. Dies funktioniert nur mit den Zifferntasten des Ziffernblocks. (Veröffentlichung Alt nach dem Drücken der letzten Zifferntaste.)

61
ta.speot.is

Linux und andere POSIX-Systeme (außer Mac OS):

So geben Sie Tabulatoren in GTK + -Anwendungen (wie Firefox oder Chrome) ein:

  1. Ctrl + Shift + U

  2. Art 9

  3. Drücken Sie Space oder Enter

Quelle: Wikipedia: Unicode Input

46
Janus Troelsen

In Safari und Firefox unter Mac OS X können Sie drücken ControlOptionTab um eine Registerkarte in das Textfeld einzufügen, das Sie gerade bearbeiten.

13
Daniel Beck

Öffnen Sie Notepad oder einen ähnlichen Texteditor und starten Sie ein neues leeres Dokument. Art Tab. Kopieren Sie Ihr Tabulatorzeichen in die Zwischenablage. (Unter Windows Ctrl+ACtrl+C werde dies tun).

Wechseln Sie nun zurück in den Textbereich Ihres Browsers. Positionieren Sie den Cursor an der gewünschten Stelle und fügen Sie das Tabulatorzeichen ein. (Ctrl+V unter Windows).

Voila, fertig!

9
Doin

Es gibt ein Chrome-Plugin namens Textarea Code Formatter .

Hiermit können Sie Tabulatoren in Textfelder im Chrome-Browser einfügen. Sie können auch mehrere Zeilen markieren und Tabulatoren vor jeder ausgewählten Zeile einfügen.

Ein Problem ist jedoch, dass Sie häufig das Standardverhalten beim Einfügen von Registerkarten wünschen. Wenn Sie mit der Tabulatortaste zwischen den Feldern wechseln, können Sie in den Optionen standardmäßig "deaktiviert" auswählen.

8
Jeromy Anglim

Wenn es Ihre Site ist:

jQuery-Plugin: http://teddevito.com/demos/textarea.html

jQuery(document).ready(function () {

     $("textarea").tabby();

});

Laden Sie zuerst jQuery und das Plugin, dann können Sie einen Tabulator und einen Tabulator erstellen und die Umschalttaste + Tabulator sozusagen auf "Untab" setzen.

Für die browserweite Unterstützung müssen Sie eine Erweiterung, ein UserScript, ein Plugin usw. verwenden, z. B .: 46704 für Greasemonkey .

4
Grizly

Ich habe mit AutoHotkey ein bisschen rumgespielt, um diese Fähigkeit zu bekommen, und die einzige 'kugelsichere' Lösung, die ich gefunden habe, ist wirklich Einfügen (nicht senden) das Tabulatorzeichen selbst.

;
; TAB character
; pasted from clipboard
; win tab
;
#tab::
old_clip:=clipboard
clipboard:=A_Tab
clipWait
sendInput,^v
clipboard:=old_clip
clipWait
return

Es stellt sich heraus, dass diese AHK-Bindung sogar in Texteditoren nützlich ist, die den zusätzlichen TAB-Tastendruck verarbeiten. z.B. IDE für die Verwendung von Leerzeichen konfiguriert.

1
myf

Der große Vorteil von Tabinta in Firefox ist, dass Sie das Tabulatorzeichen einem anderen Hotkey zuordnen können, da Sie möchten das Standardverhalten der Tabulatortaste im Browser wirklich nicht verlieren.

Mit Internet Explorer haben Sie keine Lösung für Browsererweiterungen, die mir bekannt sind. Hier besteht die einzige Möglichkeit darin, das Tabulatorzeichen in der Zwischenablage zu belassen, indem es zuvor aus einem anderen Programm wie dem Editor kopiert wurde.

für Javascript-Lösungen ist der Name des Textfelds erforderlich, in dem sie ausgeführt werden. Dies ist also alles andere als ideal oder praktisch. Während ALT-Tastenkombinationen unter beiden Browsern weiterhin das normale Tastendruckereignis für Tabulatorzeichen ausführen, funktionieren sie auch nicht.

1
A Dwarf

Tab Grabber ist ein bisschen wie Tabinta, nur für Chrome (erlaubt TABs in Textfeldern).

0
SiteKickr

Benutze jQuerrys Tabby! Unterstützt die Auswahl einer Zeile und drückt die Tabulatortaste oder die UMSCHALTTASTE

http://www.herby.sk/trapped/bower_components/jquery-tabby/textarea.mirror.html

0
liquid2026

Um die Tabulatortaste in ein Textfeld einzugeben, können Sie ein Skript wie das folgende verwenden (Textfeld, das Tabulatortasten akzeptiert, heißt txtLongText):

[VB.NET]

txtLongText.Attributes.Add("onkeydown", _
"if(event.which || event.keyCode){if ((event.which == 9)" & _ 
"|| (event.keyCode == 9)) {document.getElementById('" & _ 
txtLongText.ClientID + "').selection = " & _
document.selection.createRange();" & _ 
txtLongText.ClientID & ".selection.text = " & _
" String.fromCharCode(9);return false;}} else {return true}; ")

[C #]

txtLongText.Attributes.Add("onkeydown", 
"if(event.which || event.keyCode){if ((event.which == 9)" +
"|| (event.keyCode == 9)) {document.getElementById('"+
txtLongText.ClientID + "').selection = document.selection.createRange();" + 
txtLongText.ClientID + ".selection.text = String.fromCharCode(9);return false;}} else {return true}; ");

Um eine harte Codierung zu vermeiden, können Sie diesen Code auch in eine Funktion mit dem Namen EnableTabType einfügen. Die Funktion hat nur einen Parameter, der angibt, was TextBox control ist, wenn Sie die Eingabe von Tabulatorzeichen aktivieren müssen.

[VB.NET]

Public Sub EnableTabType(tb As TextBox)
    tb.Attributes.Add("onkeydown", _
    "if(event.which || event.keyCode){if((event.which == 9)" & _ 
    "|| (event.keyCode == 9)) {document.getElementById('" & _ 
    tb.ClientID & "').selection=document.selection.createRange();" & _
    tb.ClientID & ".selection.text = " & _
    " String.fromCharCode(9);return false;}}else{return true};")
End Sub 

[C #]

public void EnableTabType(TextBox tb)
{ 
    tb.Attributes.Add("onkeydown", 
    "if(event.which || event.keyCode){if ((event.which == 9)" +
    "|| (event.keyCode == 9)) {document.getElementById('"+
    tb.ClientID + "').selection = document.selection.createRange();" +
    tb.ClientID + ".selection.text = String.fromCharCode(9);return false;}} else {return true}; ");
}

Quelle: http://www.beansoftware.com/ASP.NET-Tutorials/Access-Tab-Key.aspx

0
admintech

oder benutze ahk um 4 * Leerzeichen in den Editor einzufügen:

^Right::
tabspace:="    "
send,%tabspace%    
return 

sie können die Erklärung der Codedetails in ahk-Code sehen.

0
Lu Zhao