it-swarm-eu.dev

Digitando il carattere di tabulazione nelle caselle di testo del browser

Un sacco di volte, quando voglio formattare il testo all'interno della casella di testo di una pagina web, premo il tasto Tab chiave.

Sfortunatamente, questo non inserisce il carattere di tabulazione ma sposta il controllo sull'elemento di modulo successivo (come un pulsante o una casella di controllo).

Per i browser come Firefox/IE, c'è un modo per ottenere il comportamento di formattazione di una scheda, all'interno di una casella di testo, digitando una combinazione di tasti?

86
Rohit

Tabinta è un componente aggiuntivo per Firefox che ti consente di farlo.

10
invert

In Windows, puoi premere Alt+9. Funziona solo con i tasti numerici del tastierino numerico. (Pubblicazione Alt dopo aver premuto l'ultimo tasto numerico.)

61
ta.speot.is

Linux e altri sistemi POSIX (eccetto Mac OS):

Per inserire schede nelle applicazioni GTK + (come Firefox o Chrome):

  1. Ctrl + Shift + U

  2. Genere 9

  3. Stampa Space o Enter

Fonte: Wikipedia: Unicode Input

46
Janus Troelsen

In Safari e Firefox su Mac OS X, puoi premere ControlOptionTab per inserire una scheda nel campo di testo che stai attualmente modificando.

13
Daniel Beck

Aprire Blocco note o editor di testo simile e avviare un nuovo documento vuoto. genere Tab. Copia il tuo carattere di tabulazione negli Appunti. (Su Windows, Ctrl+ACtrl+C lo farà).

Ora torna alla textarea nel tuo browser. Posiziona il cursore nel punto desiderato e incolla il carattere di tabulazione. (Ctrl+V Su Windows).

Voilà, fatto!

9
Doin

C'è un plugin Chrome chiamato Textarea Code Formatter .

Ti consente di inserire le schede in caselle di testo nel browser Chrome. Consente inoltre di evidenziare più linee e inserire schede prima di ciascuna linea selezionata.

Tuttavia, un problema è che spesso si desidera un comportamento di inserimento delle schede standard. Se si utilizza la scheda per passare da una casella all'altra, è possibile selezionare "disabilitato" per impostazione predefinita nelle opzioni.

8
Jeromy Anglim

Se è il tuo sito:

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

jQuery(document).ready(function () {

     $("textarea").tabby();

});

Carica prima jQuery e il plug-in, poi puoi tab e creare una scheda e spostare + tab su "untab".

Per il supporto a livello di browser, dovrai utilizzare un'estensione, usercript, plug-in, ecc. Come: 46704 per Greasemonkey .

4
Grizly

Ho incasinato wit AutoHotkey un po 'per ottenere questa capacità, e l'unica soluzione' a prova di proiettile 'che ho trovato è davvero quella di incolla (non invia) il carattere di tabulazione stesso.

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

Si scopre che questo bind AHK è persino utile negli editor di testo che gestiscono il tasto TAB in più; per esempio. IDE configurato per utilizzare autoindent-by-spaces.

1
myf

Il grande vantaggio di Tabinta in Firefox è che puoi mappare il carattere di tabulazione su un altro tasto di scelta rapida, poiché davvero non si vuole perdere il comportamento predefinito della chiave di tabulazione nel browser.

Con Internet Explorer non hai alcuna soluzione in merito alle estensioni del browser di cui sono a conoscenza. Qui l'unico modo è di mantenere il carattere di tabulazione negli appunti avendo precedentemente copiato da un altro programma come il blocco note.

le soluzioni javascript richiedono il nome della casella di testo su cui agiranno, quindi questo è lontano dall'ideale o pratico. Mentre le combinazioni di codici tasto alt sotto entrambi i browser eseguono ancora il normale evento di pressione del tasto carattere tab, quindi non funzionano neanche.

1
A Dwarf

Tab Grabber è un po 'come Tabinta, solo per Chrome (consente TAB nei campi textarea).

0
SiteKickr

Usa il tabby di jQuerry! Supporta selezionare la riga e premere la scheda o SHIFT TAB

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

0
liquid2026

Per digitare la chiave di tabulazione in una casella di testo, puoi utilizzare uno script come questo (la casella di testo che accetta le chiavi di tabulazione è denominata 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}; ");

O meglio, per evitare hard coding, puoi inserire questo codice in una funzione chiamata EnableTabType. La funzione ha un solo parametro, che specifica cos'è il controllo TextBox in cui è necessario abilitare la digitazione dei caratteri Tab.

[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}; ");
}

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

0
admintech

o usando ahk per inserire 4 * spazio nell'editor:

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

puoi vedere la spiegazione dei dettagli del codice in codice ahk

0
Lu Zhao