स्रोत टैग प्रविष्टि उपकरण दिखाई दिया

2 साल में पहली बार, या शायद इससे भी अधिक, हबर ने अप्राकृतिक तरीके से व्यवहार किया। किसी को उम्मीद नहीं थी , लेकिन इनपुट फ़ील्ड में बदलाव आए - वाक्य रचना हाइलाइटिंग के लिए भाषाओं के साथ SOURCE टैग का इनपुट फ़ील्ड। उसी समय, "सहायता" में पहले बताई गई भाषाओं की तुलना में बहुत अधिक भाषाओं के लिए समर्थन दिखाई दिया।

अब तक समर्थित (16 भाषाएँ):
bash lisp scala tex
ruby python php perl
xml javascript html
lua java cpp c# sql

अब समर्थित (41 भाषाएँ):

bash - Bash
cs - C#
cpp - C++
css - CSS
diff - Diff*
html - HTML
xml - XML
java - Java
javascript - JavaScript
php - PHP
perl - Perl
python - Python
ruby - Ruby
sql - SQL
1c - 1C*
actionscript - ActionScript*
apache - Apache*
axapta - Axapta*
cmake - CMake*
coffeescript - CoffeeScript*
dos - DOS*
delphi - Delphi*
django - Django*
erlang - Erlang*
erlang_repl - Erlang REPL*
go - Go*
haskell - Haskell*
lisp - Lisp
lua - Lua
mel - MEL*
markdown - Markdown*
matlab - Matlab*
nginx - Nginx*
objectivec - Objective C*
rust - Rust*
scala - Scala
smalltalk - Smalltalk*
tex - TeX
vbscript - VBScript*
vhdl - VHDL*
vala - Vala*

हालांकि, इस सूची का विस्तार हैबर के टूलटिप ("अनुमत HTML टैग्स") में हुआ है। यह अजीब है कि फॉन्ट टैग नहीं है। (किसी को यह न बताएं कि इसकी अनुमति नहीं है।) तारांकन इस सूची में नई भाषाओं को चिह्नित करते हैं, पहले साइट पर उपयोग किए गए तकनीकी नाम लिखें, और दाईं ओर सूची में उपयोगकर्ता के लिए सही ढंग से लिखे गए नाम हैं।


यह ख़बर अधूरी होगी अगर उसी समय 41 भाषाओं के समर्थन के साथ HabrAjax उपयोगकर्ता लिपि में समान भाषाओं के लिए समर्थन की रिपोर्ट न करें 0.83 संस्करण से । कल सब कुछ शांत और शांत था 16 भाषाओं के साथ, कोई सीएसएस नहीं। अब जब सभी ने यह जान लिया है कि दुनिया इन 16 भाषाओं की तुलना में व्यापक है, तो नए संस्करण में भी उनमें से 41 हैं।

मुख्य सूची को लंबे समय से प्रतीक्षित "सीएसएस" द्वारा पूरक किया गया था, और शेष 24 को अतिरिक्त सूची में दाईं ओर आश्रय दिया गया था। शुरू करने के लिए, जबकि यह नया है, मैंने अतिरिक्त सूची को नहीं छिपाया, CODE बटन पर मंडराने के बाद, दो एक ही बार में दिखाई देते हैं। शायद बाद में इसे छिपाना आवश्यक है, और, शायद, यह वैसे भी आरामदायक होगा। इसे बहुत बड़ी बनने से रोकने के लिए, पहली सूची में मौजूद "बोल्ड" शैली को हटा दिया गया है।

वर्तमान भाषाओं में बेहतर पहुंच के लिए सूचियों को फिर से व्यवस्थित करने की आवश्यकता हो सकती है। मैंने दुर्लभ और मृत भाषाओं को दूर करने की कोशिश की। मैं इस विषय में सूचियों पर भाषा रखने के प्रस्तावों (या दवाओं पर चर्चा) के लिए उत्सुक हूं।

