브라우저 텍스트 상자에 탭 문자 입력

많은 시간을 웹 페이지의 텍스트 상자 내에서 텍스트 형식을 지정하려면 Tab키를 누르십시오.

불행히도 탭 문자를 삽입하는 대신 컨트롤을 다음 양식 요소 (예 : 단추 또는 확인란)로 이동합니다.

Firefox / IE와 같은 브라우저의 경우 키 조합을 입력하여 텍스트 상자 내에서 탭의 서식 동작을 얻는 방법이 있습니까?

Tabinta 는이를 수행 할 수있는 Firefox 애드온입니다.

Windows에서는 Alt+ 를 누를 수 있습니다 09. 숫자 키패드 숫자 키에서만 작동합니다. ( Alt마지막 숫자 키를 누른 후 해제하십시오.)

Linux 및 기타 POSIX 시스템 (Mac OS 제외) :

GTK + 애플리케이션 (예 : Firefox 또는 Chrome)에서 탭을 입력하려면 다음을 수행하십시오.

1. Ctrl+ Shift+U

2. 유형 9

3. 를 누르 Space거나Enter

출처 : Wikipedia : 유니 코드 입력

Mac OS X의 Safari 및 Firefox에서는 ControlOptionTab현재 편집중인 텍스트 필드에 탭을 삽입 할 수 있습니다 .

메모장이나 유사한 텍스트 편집기를 열고 빈 문서를 새로 시작하십시오. 을 입력하십시오 Tab. 탭 문자를 클립 보드에 복사하십시오. (Windows에서는 Ctrl+ A, Ctrl+ C가이 작업을 수행합니다).

이제 브라우저에서 텍스트 영역으로 다시 전환하십시오. 원하는 곳에 커서를 놓고 탭 문자를 붙여 넣습니다. ( Windows의 경우 Ctrl+ V).

짜잔!

Textarea Code Formatter 라는 Chrome 플러그인이 있습니다 .

Chrome 브라우저의 텍스트 상자에 탭을 삽입 할 수 있습니다. 또한 선택한 각 줄 앞에 여러 줄을 강조 표시하고 탭을 삽입 할 수도 있습니다.

그러나 문제는 종종 표준 탭 삽입 동작을 원한다는 것입니다. 탭을 사용하여 상자 사이를 전환하면 옵션에서 기본적으로 "비활성화"를 선택할 수 있습니다.

귀하의 사이트 인 경우 :

jQuery 플러그인 : http://teddevito.com/demos/textarea.html

jQuery(document).ready(function () {

     $("textarea").tabby();

});

jQuery와 플러그인을 먼저로드 한 다음 탭하여 탭을 만들고 Shift + 탭을 그대로 "unab"로 설정할 수 있습니다.

브라우저 전체를 지원하려면 다음과 같은 확장명, 사용자 스크립트, 플러그인 등을 사용해야합니다. 46704 for Greasemonkey .

Firefox 에서 Tabinta 의 가장 큰 장점은 브라우저에서 탭 키 기본 동작을 잃고 싶지 않기 때문에 탭 문자를 다른 핫키에 매핑 할 수 있다는 것입니다.

Internet Explorer 를 사용하면 내가 알고있는 브라우저 확장 방법에 대한 솔루션이 없습니다. 여기서 유일한 방법은 메모장과 같은 다른 프로그램에서 탭 문자를 복사하여 클립 보드에 탭 문자를 유지하는 것입니다.

자바 스크립트 솔루션에는 텍스트 상자의 이름이 필요하므로 이상적이거나 실용적이지 않습니다. 두 브라우저에서 alt 키 코드 조합은 여전히 ​​일반 탭 문자 키 누르기 이벤트를 실행하므로 작동하지 않습니다.

나는 이 기능을 얻기 위해 AutoHotkey 를 약간 엉망으로 만들었고 , 내가 찾은 유일한 '방탄'솔루션은 실제로 탭 문자 자체 를 붙여 넣지 않는 것입니다.

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

이 AHK 바인드는 TAB 키 입력을 추가로 처리하는 텍스트 편집기에서도 유용합니다. 예. 공백으로 자동 들여 쓰기를 사용하도록 구성된 IDE.

Tab Grabber 는 Tabinta와 비슷하며 Chrome에서만 사용할 수 있습니다 (텍스트 영역 필드의 TAB 허용).

jQuerry의 tabby를 사용하십시오! 행 선택 및 프레스 탭 ​​odr SHIFT TAB 지원

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

텍스트 상자에 탭 키를 입력하려면 다음과 같은 스크립트를 사용할 수 있습니다 (탭 키를 허용하는 텍스트 상자의 이름은 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}; ")

[씨#]

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

또는 하드 코딩을 피하기 위해이 코드를라는 함수에 넣을 수 있습니다 EnableTabType. 이 함수에는 하나의 매개 변수 만 있습니다.이 매개 변수 TextBox는 탭 문자 입력을 활성화해야하는 제어 대상 을 지정 합니다.

[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 

[씨#]

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

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

또는 ahk를 사용하여 편집기에 4 * 공백을 삽입하십시오.

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

ahk 코드 에서 코드 세부 설명 설명을 볼 수 있습니다