HTML5 को कौन-सा टूल सुव्यवस्थित / इंडेंट कर सकता है? [बन्द है]


13

मैंने पहले से ही Google को खोजने और विभिन्न उपकरणों की कोशिश करने में लगभग 2 घंटे बिताए हैं, लेकिन या तो वे प्रति टैग इंडेंट टैग नहीं करते हैं या वे एचटीएमएल 5 संगत नहीं हैं जैसे कि प्रसिद्ध HTML सुव्यवस्थित जो कि 3 साल पहले अपडेट किया गया था ...

NB मैं इसे किसी पृष्ठ के स्रोत (जैसे PHP या JS क्या करता हूं) पर लागू नहीं करना चाहता, लेकिन संपादक में कोड के लिए ताकि टैग के बीच एक स्पष्ट पदानुक्रम दिखाई दे।

आदर्श रूप से मैं एक मैक ओएस एक्स उपकरण चाहूंगा, लेकिन मैं किसी भी ऑनलाइन टूल को ले जाऊंगा और अंतिम रूप से एक वाइन को संगत करूंगा।

फिलहाल मैं पैनिक से कोडा का इस्तेमाल करता हूं


2
नेटबीन्स SHIFT + ALT + F के माध्यम से कोड-स्वरूपण का समर्थन करता है, अधिकांश संपादकों का एक समान कार्य होता है - आपके द्वारा उपयोग किए जाने वाले मैनुअल की जांच करें। यह भी देखें: groups.google.com/group/coda-users/browse_thread/thread/...
feeela

Netbeans इसे (thx) करता है लेकिन कोडा को नहीं जैसा कि आपका लिंक दिखाता है।
वाटरबियर

लेकिन जुड़े हुए चर्चा में दो अन्य कार्यक्रमों का उल्लेख किया गया है ...
तक्षशिला

मुझे लगता है कि यदि आप देखें तो आपको एक कोडा एक्सटेंशन मिलेगा जो एचटीएमएल 5 तत्वों के लिए समर्थन जोड़ता है।
मूसा

जवाबों:


6

Aptana Studio 2 वह करता है जो आप मेनू में संपादित करें> स्वरूपित करें। मैंने इसका उपयोग किया है और यह html, css और जावास्क्रिप्ट प्रारूपित करता है।

WYSIWYG संपादक BlueGriffon भी जब आप एक फ़ाइल खोलते हैं तो HTML को प्रारूपित कर सकते हैं।

दोनों समाधान स्वतंत्र और ओपन-सोर्स हैं, लेकिन आप्टाना बेहतर हो सकता है। मुझे यकीन नहीं है कि अगर बीजी सभी कोड अपरिवर्तित रखता है, तो शायद नहीं।

टिप्पणियाँ:

  1. आप इसे स्थापित करने के बाद Aptana 2 को ठीक से कॉन्फ़िगर करने की आवश्यकता है, लेकिन यह एक महान HTML5 / css / जावास्क्रिप्ट संपादक / IDE है। डिफ़ॉल्ट कॉन्फ़िगरेशन थोड़ा बेकार है।
  2. Aptana 3 आप जो चाहते हैं वह नहीं कर सकते हैं। संस्करण मैंने कोशिश की है यह नहीं किया है।

व्यक्तिगत रूप से, मैं इसे ग्रहण आईडीई के लिए नापसंद करता हूं (मुझे ग्रहण पसंद नहीं है: पी)।
Alerty

Aptana html / css / js के लिए एक शानदार कार्यक्रम है, जो बहुत बड़े कार्यों में जावास्क्रिप्ट में ब्रैकेट या ब्रेसिज़ को खोलने और बंद करने का ट्रैक रखता है, स्वप्नदोष में एक दर्द है।
अंगियो

धन्यवाद, यह मेरी परियोजना फाइलों को एक और IDE से अपटाना में स्थानांतरित करने के बाद सिर्फ मेरी जान बचाई है और इंडेंटेशन गड़बड़ हो रहा है। मैं मैन्युअल रूप से हजारों लाइनों पर अपने सभी हजारों को फिर से इंडेंट कर रहा था। Aptana 3 में यह स्रोत मेनू> प्रारूप के अंतर्गत है।
कटोरा


3

मैं एक ऑनलाइन टूल की तलाश में था और शायद इसीलिए मैं कुछ भी खोजने में असफल रहा।
मुझे कोडा प्लगइन PHP और टूलकिट को इंगित किया गया था जो इसे करता है। टैको जैसे अधिकांश HTML संपादक भी इसे देशी (लेकिन कोडा नहीं) करते हैं।


1

मैं विनम्रतापूर्वक एस्प्रेसो 2 का सुझाव देता हूं ।

उनकी वेबसाइट से:

एक और केवल CSSEdit 3 - CSSEdit के पुरस्कार विजेता विजुअल टूल, अब एस्प्रेसो के अंदर हैं। मल्टी-ब्राउज़र ग्रेडिएंट, छाया और अधिक के लिए भयानक CSS3 समर्थन के साथ।

