Skip to main content

मार्कडाउन पूर्वावलोकन पूर्ण स्वरूपण के साथ HTML के रूप में मार्कडाउन का लाइव पूर्वावलोकन。

मार्कडाउन पूर्वावलोकन illustration
📝

मार्कडाउन पूर्वावलोकन

पूर्ण स्वरूपण के साथ HTML के रूप में मार्कडाउन का लाइव पूर्वावलोकन。

1

मार्कडाउन टाइप करें

संपादक में मार्कडाउन टाइप या पेस्ट करें।

2

पूर्वावलोकन देखें

रेंडर किया गया HTML पूर्वावलोकन वास्तविक समय में अपडेट होता है।

3

फॉर्मेटिंग की जांच करें

जांच लें कि शीर्षक, लिंक, कोड ब्लॉक और तालिकाएं सही ढंग से रेंडर हो रहे हैं।

Loading tool...

What Is मार्कडाउन पूर्वावलोकन?

मार्कडाउन प्रीव्यू टूल मार्कडाउन सोर्स और इसके रेंडर्ड HTML आउटपुट का लाइव साइड-बाय-साइड दृश्य प्रदान करता है। जैसे ही आप मार्कडाउन टाइप या पेस्ट करते हैं, प्रीव्यू पेन इंस्टैंटली दिखाता है कि यह रेंडर होने पर कैसा दिखेगा। इसमें सभी मानक मार्कडाउन सyntax को सपोर्ट किया जाता है, जिसमें शामिल हैं: हेडिंग, एम्फेसिस, लिंक, इमेज, कोड ब्लॉक, ब्लॉककोट्स, लिस्ट, हॉरिजॉन्टल रूल्स और GFM टेबल। यह marked लाइब्रेरी के साथ बनाया गया है ताकि सटीक और तेज़ रेंडरिंग सुनिश्चित की जा सके।

Why Use मार्कडाउन पूर्वावलोकन?

  • प्रकाशन से पहले देखें कि मार्कडाउन वास्तव में कैसे रेंडर होगा
  • साइड-बाय-साइड एडिटिंग और पूर्वावलोकन
  • टाइप करते समय वास्तविक समय में रेंडरिंग
  • पूर्ण मार्कडाउन और जीएफएम सyntax समर्थन

Common Use Cases

सामग्री लेखन

मार्कडाउन प्रारूप में ब्लॉग पोस्ट या लेख लिखें और पूर्वावलोकन करें।

दस्तावेज़ीकरण

प्रतिबद्धता से पहले README फ़ाइलों और दस्तावेज़ों का पूर्वावलोकन करें।

शिक्षा

तुरंत दृश्य प्रतिक्रिया के साथ मार्कडाउन सyntax सीखें।

त्वरित संपादन

मार्कडाउन में त्वरित संपादन करें और रेंडर किए गए आउटपुट की जांच करें।

Technical Guide

प्रीव्यू में marked लाइब्रेरी का उपयोग सynchronous रेंडरिंग (async: false) के लिए किया जाता है। मार्कडाउन इनपुट को हर कीस्ट्रोक पर React के useMemo का उपयोग करके प्रदर्शन अनुकूलन के साथ पार्स और रेंडर किया जाता है। रेंडर्ड HTML को Tailwind Typography prose क्लासेस के साथ एक कंटेनर में dangerouslySetInnerHTML का उपयोग करके दिखाया जाता है, ताकि हेडिंग, पैराग्राफ, लिस्ट, कोड ब्लॉक और अन्य तत्वों की उचित स्टाइलिंग सुनिश्चित की जा सके। prose-invert वेरिएंट डार्क बैकग्राउंड पर पढ़ने में आसानी प्रदान करता है। एडिटर में मानक textarea का उपयोग इनपुट के लिए किया जाता है, जिसमें मार्कडाउन संपादन के लिए मोनोस्पेस फ़ॉन्ट शामिल है।

Tips & Best Practices

  • 1
    बाएं तरफ मार्कडाउन टाइप करें दाईं ओर पूर्वावलोकन देखें
  • 2
    जीएफएम तालिकाओं और फ़ेंस्ड कोड ब्लॉक्स का समर्थन करता है
  • 3
    शीर्षकों के लिए ###, **बोल्ड**, *इटैलिक*, [लिंक](url) का उपयोग करें
  • 4
    पूर्वावलोकन स्टाइल की गई टाइपोग्राफ़ी का उपयोग करता है ताकि सटीक रेंडरिंग हो सके

Related Tools

Frequently Asked Questions

Q क्या यह GitHub Flavored Markdown का समर्थन करता है?
हाँ, इसमें जीएफएम विशेषताएं शामिल हैं जिनमें तालिकाएं, स्ट्राइकथ्रू और टास्क सूचियां शामिल हैं।
Q क्या पूर्वावलोकन स्टाइल किया गया है?
हाँ, पूर्वावलोकन में उचित शीर्षक आकार, सूची फॉर्मेटिंग और कोड ब्लॉक स्टाइलिंग के लिए टाइपोग्राफ़ी शैलियों का उपयोग किया जाता है।
Q क्या मैं रेंडर किए गए HTML को निर्यात कर सकता हूँ?
मार्कडाउन से एचटीएमएल टूल का उपयोग करके कॉपी करने के लिए कच्चा एचटीएमएल आउटपुट प्राप्त करें।
Q क्या यह कोड ब्लॉक्स में सyntax हाइलाइटिंग का समर्थन करता है?
कोड ब्लॉक्स मोनोस्पेस फ़ॉन्ट के साथ रेंडर किए जाते हैं लेकिन भाषा-विशिष्ट सyntax हाइलाइटिंग के बिना।
Q क्या पूर्वावलोकन वास्तविक समय में है?
हाँ, पूर्वावलोकन तुरंत अपडेट होता है जैसे ही आप टाइप करते हैं।

About This Tool

मार्कडाउन पूर्वावलोकन is a free online tool by FreeToolkit.ai. All processing happens directly in your browser — your data never leaves your device. No registration or installation required.