नोटपैड ++ में HTML टैग कैसे इंडेंट करें


83

मैंने नोटपैड ++ स्थापित किया। घोंसले बनने पर विशेष रूप से टैग को स्वचालित रूप से इंडेंट कैसे करें? सभी टैग स्क्रीन के बाईं ओर अस्तर लग रहे हैं।



हाँ। लेकिन मेरा कहना है कि यह एक त्रुटि देता है: सामग्री में त्रुटि का पता लगाने से पहले उन्हें ठीक करें।
देके

इसका सामान्य अर्थ है कि आपका xml कोड मान्य नहीं है। उदाहरण के लिए हेडर गायब है, या कुछ टैग ठीक से बंद नहीं हुआ है। उस स्थिति में आपको (मूल फ़ाइल) प्रारूपित नहीं करनी चाहिए। चूंकि यह सामग्री को नुकसान पहुंचा सकता है।
विलेम वैन ओन्सेम

<! doctype> <html> <head> <title> साइट का नाम </ शीर्षक> </ head> <body> <h1> लोगो </ h1> </ body> </ html> </ doctype>
दीके

जवाबों:


81

नोटपैड ++ के लिए एक्सएमएल टूल्स प्लगइन का उपयोग करें और फिर आप Ctrl+ Alt+ Shift+ के साथ कोड को ऑटो-इंडेंट कर सकते हैं B। अधिक पॉइंट-एंड-क्लिक के साथ, आप प्लगइन्स पर भी जा सकते हैं -> एक्सएमएल टूल्स -> प्रिटी प्रिंट।


Ctrl + Alt + Shift + B काम नहीं किया, इसने कुछ यादृच्छिक पाठ सम्मिलित किए, और सुंदर प्रिंट, शाब्दिक रूप से कुछ भी नहीं किया (एक वास्तविक XML फ़ाइल के साथ भी) - यह सब एक पंक्ति पर रहा, जो अच्छी तरह से स्वरूपित नहीं है, या सुंदर है ।
BrainSlugs83

50

इस सवाल के जवाब न केवल गलत हैं, बल्कि खतरनाक हैं। CTRL + ALT + SHIFT + B HTML नहीं बल्कि XML को इंडेंट करेगा। निम्नलिखित HTML कोड पर विचार करें:

<span class="myClass"></span>

फ़ंक्शन 'नोटपैड ++ -> प्लगइन्स -> XmlTools -> सुंदर प्रिंट (केवल लाइन ब्रेक के साथ एक्सएमएल)' (CTRL + ALT + SHIFT + B) इसे इसमें बदल देगा:

<span class="myClass"/>

जो अब आपके ब्राउज़र द्वारा सही ढंग से प्रदर्शित नहीं होगा! मैं HTML को इंडेंट करने के लिए इस फ़ंक्शन का उपयोग करने के खिलाफ दृढ़ता से सलाह देता हूं।

इसके बजाय प्लगइन Tidy2 का उपयोग करें । यह खराब साइड-इफेक्ट्स के बिना HTML को सही ढंग से इंडेंट करेगा (लेकिन यह <html>, <head>, <body>, ...आपके कोड के आसपास के तत्वों को भी बनाएगा , अगर ये नहीं हैं)।


6
इतना तो। एक शौकिया html / js शिक्षार्थी के रूप में, मेरे पास बस एक भयानक आधे घंटे का समय था, यह समझने की कोशिश कर रहा था कि मेरा पृष्ठ सिर्फ प्रस्तुत क्यों नहीं हुआ - और इसका कारण यह था कि<script src="somewhere"></script><script src="somewhere"/>
आर्टालस

हम्म ... ऐसा नहीं लगता कि यह नोटपैड ++ के 64-बिट संस्करण के साथ काम करता है, जो मेरे लिए एक सौदा हत्यारा है।
कीवान सदरलोडबाई

1
@KeyvanSadralodabai अधिकांश प्लगइन्स (प्लगइन प्रबंधक सहित) अभी तक x64 में उपलब्ध नहीं हैं - यदि आप नोटपैड ++ प्लगइन्स पर भरोसा करते हैं, तो प्लगइन्स का उपयोग करने में सक्षम होने के बजाय नोटपैड ++ के 32 बिट संस्करण को स्थापित करना उचित है। यदि वह विकल्प नहीं है, तो आपको एक अलग संपादक का उपयोग करना होगा - यानी उदात्त पाठ
कॉन्स्टेंटिन

1
याह ठीक कह रहे हो। पता नहीं क्यों मुझे लगा कि यह एक सौदा हत्यारा था ... ऐसा नहीं है कि यह 64 बिट के साथ इतना सुधार करता है।
कीवन सदरलोदाबाई

1
संदर्भ के लिए "प्लगइन प्रबंधक" (जो बिल्ट-इन प्लगिन एडमिन से अलग है) अब 64 बिट संस्करण के रूप में उपलब्ध है, लेकिन Tidy2 अभी भी 64 बिट्स के रूप में उपलब्ध नहीं है।
.tienne

20

चरण 1: नोटपैड ++ में प्लगइन प्रबंधक खोलें

प्लगइन्स -> प्लगइन प्रबंधक -> प्लगइन प्रबंधक दिखाएँ।

चरण 2: XML टूल प्लगइन स्थापित करें

"उपलब्ध" विकल्प से "XML उपकरण" खोजें, फिर इंस्टॉल में क्लिक करें।

अब आप कोड को इंडेंट करने के लिए शॉर्टकट कुंजी CTRL + ALT + SHIFT + B का उपयोग कर सकते हैं।