एक्स-रे के साथ वेब पूर्वावलोकन - देखें कि आपका सीएसएस वेब लेआउट को कैसे प्रभावित करता है, हाशिये और पैडिंग की कल्पना करता है, और किसी भी पृष्ठ तत्व के लिए प्रासंगिक शैली नियम जल्दी से ढूंढता है।

शक्तिशाली और कुशल कोडिंग - कोडइकेंस, कोड फोल्डिंग, स्मार्ट स्निपेट्स, ज़ेन कोडिंग और ड्रैग-एंड-ड्रॉप नेविगेटर आपको कम समय में बेहतर कोड लिखने में मदद करते हैं।

लाइव स्टाइलिंग और ओवरराइड्स - किसी भी वेबसाइट के सीएसएस को संपादित करें और इसे वास्तविक समय में अपडेट देखें। सहेजने, प्रकाशित करने या पुनः लोड करने की आवश्यकता नहीं है। प्रयोग और ट्विकिंग कभी भी यह मजेदार नहीं रहा है।

एफर्टलेस सिंक एंड पब्लिशिंग - क्विक पब्लिश, सर्वर सिंक एंड ब्राउज के साथ, आपके पास किसी भी सर्वर-आधारित वर्कफ़्लो के लिए सही उपकरण है। नया वूमर इंजन सुपर-फास्ट है।

एक वर्कस्पेस जो आपके वर्कफ़्लो में फिट बैठता है - इनोवेटिव वर्कस्पेस आपको अपने प्रोजेक्ट फाइल्स के साथ आसानी से इंटीग्रेट करते हुए टैब्स की फ्लेक्सिबिलिटी देता है।

शानदार खोजें - सुई और हिस्टैक, एस्प्रेसो से मिलते हैं। प्रोजेक्ट-वाइड फाइंड एंड रिप्लेस, क्विक फिल्टर और कलर्ड रेगेक्स फाइलों या टेक्स्ट को एक हवा से खोजते हैं।

भाषा समर्थन - बेहतर HTML5, CSS3, जावास्क्रिप्ट और PHP; ऑल-न्यू रूबी, पायथन, अपाचे और मार्कडाउन। या XML / JS शुगर्स के साथ एस्प्रेसो का विस्तार करें।

आप गुणवत्ता का अंदाजा लगाने के लिए Mac Appstorm की समीक्षा पढ़ सकते हैं । वे इसे 10/10 देते हैं ।


1

एचटीएमएल 5 को इंडेंट करने / फॉर्मेट करने का एक अच्छा काम ग्रहण लगता है। आप एचएमटीएल संपादक में भरी हुई एक HTML फ़ाइल पर सामान्य प्रारूप कमांड (Ctrl-Shift-F) का उपयोग करते हैं और यह इसे पुन: स्वरूपित करेगा।

इसे समायोजित करने के लिए, वरीयताओं पर जाएं -> वेब -> HTML फ़ाइलें -> संपादक। आप यहां सत्यापन को भी नियंत्रित कर सकते हैं। (मैं ग्रहण v4.2.2 का उपयोग कर रहा हूं।)

ध्यान दें कि HTML संपादक के लिए आवश्यक है कि आपकी ग्रहण स्थापना में वेब टूल प्लेटफ़ॉर्म ( विवरण के लिए यह उत्तर देखें)।


0

यदि आप एक मैक ओएस एक्स टूल की तलाश कर रहे हैं जो काम करता है, तो मैं कहूंगा कि टेक्स्टमेट

मैं आम तौर पर बहुत अधिक री-इंडेंटिंग करता हूं और जो सबसे अच्छा मैं पा सका हूं वह एक है।

मुझे यह पसंद है कि यह वास्तव में आपके कोड को पुनर्व्यवस्थित नहीं करता है , लेकिन यह इसे ऐसे रूपों में पुन: प्रस्तुत करता है, जो टैग द्वारा नहीं , बल्कि स्तर से घोंसले के शिकार और संकेतक की जांच करते हैं ।

"इंडेंट सिलेक्शन" फीचर विशेष रूप से उपयोगी है।


मैं टेक्स्टमेट का उपयोग करता हूं, जब उन्होंने HTML के लिए एक अच्छी स्वरूपण क्रिया शुरू की थी? कृपया साझा करें कि मैंने जो भी पाया है वह बहुत बुरा है। हालांकि मैं अभी भी 1.5 का उपयोग कर रहा हूं।
दाविदकॉन्ड्रे

0

JetBrains PhpStorm HTML, CSS या PHP में इंडेंट के साथ शानदार और सहज काम करता है। इंडेंट का प्रकार (टैब या स्पेस) आप PHPStorm सेटिंग में बदल सकते हैं।


0

Dirtymarkup.com HTML और JS को जल्दी से फॉर्मेट करने के लिए मेरा जाना है।

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