2010-07-12 8 views
23

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

उत्तर

29

html.vim सिंटैक्स फ़ाइल विम संविधान है यह निर्धारित करने के लिए कि कौन से टैग रंग होंगे। इसका स्थान विम की स्थापना पर निर्भर करेगा। इस वाक्यविन्यास फ़ाइल के भीतर आपको निम्नलिखित पंक्तियां दिखाई देगी:

" new html 4.0 tags 
syn keyword htmlTagName contained abbr acronym bdo button col label 
syn keyword htmlTagName contained colgroup del fieldset iframe ins legend 
syn keyword htmlTagName contained object optgroup q s tbody tfoot thead 

ये पंक्तियां सिंटैक्स कीवर्ड परिभाषित करती हैं। इस मामले में वे विशेष रूप से HTML टैग नाम परिभाषित करते हैं। पहली पंक्ति विम को abbr, acronym, bdo, button, col, और label टैग रंग देने के लिए बताती है। आप विम बता निम्न सिंटैक्स के साथ अतिरिक्त टैग रंग करने के लिए कर सकते हैं:

" new html 5 tags 
syn keyword htmlTagName contained video canvas 

विम अब रंग होगा video और canvas टैग और किसी भी अतिरिक्त कीवर्ड जोड़ना।

हालांकि अगर आप अंतर्निहित html.vim अपडेट करते हैं तो अगली बार जब आप वीम अपडेट करेंगे, तो सबसे अच्छा अभ्यास इन नियमों में आपके नियमों को जोड़ना है। ऐसा करने के लिए अपने .vim फ़ोल्डर में फ़ोल्डर पथ after/syntax बनाएं और इसमें html.vim रखें।

नीचे दिए गए @ user240515 द्वारा उल्लिखित gist में एचटीएमएल 5 तत्वों और तर्कों की एक बड़ी संख्या है। इसकी नई सामग्री html.vim में इसकी सामग्री पेस्ट करें।

कुछ और जानकारी के लिए :help html.vim से परामर्श लें।

+0

धन्यवाद mikemike – unmounted

+0

@ माइकेलमिचेल धन्यवाद, लेकिन मेरे लिए काम नहीं कर रहा है, मैंने उन पंक्तियों को जोड़ा जो @Johan ने अपने जवाब में कहा लेकिन मुझे उदाहरण के लिए '

' टैग में हाइलाइट नहीं किया जा रहा है ... फ़ोल्डरों की अनुमतियां/फ़ाइल नियमित वाक्यविन्यास फ़ाइलों के समान हैं। यहां आपके पास फ़ाइल की सामग्री है: http://pastebin.com/cp8qYDze – ziiweb

22

इस प्रश्न के लिए धन्यवाद, और स्वीकृत उत्तर के लिए धन्यवाद!

" new html 5 tags 
syn keyword htmlTagName contained article aside audio canvas command datalist 
syn keyword htmlTagName contained details embed figcaption figure footer header 
syn keyword htmlTagName contained hgroup keygen mark meter nav output progress 
syn keyword htmlTagName contained rp rt ruby section source summary time video 
7

बस ~/.vim/वाक्य-विन्यास में निम्न फ़ाइल डाल:

http://gist.github.com/390929 इस नए टैग की एक पूरी सूची एचटीएमएल 5 के लिए जोड़ने के लिए, के रूप में वे लेखन के समय निर्धारित किए जाते हैं

+5

मुझे यह करने में परेशानी थी; इसके बजाय इसे "html.vim" में बदल दिया गया और इसे .vim/after/syntax – mjhoy

10

मैं बस के बारे में यह एक कोशिश करने के लिए कर रहा हूँ:

http://github.com/othree/html5.vim

बहुत पूरा लगता है।

संपादित करें: मुझे इंडेंटेशन के बारे में कुछ भी दिखाई नहीं देता है। :(

संपादित करें [2012/12/23]: मुझे क्या करना :) लेकिन शायद यह है बाद में जोड़ा गया है: https://github.com/othree/html5.vim/tree/master/indent

+0