भाषा हाइलाइटिंग दर्ज करने के लिए एक स्क्रिप्ट के साथ काम करना

हम दिखाएंगे कि SOURCE टैग के साथ भाषाओं के चयन की स्क्रिप्ट कैसे काम करती है। HabrAjax उपयोगकर्ता स्क्रिप्ट और ZenComment अंतर्निहित शैली स्थापित करने के बाद (स्क्रिप्ट सेटिंग्स में ZenComment शैलियों आइटम सक्षम करें (दाईं ओर स्क्रिप्ट आइकन पर क्लिक करें, या 2 अन्य तरीके हैं)) टिप्पणियां कॉम्पैक्ट रूप में पृष्ठों पर दिखाई देंगी। इनपुट क्षेत्र में नए कार्यों की उपस्थिति के अलावा, स्क्रिप्ट कई अन्य संभावनाएं प्रदान करती है: इनपुट क्षेत्र के निचले किनारे को स्थानांतरित करें, दर्ज करें & nbsp; Ctrl + Space, टैब, फॉंट और ब्लॉकक्वाट टैग (उद्धरण) दर्ज करें, बिना मॉडल संवाद के पते दर्ज करें, आदि। - सभी विवरण स्क्रिप्ट पृष्ठ पर पाए जा सकते हैं।

स्क्रीनशॉट दिखाता है कि आप सामान्य रूप से काफी संकीर्ण खिड़कियों के साथ काम कर सकते हैं। उदाहरण में 750px चौड़ी खिड़की थी। (इस स्क्रीनशॉट में भाषाओं के साथ मेनू को लाने के लिए, माउस को पहले शिलालेख "<CODE>" पर ले जाया गया।)

आइए देखें कि ज़ेनकॉम के बिना एक टिप्पणी कैसी दिखती है। यह खराब दिखता है, लेकिन 90% आगंतुकों के लिए यह अधिक परिचित है।


यह देखा जा सकता है कि टिप्पणियों में आमतौर पर लंबवत जगह होती है। फ्यूशिया रंग की पृष्ठभूमि से लेखक का विशद हाइलाइटिंग लेखक की टिप्पणियों का एक चिह्न है (जिसका सिंटैक्स हाइलाइटिंग फ़ंक्शन से कोई संबंध नहीं है)। स्क्रीनशॉट को उसी संकीर्ण विंडो पर लिया गया था, और यह स्पष्ट है कि इस तरह की खिड़की के लिए भाषाओं की पूरी विविधता पृष्ठ पर फिट नहीं होती है - पॉप-अप सूची उन शैलियों के साथ "कट" होती है जो पृष्ठ को सीमित करती हैं। ZenComment स्टाइल ने इस दोष को भी ठीक किया। फिर भी, 950 पिक्सेल से बड़ी खिड़की की चौड़ाई के साथ, भाषाओं की पूरी सूची के साथ पूरी तरह से काम करना भी संभव है।

ड्रॉप-डाउन सूची के साथ समाधान से अंतर यह है कि आपको सूची पर क्लिक करने की आवश्यकता है, यहां - बस माउस को स्थानांतरित करें। सूची के लिए, आपको इनपुट फ़ील्ड के ऊपर एक नए तत्व की आवश्यकता है, यहां सूची को मौजूदा तत्व से बांधा गया है। पूरी सूची देखने के लिए, आपको अभी भी नीचे स्क्रॉल करने की आवश्यकता है - यहां यह आवश्यक नहीं है, भाषाओं की पूरी सूची आपकी आंखों के सामने है।

लेख लिखने और प्रश्नों और उत्तरों में संदेशों के लिए स्क्रिप्ट में समान इनपुट बटन काम करते हैं।

 :<select class="with-title" name="list" onchange="habraWYG.insertList(this);"> <option value="" class="title">:</option> <option value="ul">UL LI</option> 

UPD : HabrAjax (0.832+) में भाषाओं को प्रदर्शित करने के लिए समर्थन जोड़ा गया।