Nhập ký tự tab trong hộp văn bản trình duyệt

Rất nhiều lần, khi tôi muốn định dạng văn bản trong hộp văn bản của trang web, tôi sẽ nhấn Tabphím.

Thật không may, điều đó không chèn ký tự tab mà thay vào đó di chuyển điều khiển sang phần tử biểu mẫu tiếp theo (như nút hoặc hộp kiểm).

Đối với các trình duyệt như Firefox / IE, có cách nào để có được hành vi định dạng của tab, trong hộp văn bản, bằng cách nhập tổ hợp phím không?

Tabinta là một tiện ích bổ sung cho phép bạn làm điều này.

Trong Windows, bạn có thể đẩy Alt+ 09. Điều này chỉ hoạt động với các phím số pad. (Phát hành Altsau khi nhấn phím số cuối cùng.)

Linux và các hệ thống POSIX khác (trừ Mac OS):

Để nhập các tab trong ứng dụng GTK + (như Firefox hoặc Chrome):

1. Ctrl+ Shift+U

2. Thể loại 9

3. Nhấn SpacehoặcEnter

Nguồn: Wikipedia: Unicode Input

Trong Safari và Firefox trên Mac OS X, bạn có thể nhấn ControlOptionTabđể chèn một tab vào trường văn bản bạn đang chỉnh sửa.

Mở Notepad hoặc trình soạn thảo văn bản tương tự và bắt đầu một tài liệu trống mới. Loại Tab. Sao chép ký tự tab của bạn vào clipboard. (Trên Windows, Ctrl+ A, Ctrl+ Csẽ làm điều này).

Bây giờ chuyển trở lại textarea trong trình duyệt của bạn. Định vị con trỏ nơi bạn muốn và dán ký tự tab. ( Ctrl+ Vtrên Windows).

Voila, xong rồi!

Có một plugin Chrome có tên là Textarea Code Formatter .

Nó cho phép bạn chèn các tab vào hộp văn bản trong trình duyệt Chrome. Nó cũng cho phép bạn làm nổi bật nhiều dòng và chèn các tab trước mỗi dòng được chọn.

Tuy nhiên, một vấn đề là bạn thường muốn có hành vi chèn tab tiêu chuẩn. Nếu bạn sử dụng tab để chuyển đổi giữa các hộp, thì bạn có thể chọn "tắt" theo mặc định trong các tùy chọn.

Nếu đó là trang web của bạn:

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

jQuery(document).ready(function () {

     $("textarea").tabby();

});

Trước tiên, tải jQuery và plugin, sau đó bạn có thể tạo tab và tạo một tab và chuyển tab + thành "gỡ bỏ" như cũ.

Để hỗ trợ trên toàn trình duyệt, bạn sẽ phải sử dụng tiện ích mở rộng, usercript, plugin, v.v. như: 46704 cho Greasemonkey .

Ưu điểm lớn của Tabinta trong Firefox là bạn có thể ánh xạ ký tự tab sang một phím nóng khác, vì bạn thực sự không muốn mất hành vi mặc định của tab tab trong trình duyệt.

Với Internet Explorer, bạn không có giải pháp nào trong cách mở rộng trình duyệt mà tôi biết. Ở đây cách duy nhất là giữ ký tự tab trong bảng tạm bằng cách sao chép trước đó từ một số chương trình khác như notepad.

Các giải pháp javascript yêu cầu tên của hộp văn bản nơi chúng sẽ hoạt động, vì vậy điều này không lý tưởng hoặc thực tế. Mặc dù các tổ hợp mã khóa alt trong cả hai trình duyệt vẫn thực hiện sự kiện nhấn phím ký tự tab bình thường để chúng không hoạt động.

Tôi đã nhầm lẫn với AutoHotkey một chút để có được khả năng này và giải pháp 'chống đạn' duy nhất tôi tìm thấy là thực sự dán (không gửi) chính ký tự tab.

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

Nó chỉ ra rằng liên kết AHK này thậm chí còn hữu ích trong các trình soạn thảo văn bản xử lý thêm phím TAB; ví dụ. IDE được cấu hình để sử dụng autoindent-by-space.

Tab Grabber giống như Tabinta, chỉ dành cho Chrome (cho phép TAB trong các trường văn bản).

Sử dụng tabby của jQuerry! Hỗ trợ chọn hàng và nhấn tab odr SHIFT TAB

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

Để nhập khóa tab trong hộp văn bản, bạn có thể sử dụng tập lệnh như thế này (hộp văn bản chấp nhận các phím tab được đặt tên 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}; ");

Hoặc tốt hơn, để tránh mã hóa cứng, bạn có thể đặt mã này vào một hàm có tên EnableTabType. Hàm chỉ có một tham số, xác định điều TextBoxkhiển là nơi bạn cần kích hoạt nhập các ký tự 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}; ");
}

Nguồn: http://www.beansoftware.com/ASP.NET-Tutorials/Access-Tab-Key.aspx

hoặc sử dụng ahk để chèn không gian 4 * trong trình chỉnh sửa:

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

bạn có thể xem chi tiết mã khai thác trong mã ahk