में डाल दिया गया है, एचटीएमएल 5 जावास्क्रिप्ट एपीआई ("ऑनमूसहेल", "ऑनड्रागस्टार्ट") की बड़ी मात्रा के लिए omnicomplete – unmounted

+0

इसे स्थापित करने का एक तरीका यह है: 'गिट क्लोन https: // github.com/othree/html5.vim' फिर उस निर्देशिका पर जाएं और निष्पादित करें: 'इंस्टॉल करें'। यह सभी आवश्यक फ़ाइलों को आपके ~/.vim निर्देशिका में स्थापित करेगा। इसमें लगभग 1 सेकंड लगते हैं। – lepe

4

इंडेंटेशन एक दृष्टिकोण html.vim वाक्य रचना फ़ाइल के विस्तार के लिए michaelmichael द्वारा वर्णित के समान का उपयोग कर समर्थन किया जा सकता । यदि आपके पास पहले से html.vim~/.vim/indent में नहीं है तो आप इसे here सामग्री से बना सकते हैं।ये लाइनें टैग है कि बुनियादी टैग खिसकने ट्रिगर किया जाएगा परिभाषित कर रहे हैं

" [-- <ELEMENT ? - - ...> --] 
call <SID>HtmlIndentPush('a') 
call <SID>HtmlIndentPush('abbr') 
call <SID>HtmlIndentPush('acronym') 
call <SID>HtmlIndentPush('address') 
" ...and many more... 

: ~/.vim/indent/html.vim के भीतर आप समारोह का एक सेट HTML तत्व ऐसे नाम हैं जो ऐसा दिखाई देता है की एक सूची कोडांतरण कॉल देखेंगे। इस सूची को किसी भी HTML5 टैग के साथ बढ़ाएं जिसे आप इंडेंटिंग ट्रिगर करना चाहते हैं।

" New HTML 5 elements 
call<SID>HtmlIndentPush('table') 
call<SID>HtmlIndentPush('article') 
call<SID>HtmlIndentPush('aside') 
call<SID>HtmlIndentPush('audio') 
call<SID>HtmlIndentPush('canvas') 
call<SID>HtmlIndentPush('command') 
call<SID>HtmlIndentPush('datalist') 
call<SID>HtmlIndentPush('details') 
call<SID>HtmlIndentPush('embed') 
call<SID>HtmlIndentPush('figcaption') 
call<SID>HtmlIndentPush('figure') 
call<SID>HtmlIndentPush('footer') 
call<SID>HtmlIndentPush('header') 
call<SID>HtmlIndentPush('hgroup') 
call<SID>HtmlIndentPush('keygen') 
call<SID>HtmlIndentPush('mark') 
call<SID>HtmlIndentPush('meter') 
call<SID>HtmlIndentPush('nav') 
call<SID>HtmlIndentPush('output') 
call<SID>HtmlIndentPush('progress') 
call<SID>HtmlIndentPush('rp') 
call<SID>HtmlIndentPush('rt') 
call<SID>HtmlIndentPush('ruby') 
call<SID>HtmlIndentPush('section') 
call<SID>HtmlIndentPush('source') 
call<SID>HtmlIndentPush('summary') 
call<SID>HtmlIndentPush('time') 
call<SID>HtmlIndentPush('video') 

Indenting अब ऊपर सूचीबद्ध HTML5 टैग पर ट्रिगर किया जाएगा: मैं इस सूची के अंत में निम्नलिखित गयी।

4

मैंने ऊपर दिए गए सुझावों के आधार पर othree/html5.vim के कांटा में एक html5 इंडेंट फ़ाइल जोड़ा।

http://github.com/briangershon/html5.vim

0

syntax/html.vim फ़ाइल कि vim (8.0) के साथ आता है बहुत पुरानी हो चुकी है देखें। अपडेट किए गए अपने सिंटैक्स को हाइलाइट करने का एक अच्छा तरीका एक अच्छी तरह से बनाए रखा प्लगइन का उपयोग करना है जैसे कि vim-polygot जिसे अधिक अद्यतित रखा जाता है। यह html.vim syntax समर्थन करता है, canvas, video, section और main (जो अन्य उत्तर समर्थन नहीं करते हैं), कुछ नाम देने के लिए।

संबंधित मुद्दे