मेरे आंतरिक HTML का परिणाम जावास्क्रिप्ट में नीचे जैसा है।

"<ol><li>Testing1</li><li>Testing2</li></ol>"

क्या मैं इसे रेगेक्स या किसी अन्य का उपयोग करके नीचे दिए गए कोड प्रारूप में संरेखित कर सकता हूं? इस पर कोई सुझाव?

<ol>
  <li>Testing1</li>
  <li>Testing2</li>
</ol>
0
INDRA JITH 8 जिंदा 2020, 07:31
आपका मतलब इसे डेवलपर कंसोल में करना है या... क्या आप इसे वेबपेज पर प्रदर्शित करना चाहते हैं या आपका उद्देश्य क्या है?
 – 
nonopolarity
8 जिंदा 2020, 08:13
1
देखिए >
 – 
RobG
8 जिंदा 2020, 08:26
जब तक आपका कोड उस वास्तविक फ़ाइल में ठीक से स्वरूपित है जिसके साथ आप काम कर रहे हैं, आपको क्लाइंट-साइड पर दिए गए कोड को स्वरूपित करने के बारे में चिंता नहीं करनी चाहिए। यह सिर्फ समय की बर्बादी है...
 – 
Teemu
8 जिंदा 2020, 08:27
यह उस प्रश्न का डुप्लिकेट नहीं है - यह प्रश्न इस बारे में है कि तत्वों, विशेषताओं और मानों को अपनी कक्षाओं के साथ स्पैन के साथ कैसे लपेटा जाए।। यह काफी अलग चीज है।
 – 
CertainPerformance
20 जिंदा 2020, 03:24

1 उत्तर

समस्या तुच्छ नहीं है। नियमित अभिव्यक्तियों के साथ एक समस्या यह है कि अधिकांश मामलों में जावास्क्रिप्ट नेस्टेड मिलान सीमांकक को संभाल नहीं सकता है। एक और समस्या यह है कि आपको सेल्फ़-क्लोज़िंग टैग्स (<div />, या ऐसे टैग्स पर नज़र रखने की ज़रूरत है जिनमें क्लोजिंग टैग नहीं हैं (<img>, <input>) और प्रोग्रामेटिक रूप से पहचानें कि आप जिस टेक्स्ट को प्रोसेस कर रहे हैं वह स्ट्रक्चर्ड HTML मार्कअप का हिस्सा है या नहीं, या यह सिर्फ सादा टेक्स्ट है (जैसे <textarea>foo<div>bar</div></textarea>)।

इस उद्देश्य के लिए डिज़ाइन की गई लाइब्रेरी का उपयोग करना शायद आसान होगा, ताकि पहिया का पुन: आविष्कार न किया जा सके। js-beautify एक विकल्प है:

const input = "<ol><li>Testing1</li><li>Testing2</li></ol>";
console.log(html_beautify(input, { 'indent-size': 2 }));
<script src="https://cdnjs.cloudflare.com/ajax/libs/js-beautify/1.10.2/beautify-html.js"></script>
3
CertainPerformance 8 जिंदा 2020, 23:39
अपवोट! मैं इस सवाल के बारे में सोचते समय गलत हूं: जावास्क्रिप्ट में स्ट्रिंग को नोड में कनवर्ट करना। ज़ोर - ज़ोर से हंसना
 – 
Tân
8 जिंदा 2020, 07:46
कोणीय प्लेटफार्मों में कैसे उपयोग करें
 – 
INDRA JITH
8 जिंदा 2020, 14:06
हाँ.. मैंने इसे कोणीय मंच में जोड़ने के लिए पाया है ( stackoverflow.com/questions/46753490/…)। :)
 – 
INDRA JITH
8 जिंदा 2020, 14:59
मुख्य समस्या यह है कि एचटीएमएल एक नियमित भाषा नहीं है, इसलिए अकेले नियमित अभिव्यक्तियों द्वारा पार्सिंग के लिए वास्तव में उपयुक्त नहीं है, हालांकि वे टोकन की पहचान के लिए उपयोगी हो सकते हैं। :-) BTW, <div /> सिर्फ एक प्रारंभ टैग है, div तत्व शून्य तत्व नहीं हैं इसलिए प्रारंभ और अंत टैग होना चाहिए। <img /> एक बेहतर उदाहरण है, हालांकि / बेमानी है और <img> पर्याप्त है (HTML प्रारंभ टैग)।
 – 
RobG
20 जिंदा 2020, 02:36