Computer >> कंप्यूटर >  >> प्रोग्रामिंग >> HTML

रेगेक्स:दस्तावेज़ में प्रत्येक HTML टैग ढूंढें

निम्नलिखित रेगुलर एक्सप्रेशन (रेगेक्स) एक दस्तावेज़ में सभी HTML टैग ढूंढता है:

<[^<>]+>

किसी दस्तावेज़ में सभी HTML टैग्स को ढूँढना कैसे उपयोगी है?

केस उदाहरण का प्रयोग करें

मान लें कि आपको क्लाइंट से कई दस्तावेज़ प्राप्त होते हैं। ये दस्तावेज़ कुछ पुराने CMS से निर्यात किए गए हैं, और ये पुराने (और शायद अमान्य) HTML टैग्स से भरे हुए हैं। इन दस्तावेज़ों में महान, कालातीत सामग्री है, लेकिन उन्हें एक अच्छी सफाई की आवश्यकता है, इसके बाद कुछ नए स्वरूपण (टाइपोग्राफी) की आवश्यकता है। शायद आप मार्कडाउन (.md . का उपयोग करके दस्तावेज़ों को पुन:स्वरूपित करना चाहते हैं )।

यह सभी HTML को मैन्युअल रूप से निकालने के लिए बेकार होगा, है ना? यहां तक ​​​​कि एक सामान्य खोज और बदलें के साथ भी यह कठिन होगा क्योंकि बहुत सारे अलग-अलग HTML टैग हैं।

रेगुलर एक्सप्रेशन <[^<>]+> . चलाकर अपने टेक्स्ट एडिटर या आईडीई के अंदर आप एक ही बार में सभी एचटीएमएल टैग पा सकते हैं। फिर आप अपने संपादक में सभी बदलें बटन पर क्लिक करके उन्हें तुरंत बदल सकते हैं।

वीडियो डेमो:

ऊपर के प्रदर्शन में आप मुझे निम्नलिखित करते हुए देखते हैं:

  • VSCode का सर्च बार खोलें
  • रेगुलर एक्सप्रेशन पेस्ट करें <[^<>]+>
  • रेगुलर एक्सप्रेशन का उपयोग करें फ़ंक्शन को सक्षम करें
  • खोज शुरू करने के लिए एंटर दबाएं
  • सभी HTML टैग्स को एक खाली स्ट्रिंग से बदलें
  • मेरे सभी टेक्स्ट का चयन करें, राइट-क्लिक करें, और इसे पुन:स्वरूपित करें (आवश्यक नहीं, मैंने इसे सिर्फ लुक के लिए किया था।)।

सावधान रहें :किसी भी फाइल में बड़े बदलाव करने से पहले उसका हमेशा बैकअप बना लें। ऐसा हो सकता है कि आप जिन दस्तावेज़ों को साफ़ कर रहे हैं उनमें कुछ मूल्यवान URL हों, जो ऊपर दिए गए उदाहरण के अनुसार, यदि आप HTML टैग्स को एक खाली स्ट्रिंग से बदलते हैं, तो वे हटा दिए जाएंगे।


  1. Javascript

    CSS में JavaScript के साथ एक टेक्स्ट क्षेत्र को ऑटो ग्रो करें

    जावास्क्रिप्ट का उपयोग करके, हम अपने टेक्स्टरेरा तत्व को इसकी सामग्री के साथ स्वचालित रूप से बढ़ने के लिए सेट कर सकते हैं निम्नलिखित उदाहरण बताते हैं कि हम उपरोक्त परिदृश्य को कैसे प्राप्त कर सकते हैं। उदाहरण <!DOCTYPE html> <html> <head> <style> * {    margin: 3%;

  1. Javascript

    इवेंट बबलिंग बनाम इवेंट जावास्क्रिप्ट में कैप्चरिंग?

    ईवेंट बबलिंग - जब भी किसी तत्व पर कोई घटना होती है, तो ईवेंट हैंडलर पहले उस पर और फिर उसके माता-पिता पर और अंत में उसके अन्य पूर्वजों तक चलेंगे। ईवेंट कैप्चरिंग - यह इवेंट बबलिंग का उल्टा है और यहां इवेंट पैरेंट एलिमेंट से शुरू होता है और फिर उसके चाइल्ड एलिमेंट तक। जावास्क्रिप्ट में इवेंट बबलिंग

  1. IOS

    स्विफ्ट का उपयोग करके तालिका दृश्य में छवियों का आलसी लोडिंग

    तालिका दृश्य सेल में एक छवि लोड करने के लिए हम चरणों की एक श्रृंखला से गुजरेंगे। एक टेबल व्यू, टेबल व्यू सेल बनाएं और उसमें एक इमेज व्यू जोड़ें। हमारे द्वारा बनाए गए सेल को एक कस्टम क्लास असाइन करें। पंक्ति में विधि के लिए सेल में कोड की निम्नलिखित पंक्तियाँ लिखें। let cell = tblView.dequeueReusa