16
यह उत्तर ऊपर वाले पहले जैसा है और XML नहीं HTML के लिए है!
बट्टेदेव

12

मेरे पास आपके लिए एक उपाय है।

बस आपको नाम का एक प्लगइन इंस्टॉल करना होगा Indent By Fold

आप इसे स्थापित करके देख सकते हैं Plugins -> Plugin Manager -> Show Plugin Manager। या Plugins -> Plugins Admin -> chekmark Indent By Fold from listस्थापित करने से

फिर बस सूची आइटम का चयन करें और आपको केवल पहले शब्द को टाइप करने की आवश्यकता है तब आपने इसे प्राप्त किया।

आप मेनू बार में एक प्लगइन से इस प्लगइन का उपयोग कर सकते हैं।



HTML के लिए यह एक सही इंडेंटेशन पैदा करता है, जहाँ XML टूल HTML <-> XML अंतर के कारण असंतुलित इंडेंटेशन उत्पन्न करेगा।
jlbenc

1
अब तक प्लगइन मैनेजर में उपलब्ध नहीं है जहाँ तक मैं देख सकता हूँ।
डेविल्स एडवोकेट

बस एहसास हुआ कि शायद इसलिए कि मैं N ++ के 64 बिट संस्करण का उपयोग कर रहा हूं
डेविल्स एडवोकेट

यह सही जवाब है। से बेहतर काम करता है XML Tools
EkoJR

यह केवल उस कोड पर काम करता है जिसे आपने "स्क्रीन पर" प्राप्त किया है, बाकी दस्तावेज़ इंडेंटेड नहीं है ..
JoBe

2

कॉन्स्टेंटिन के उत्तर पर निर्माण , यहां मैंने अपने प्राथमिक HTML संपादक के रूप में नोटपैड ++ में संक्रमण करते समय जो कुछ सीखा, उसका सार है।

नोटपैड ++ 32-बिट स्थापित करें

Tidy2 और कुछ अन्य लोकप्रिय प्लगइन्स का 64-बिट संस्करण नहीं है। एनपीपी के 32-बिट संस्करण में कुछ व्यावहारिक डाउनसाइड हैं, इसलिए 64-बिट संस्करण को कुल्हाड़ी।

प्लगइन प्रबंधक स्थापित करें

प्लगइन उपयोग के लिए प्लगइन प्रबंधक कड़ाई से आवश्यक नहीं है। यह चीजों को बहुत आसान बनाता है, हालांकि।

प्लगिन मैनेजर को मूल पैकेज से स्पष्ट रूप से हटा दिया गया था क्योंकि डेवलपर को कुछ शामिल एट्रिब्यूशन लिंकिंग पसंद नहीं था।

आप देख सकते हैं कि प्लगइन प्रबंधक प्लगइन आधिकारिक वितरण से हटा दिया गया है। इसका कारण यह है कि प्लगइन प्रबंधक अपने संवाद में विज्ञापन शामिल करता है। मुझे विज्ञापनों में विज्ञापनों से नफरत है, और मैं आपको यह सुनिश्चित करता हूं कि कोई भी नहीं था, और नोटपैड ++ में विज्ञापन कभी नहीं होंगे।

यह एक मैन्युअल इंस्टॉल है, लेकिन यह मुश्किल नहीं है।

  1. UNI (32-बिट) ज़िप पैकेज डाउनलोड करें और इसे निकालें। अंदर आपको प्लगइन्स और अपडेटर नामक फोल्डर दिखाई देंगे । प्रत्येक में एक फ़ाइल है।
  2. अपने नोटपैड ++ इंस्टॉलेशन डायरेक्टरी में संबंधित पहचान-योग्य फ़ोल्डर में उन दो फ़ाइलों को खींचें। आमतौर पर ऐसा है C:\Program Files (x86)\Notepad++
  3. नोटपैड ++ को पुनरारंभ करें और किसी भी इंस्टॉल / अपडेट प्रॉम्प्ट का पालन करें।

अब आपको प्लगइन प्रबंधक के लिए प्लगइन्स के तहत एक नई प्रविष्टि दिखाई देगी।

Tidy2 स्थापित करें (या अपना पसंदीदा विकल्प)

Plugin Manager में, Tidy2 के लिए बॉक्स को चेक करें। इंस्टॉल पर क्लिक करें। संकेत मिलने पर पुनः प्रारंभ करें।

Tidy2 का उपयोग करने के लिए, अपने प्लगइन्स सबमेनू आइटम में पूर्वनिर्मित प्रोफाइल में से एक का चयन करें, या अपना स्वयं का बनाएं।


0

Notepadd ++ v7.5.9 (32-बिट्स) पर, "इंडेंट बाय फोल्ड" प्लगइन html सामग्री के साथ ठीक काम कर रहा है।

  1. प्लगइन मैनेजर में खोजें और इंस्टॉल करें
  2. "प्लगइन्स"> "इंडेंट बाय फोल्ड"> "रिइंडेंट फाइल" का उपयोग करें

https://www.fesevur.com/indentbyfold/


0

नोटपैड ++ v7.8.9 में आप Tabइंडिकेशन स्तर को बढ़ाने के लिए कुंजी का उपयोग कर सकते हैं , और Shift + Tabइंडेंटेशन स्तर को कम करने के लिए उपयोग कर सकते हैं।

हमारी साइट का प्रयोग करके, आप स्वीकार करते हैं कि आपने हमारी Cookie Policy और निजता नीति को पढ़ और समझा लिया है।
Licensed under cc by-sa 3.0 with attribution required.