मुख्य सामग्रीमा जानुहोस्
LibraTool logoLibraTool

निःशुल्क Markdown बाट HTML कन्भर्टर

लाइभ प्रिभ्यूका साथ Markdown लाई सफा HTML मा रूपान्तरण गर्नुहोस्। ब्लग, CMS, वा इमेल टेम्प्लेटका लागि copy-paste-तयार HTML कपी गर्न सोर्स व्यू प्रयोग गर्नुहोस्।

लोड भएपछि अफलाइन काम गर्छ
HTML आउटपुट यहाँ देखिनेछ…

सामान्य प्रयोगहरू

  • Markdown लाई CMS मा प्रकाशित गर्नुहोस्Markdown नोटहरूलाई केवल HTML स्वीकार गर्ने CMS मा पेस्ट गर्नको लागि HTML मा रूपान्तरण गर्नुहोस्।
  • HTML ईमेल सामग्री निर्माण गर्नुहोस्लेनदेन ईमेल र न्यूजलेटरहरूको लागि Markdown लाई HTML मा रूपान्तरण गर्नुहोस्।
  • README फाइलहरू स्थानीय रूपमा पूर्वावलोकन गर्नुहोस्यो GitHub, GitLab, वा npm मा कसरी प्रतिपादित हुन्छ हेर्नको लागि आपनो README.md पेस्ट गर्नुहोस्।
  • स्ट्याटिक साइटहरूको लागि पृष्ठ सामग्री उत्पन्न गर्नुहोस्हस्तनिर्मित स्ट्याटिक साइट वा एकबारफा पृष्ठहरूको लागि Markdown शरीर सामग्रीलाई HTML मा रूपान्तरण गर्नुहोस्।
  • डकुमेन्टेशन HTML निर्माण गर्नुहोस्अनुप्रयोगहरु, सहायता केन्द्रहरु, वा ज्ञान आधारमा एम्बेड गर्नको लागि आंतरिक Markdown डकुमेन्टहरूलाई HTML मा रूपान्तरण गर्नुहोस्।

यो कसरी काम गर्छ

रूपान्तरण पूर्ण रूपमा तपाईंको ब्राउजरमा एउटा हातले लेखिएको Markdown पार्सरले गरिन्छ — कुनै तेस्रो-पक्ष लाइब्रेरी छैन, कुनै सर्भर अनुरोध छैन। पार्सरले स्रोतमा लाइन-दर-लाइन हिँड्छ, ब्लक-स्तरका नियमहरू (हेडिङ, सूची, तालिका, fenced कोड) लागू गर्दै त्यसपछि बोल्ड, इटालिक, लिंक, छवि, र इनलाइन कोडका लागि इनलाइन रेगेक्स ढाँचाको दोस्रो पास।

  1. 1
    ब्लक संरचना पहिले पार्स गरिन्छ
    पार्सरले कच्चा Markdown लाइन-दर-लाइन पढ्छ, ब्लक-स्तरका संरचनाहरू पहिचान गर्दै: fenced कोड ब्लक (वैकल्पिक भाषा क्लाससहित), ATX हेडिङ (# देखि ######), ब्लककोट, GFM टास्क-सूची चेकबक्ससहित क्रमित र अक्रमित सूची, स्तम्भ मिलाइसहित GFM तालिका, क्षैतिज रेखा, र सफ्ट-र्‍याप गरिएका निरन्तरता लाइनहरू सही रूपमा जोड्ने अनुच्छेदहरू।
  2. 2
    हरेक ब्लकभित्र इनलाइन ढाँचाहरू लागू गरिन्छन्
    हरेक ब्लकको पाठ HTML-एस्केप भएपछि, parseInline() मा एउटा रेगेक्स शृंखलाले इनलाइन सिन्ट्याक्स रूपान्तरण गर्छ: छवि र लिंक (javascript: र data: hrefs हटाउने URL स्किम व्हाइटलिस्टिङसहित), **bold**, *italic*, ~~strikethrough~~, र इनलाइन कोड — त्यो प्राथमिकता क्रममा।
  3. 3
    पूर्वावलोकन टगलसहित प्रत्यक्ष HTML आउटपुट
    HTML स्ट्रिङ हरेक किस्ट्रोकमा useMemo मार्फत पुनः गणना गरिन्छ, त्यसैले दायाँतर्फको प्यानल तुरुन्तै अद्यावधिक हुन्छ। एउटा टगलले कच्चा HTML स्रोत दृश्य र ब्राउजरको आफ्नै लेआउट इन्जिन प्रयोग गर्ने रेन्डर गरिएको पूर्वावलोकनबीच स्विच गर्छ।
  4. 4
    रिच-टेक्स्ट प्रतिलिपिसहित तीन आउटपुट विकल्प
    तपाईं कच्चा HTML मार्कअप प्रतिलिपि गर्न, DOCTYPE र charset मेटा ट्यागसहित एउटा पूरा स्वयं-निहित .html फाइल डाउनलोड गर्न, वा 'Copy rich text' प्रयोग गर्न सक्नुहुन्छ — जसले Clipboard API को ClipboardItem मार्फत text/html र text/plain दुवै MIME प्रकार क्लिपबोर्डमा लेख्छ, त्यसैले फर्म्याट गरिएको नतिजा अतिरिक्त चरण बिना सीधै Gmail, Google Docs, वा Word मा टाँसिन्छ।

सम्बन्धित उपकरणहरू

बारम्बार सोधिने प्रश्नहरू