題 在瀏覽器文本框中鍵入製表符


很多時候,當我想在網頁的文本框中格式化文本時,我會點擊 標籤 鍵。

不幸的是,這不會插入製表符,而是將控件移動到下一個表單元素(如按鈕或複選框)。

對於像Firefox / IE這樣的瀏覽器,有沒有辦法通過鍵入組合鍵來獲取文本框中選項卡的格式化行為?


77
2017-11-09 14:32


起源




答案:


Tabinta 是一個Firefox附加組件,可以讓你這樣做。


10
2017-11-09 14:38



Chrome的任何解決方案? - sorin
@SorinSbarnea:看我的回答 - Janus Troelsen
它不再與Firefox兼容了。 - rory.ap


在Windows中,您可以推送 Alt鍵+09。這僅適用於數字鍵盤數字鍵。 (發布 Alt鍵 按下最後一個數字鍵後。)


55
2018-02-20 08:38



確保使用NumPad鍵 - CatamountJack
太棒了。澄清(在任何版本的Windows上):按住ALT鍵。按下並釋放數字鍵盤上的0。按下並釋放數字鍵盤上的9。釋放ALT鍵。然後剪切並粘貼剛製作的Tab,如果你必須做一堆! - Chris
僅當您擁有Windows和帶小鍵盤的鍵盤時。 - Mechanical snail
...如果您使用的是Chrome。 FF看起來像tab鍵,IE似乎沒有做任何事情。再次,+ 1提醒這個簡單的舊hack :) - Halil Özgür
我不使用帶有chrome的ubuntu - sorin


Linux和其他POSIX系統(Mac OS除外):

要在GTK +應用程序(如Firefox或Chrome)中輸入標籤:

  1. 按Ctrl + 轉移 + ü

  2. 類型 9

  3. 空間 要么 輸入

資源: 維基百科:Unicode輸入


43
2017-10-09 09:21



我不認為這適用於Mac上的Chrome。 - jcollum
@jcollum Chrome在Mac上不使用GTK +。 - Janus Troelsen
它可以工作,但不能同時縮進多行。 - MYGz


在Mac OS X上的Safari和Firefox中,您可以按 控制選項標籤 在當前正在編輯的文本字段中插入選項卡。


12
2018-03-27 22:33



看起來這在El Cap的Chrome 50中不起作用 - jcollum
也不是關於Sierra的Firefox 53。 - Jason R. Coombs
@JasonR.Coombs仍然可以在Safari中使用,因此在我寫這個答案後的四年裡,可以安全地假設Firefox發生了變化。 - Daniel Beck♦


有一個名為的Chrome插件 Textarea代碼格式化程序

它允許您在Chrome瀏覽器的文本框中插入標籤。它還允許您突出顯示多行並在每個選定行之前插入製表符。

但是,問題是您經常需要標準選項卡插入行為。如果您確實使用Tab鍵在框之間切換,則可以在選項中默認選擇“禁用”。


8
2017-10-14 07:37





打開記事本或類似的文本編輯器,並啟動一個新的空白文檔。 類型 標籤。 將製表符複製到剪貼板。 (在Windows上, 按Ctrl+一個按Ctrl+C 會這樣做)。

現在切換回瀏覽器中的textarea。 將光標定位在所需位置,然後粘貼製表符。 (按Ctrl+V 在Windows上)。

瞧,完了!


7
2017-09-17 18:33



Ciro,對於常規文本框和文本輸入字段,還是僅僅是“contenteditable”元素,它是否已被破壞?因為如果它只是“contenteditable”的問題,它可能不會影響那麼多人(例如OP)...... - Doin
這是最簡單的解決方案,除非您經常需要這樣做。 - jcollum


如果是您的網站:

jQuery插件: http://teddevito.com/demos/textarea.html

jQuery(document).ready(function () {

     $("textarea").tabby();

});

首先加載jQuery和插件,然後你可以選項卡並製作一個標籤,然後將+ tab移動到“untab”。

對於瀏覽器範圍的支持,您必須使用擴展名,用戶腳本,插件等,如:46704 for Greasemonkey的


4
2018-02-20 07:18



鏈接已經死了。什麼是所有這些jQuery的東西。必須有一種方法來使用純JavaScript接受標籤。 jQuery插件總是很適合已經實現的解決方案,但它並不是真正的解決方案。 - Triynko
試試這個負責人: stackoverflow.com/a/13130 - Grizly


最大的優勢 Tabinta 在 火狐 是你可以將標籤字符映射到另一個熱鍵,因為你真的不想丟失瀏覽器中的標籤鍵默認行為。

IE瀏覽器 你沒有我所知道的瀏覽器擴展方式的解決方案。這裡唯一的方法是將標籤字符保留在剪貼板中,方法是先將其從其他程序(例如記事本)中復制出來。

JavaScript解決方案需要文本框的名稱,他們將採取行動,因此這遠非理想或實用。雖然兩個瀏覽器下的alt鍵代碼組合仍然執行正常的製表符字符按鍵事件,因此它們也不起作用。


1
2017-11-09 14:52





我搞砸了機智 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配置為使用autoindent-by-spaces。


1
2017-12-13 15:52





Tab Grabber 有點像Tabinta,僅適用於Chrome(允許在textarea字段中使用TAB)。


0
2018-05-31 00:26