it-swarm.asia

كتابة حرف علامة التبويب في مربعات النص المستعرض

في كثير من الأحيان ، عندما أرغب في تنسيق النص داخل مربع النص الخاص بصفحة الويب ، سأضغط على Tab مفتاح.

لسوء الحظ ، لا يؤدي ذلك إلى إدراج حرف علامة التبويب ولكنه ينقل عنصر التحكم بدلاً من ذلك إلى عنصر النموذج التالي (مثل زر أو خانة اختيار).

بالنسبة للمتصفحات مثل Firefox/IE ، هل هناك طريقة للحصول على سلوك التنسيق لعلامة تبويب ، داخل مربع نص ، بكتابة مجموعة مفاتيح؟

86
Rohit

Tabinta هي وظيفة إضافية في Firefox تتيح لك القيام بذلك.

10
invert

في ويندوز ، يمكنك الضغط Alt+9. هذا يعمل فقط مع مفاتيح الأرقام لوحة الأرقام. (إطلاق سراح Alt بعد الضغط على مفتاح الرقم الأخير.)

61
ta.speot.is

Linux وأنظمة POSIX الأخرى (باستثناء نظام التشغيل Mac OS):

لإدخال علامات التبويب في تطبيقات GTK + (مثل Firefox أو Chrome):

  1. Ctrl + Shift + U

  2. نوع 9

  3. صحافة Space أو Enter

المصدر: ويكيبيديا: إدخال Unicode

46
Janus Troelsen

في Safari و Firefox على Mac OS X ، يمكنك الضغط ControlOptionTab لإدراج علامة تبويب في حقل النص الذي تقوم بتحريره حاليًا.

13
Daniel Beck

افتح Notepad أو محرر نص مشابه ، وابدأ وثيقة فارغة جديدة. نوع Tab. انسخ حرف علامة التبويب الخاصة بك إلى الحافظة. (على ويندوز ، Ctrl+A، Ctrl+C سوف تفعل هذا).

انتقل الآن مرة أخرى إلى textarea في متصفحك. ضع المؤشر في المكان الذي تريده ، والصق حرف علامة التبويب. (Ctrl+V على ويندوز).

فويلا ، فعلت!

9
Doin

هناك مكون إضافي في Chrome يسمى Textarea Code Formatter .

يتيح لك إدراج علامات تبويب في مربعات النص في متصفح Chrome. كما يتيح لك تمييز خطوط متعددة وإدراج علامات تبويب قبل كل سطر محدد.

ومع ذلك ، فإن المشكلة هي أنك تريد غالبًا سلوك إدراج علامة تبويب قياسية. إذا كنت تستخدم علامة التبويب للتبديل بين الصناديق ، فيمكنك اختيار "معطل" افتراضيًا في الخيارات.

8
Jeromy Anglim

إذا كان موقعك:

البرنامج المساعد jQuery: http://teddevito.com/demos/textarea.html

jQuery(document).ready(function () {

     $("textarea").tabby();

});

قم بتحميل jQuery والمكون الإضافي أولاً ، ثم يمكنك وضع علامة تبويب وإنشاء علامة تبويب ، وتحويل علامة تبويب + إلى "إلغاء" كما كانت.

للحصول على دعم على مستوى المتصفح ، سيكون عليك استخدام امتداد أو usercript أو مكون إضافي ، إلخ ، مثل: 46704 لـ Greasemonkey .

4
Grizly

لقد عابثت 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 تم تهيئتها لاستخدام التداخل التلقائي بمسافات.

1
myf

الميزة الكبيرة لـ Tabinta في Firefox هي أنه يمكنك تعيين حرف علامة التبويب إلى مفتاح الاختصار الآخر ، منذ أنت حقا لا تريد أن تفقد السلوك الافتراضي لمفتاح علامة التبويب في المتصفح.

مع Internet Explorer ليس لديك أي حل في طريق امتدادات المتصفح التي أعرفها. الطريقة الوحيدة هنا هي الاحتفاظ بعلامة الجدولة في الحافظة عن طريق نسخها مسبقًا من برنامج آخر مثل المفكرة.

تتطلب حلول جافا سكريبت اسم مربع النص الذي ستعمل عليه ، لذلك هذا أبعد ما يكون عن المثالية أو العملية. على الرغم من أن مجموعات رمز المفتاح البديل ضمن كلا المستعرضين لا تزال تنفذ حدث الضغط على حرف علامة التبويب العادية حتى لا تعمل أيضًا.

1
A Dwarf

علامة التبويب Grabber نوعًا ما مثل Tabinta ، فقط لـ Chrome (يسمح بـ TABs في حقول textarea).

0
SiteKickr

استخدام العانس jQuerry! يدعم تحديد صف واضغط على علامة التبويب odr SHIFT TAB

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

0
liquid2026

لكتابة مفتاح علامة التبويب في مربع نص ، يمكنك استخدام برنامج نصي مثل هذا (مربع النص الذي يقبل مفاتيح علامات التبويب يسمى 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}; ");

أو الأفضل ، لتجنب الترميز الثابت ، يمكنك وضع هذا الرمز في دالة باسم EnableTabType. تحتوي الوظيفة على معلمة واحدة فقط ، والتي تحدد ما هو TextBox control حيث تحتاج إلى تمكين كتابة أحرف 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}; ");
}

المصدر: http://www.beansoftware.com/ASP.NET-Tutorials/Access-Tab-Key.aspx

0
admintech

أو استخدام ahk لإدراج مساحة 4 * في المحرر:

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

تستطيع أن ترى التوضيح تفاصيل التعليمات البرمجية في كود ahk

0
Lu Zhao