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

Question

Na maior parte do tempo, quando quero formatar texto dentro de uma caixa de texto de uma página da Web, clico na tecla Tab .

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

Para navegadores como o 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?

    

Answer 1

O Tabinta é um add-on do Firefox que permite fazer isso.

    

Answer 2

No Windows, você pode pressionar Alt + 0 9 . Isso só funciona com as teclas numéricas do teclado numérico. (Solte Alt depois de pressionar a última tecla numérica.)

    

Answer 3

Linux e outros sistemas POSIX (exceto Mac OS):

To input tabs in GTK+ applications (like Firefox or Chrome):

1. Ctrl + Shift + U

2. Type 9

3. Press Space or Enter

Fonte: Wikipedia: Entrada Unicode

    

Answer 4

No Safari e Firefox no Mac OS X, você pode pressionar Controle Opção Guia para inserir uma aba no campo de texto que você está atualmente editando.

    

Answer 5

Existe um plug-in do Chrome chamado Formatador de código da Textarea .

Ele permite inserir guias em caixas de texto no navegador Google Chrome. Ele também permite destacar várias linhas e inserir guias antes de cada linha selecionada.

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

    

Answer 6

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

Agora, volte para a área de texto em seu navegador. Posicione o cursor onde você deseja e cole o caractere de tabulação. ( Ctrl + V no Windows).

Voila, pronto!

    

Answer 7

Se é o seu site:

Plugin jQuery: link

jQuery(document).ready(function () {

     $("textarea").tabby();

});

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

Para suporte em todo o navegador, você terá que usar uma extensão, userscript, plugin, etc. como: 46704 para Greasemonkey .

    

Answer 8

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 quer perder o comportamento padrão da tecla tab no navegador.

Com o Internet Explorer você não tem nenhuma solução no caminho das extensões de navegador que 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 de javascript exigem o nome da caixa de texto em que irão atuar, portanto isso está longe de ser ideal ou prático. Embora as combinações de alt keycode em ambos os navegadores ainda executem o evento normal de pressionamento de tecla de caractere de tabulação, para que elas não funcionem também.

    

Answer 9

Eu mexi um pouco no AutoHotkey para obter essa habilidade, e a única solução 'à prova de balas' que encontrei é realmente colar (não enviar) o caractere de tabulação em si.

;
; 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 AHK é útil até mesmo em editores de texto que manipulam o extra de pressionamento de tecla TAB; por exemplo. IDE configurado para usar autoindent-by-spaces.

    

Answer 10

Tab Grabber é um pouco como Tabinta, apenas para o Chrome (permite TABs em campos textarea ).

    

Answer 11

Use o gato malhado de jQuerry! Suporta select row e pressione tab odr SHIFT TAB

link

    

Answer 12

Para digitar a tecla tab em uma caixa de texto, você pode usar um script como esse (a caixa de texto que aceita teclas de tabulação é chamada 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, você pode colocar esse código em uma função chamada EnableTabType . A função tem apenas um parâmetro, que especifica o que é TextBox control, onde é necessário ativar a digitação de caracteres de tabulação.

[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: link

    

Answer 13

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

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

você pode ver explicações detalhadas do código em código ahk