Digitando o caractere de tabulação nas caixas de texto do navegador

Muitas vezes, quando eu quiser formatar o texto na caixa de texto de uma página da Web, pressionarei a Tabtecla.

Infelizmente, isso não insere o caractere de tabulação, mas move o controle para o próximo elemento do formulário (como um botão ou uma caixa de seleção).

Para navegadores como Firefox / IE, existe uma maneira de obter o comportamento de formatação de uma guia, dentro de uma caixa de texto, digitando uma combinação de teclas?

O Tabinta é um complemento do Firefox que permite fazer isso.

No Windows, você pode pressionar Alt+ 09. Isso funciona apenas com as teclas numéricas do teclado numérico. (Solte Altdepois de pressionar a última tecla numérica.)

Linux e outros sistemas POSIX (exceto Mac OS):

Para inserir guias nos aplicativos GTK + (como Firefox ou Chrome):

1. Ctrl+ Shift+U

2. Tipo 9

3. Pressione SpaceouEnter

Fonte: Wikipedia: Entrada Unicode

No Safari e Firefox no Mac OS X, você pode pressionar ControlOptionTabpara inserir uma guia no campo de texto que está editando no momento.

Abra o Bloco de notas ou editor de texto semelhante e inicie um novo documento em branco. Digite Tab. Copie o caractere de tabulação para a área de transferência. (No Windows, Ctrl+ A, Ctrl+ Cfará isso).

Agora volte para a área de texto no seu navegador. Posicione o cursor onde desejar e cole o caractere de tabulação. ( Ctrl+ Vno Windows).

Voila, pronto!

Existe um plug-in do Chrome chamado Textarea Code Formatter .

Permite inserir guias nas caixas de texto no navegador Chrome. Também permite destacar várias linhas e inserir guias antes de cada linha selecionada.

No entanto, um problema é que geralmente você deseja um comportamento padrão de inserção de guias. Se você usar a guia para alternar entre caixas, poderá selecionar "desativado" por padrão nas opções.

Se é o seu site:

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

jQuery(document).ready(function () {

     $("textarea").tabby();

});

Carregue o jQuery e o plug-in primeiro e, em seguida, você pode tabular e criar uma aba e mudar + tab para "desabotoar" por assim dizer.

Para suporte em todo o navegador, você precisará usar uma extensão, script de usuário, plug-in etc. como: 46704 para Greasemonkey .

A grande vantagem do Tabinta no Firefox é que você pode mapear o caractere de tabulação para outra tecla de atalho, pois você realmente não deseja perder o comportamento padrão da tecla tab no navegador.

Com o Internet Explorer, você não tem solução em termos de extensões de navegador que eu conheço. Aqui, a única maneira é manter o caractere de tabulação na área de transferência, copiando-o anteriormente de algum outro programa, como o bloco de notas.

As soluções javascript requerem o nome da caixa de texto em que atuarão, portanto, isso está longe de ser ideal ou prático. Enquanto as combinações de códigos de teclas alt em ambos os navegadores ainda executam o evento normal de pressionamento de caracteres de tabulação, elas também não funcionam.

Eu estraguei um pouco o AutoHotkey para obter essa capacidade, e a única solução 'à prova de balas' que encontrei é realmente colar (não enviar) o próprio caractere de tabulação.

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

Acontece que essa ligação do AHK é útil até em editores de texto que lidam com o pressionamento de tecla TAB extra; por exemplo. IDE configurado para usar autoindent por espaços.

O Tab Grabber é como Tabinta, apenas para o Chrome (permite TABs nos campos da área de texto).

Use o gato malhado de jQuerry! Oferece suporte à linha de seleção e pressiona a guia odr SHIFT TAB

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

Para digitar a tecla tab em uma caixa de texto, você pode usar um script como este (a caixa de texto que aceita as teclas tab é nomeada 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}; ");

Ou melhor, para evitar codificação duro, você pode colocar esse código em uma função chamada EnableTabType. A função possui apenas um parâmetro, que especifica qual é o TextBoxcontrole onde você precisa habilitar a digitação dos caracteres da guia.

[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

ou usando ahk para inserir 4 * espaço no editor:

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

você pode ver a explicação dos detalhes do código no código ahk