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

निःशुल्क Markdown सम्पादक

वास्तविक समयमा Markdown लेख्नुहोस् र प्रिभ्यू गर्नुहोस्। शीर्षक, बोल्ड, इटालिक, कोड ब्लक, तालिका, र सूचीहरू समर्थन गर्छ।

लोड भएपछि अफलाइन काम गर्छ
87 शब्दहरू · 558 क्यारेक्टरहरू
Markdown
पूर्वावलोकन
<h2 class="text-2xl font-bold text-slate-900 dark:text-slate-50 mt-6 mb-2">Markdown सम्पादकमा स्वागतम</h2> <p class="my-3 text-slate-700 dark:text-slate-300 leading-relaxed">बाँयामा <strong>Markdown</strong> लेख्नुहोस्, दाँयामा लाइभ पूर्वावलोकन हेर्नुहोस्।</p> <h3 class="text-xl font-bold text-slate-900 dark:text-slate-50 mt-6 mb-2">विशेषताहरू</h3> <ul class="list-disc list-inside my-3 space-y-0.5 text-slate-700 dark:text-slate-300"><li class="my-0.5"><strong>बोल्ड</strong>, <em>इटालिक</em>, र <del>स्ट्राइकथ्रु</del></li><li class="my-0.5"><code class="bg-slate-100 dark:bg-slate-800 text-pink-600 dark:text-pink-400 rounded px-1 py-0.5 text-[0.85em] font-mono">लाइन कोड</code> र बाड़ी गरिएको कोड ब्लकहरू</li><li class="my-0.5"><a href="https://libratool.com" target="_blank" rel="noopener noreferrer" class="text-teal-600 dark:text-teal-400 underline underline-offset-2">लिङ्कहरू</a></li><li class="my-0.5">सूचीहरू, उद्धरणहरू, तालिकाहरू, र अन्य</li></ul> <h3 class="text-xl font-bold text-slate-900 dark:text-slate-50 mt-6 mb-2">कोड उदाहरण</h3> <pre class="bg-slate-900 dark:bg-slate-950 text-slate-100 rounded-lg p-4 overflow-x-auto text-sm font-mono my-4"><code class="language-javascript">function greet(name) { return `Hello, ${name}!`; }</code></pre> <blockquote class="border-l-4 border-teal-400 dark:border-teal-600 pl-4 my-3 text-slate-600 dark:text-slate-400 italic">Markdown 2004 मा जन वेबमा लेखन सजिलो गर्न जन Gruber द्वारा सिर्जित गरिएको थियो।</blockquote> <table class="my-4 w-full text-sm border-collapse"><thead><tr><th class="border border-slate-300 dark:border-slate-600 bg-slate-100 dark:bg-slate-800 px-3 py-2 text-left font-semibold">विशेषता</th><th class="border border-slate-300 dark:border-slate-600 bg-slate-100 dark:bg-slate-800 px-3 py-2 text-left font-semibold">समर्थित</th></tr></thead><tbody><tr><td class="border border-slate-200 dark:border-slate-700 px-3 py-2 text-left">शीर्षकहरू</td><td class="border border-slate-200 dark:border-slate-700 px-3 py-2 text-left">✓</td></tr><tr><td class="border border-slate-200 dark:border-slate-700 px-3 py-2 text-left">सूचीहरू</td><td class="border border-slate-200 dark:border-slate-700 px-3 py-2 text-left">✓</td></tr><tr><td class="border border-slate-200 dark:border-slate-700 px-3 py-2 text-left">तालिकाहरू</td><td class="border border-slate-200 dark:border-slate-700 px-3 py-2 text-left">✓</td></tr><tr><td class="border border-slate-200 dark:border-slate-700 px-3 py-2 text-left">कोड</td><td class="border border-slate-200 dark:border-slate-700 px-3 py-2 text-left">✓</td></tr></tbody></table>
Markdown चिटशिट
# Heading 1H1
**bold**बोल्ड
*italic*इटालिक
`code`इनलाइन कोड
- itemबुलेट सूची
1. itemक्रमांकित सूची
> quoteब्लककोट
[text](url)लिंक
![alt](url)छवि
---विभाजक

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

  • Markdown मा API डकुमेन्टेसन लेख्नुहोस्Markdown मा endpoint विवरणहरू, अनुरोध/प्रतिक्रिया उदाहरणहरू र प्यारामिटर तालिकाहरू ड्राफ्ट गर्नुहोस्।
  • Markdown नोटहरू लिनुहोस्Notion, Obsidian, Bear वा कुनै पनि Markdown अनुप्रयोगमा टाँस गर्न सकिने संरचित नोटहरू Markdown मा लेख्नुहोस्।
  • Markdown मा GitHub README लेख्नुहोस्आपको GitHub रिपोजिटरी README लाइभ Markdown रेन्डरिङको साथ ड्राफ्ट र पूर्वावलोकन गर्नुहोस्।
  • प्राविधिक दस्तावेजीकरण लेख्नुहोस्API डक्स, wikis र प्रकाशन गर्नु अघि Markdown मा प्राविधिक गाइडहरू लेख र पूर्वावलोकन गर्नुहोस्।
  • Markdown मा ब्लग पोस्ट लेख्नुहोस्Ghost, Jekyll, Hugo, Hashnode र अन्य Markdown-आधारित प्रकाशन प्ल्याटफर्मका लागि ब्लग पोस्टहरू ड्राफ्ट गर्नुहोस्।

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

पूर्वावलोकन उपकरणमै सीधै बनेको एउटा हातले लेखिएको Markdown पार्सरले रेन्डर गर्छ — कुनै marked, कुनै remark, कुनै बाह्य लाइब्रेरी छैन। यसले स्रोतलाई ब्राउजरमा लाइन-दर-लाइन टोकनाइज गर्छ, सिन्ट्याक्सलाई HTML मा रूपान्तरण गर्दै जुन डिस्प्लेअघि एउटा स्यानिटाइजरमार्फत जान्छ।

  1. 1
    लाइन-दर-लाइन टोकनाइजेसन
    कस्टम renderMarkdown फङ्सनले तपाईंको स्रोतलाई नयाँ लाइनमा विभाजन गर्छ र एउटै पासमा तिनमा हिँड्छ, प्राथमिकता क्रममा fenced कोड ब्लक, हेडिङ (H1–H6), ब्लककोट, क्रमित र अक्रमित सूची, GFM तालिका (स्तम्भ-मिलाइसहित), क्षैतिज रेखा, र अनुच्छेदहरू मिलाउँदै।
  2. 2
    इनलाइन सिन्ट्याक्स विस्तार
    हरेक सङ्कलन गरिएको लाइन वा सेल त्यसपछि inlineMarkdown ले प्रशोधन गर्छ, रेगेक्स प्रतिस्थापनहरूको एउटा शृंखला जसले बोल्ड (** र __), इटालिक (* र _), बोल्ड-इटालिक (***), स्ट्राइकथ्रु (~~), इनलाइन कोड (), छविहरू (![alt](url)), र लिंकहरू ([text](url)) ह्यान्डल गर्छ — छविहरू लिंकहरूअघि समाधान गरिन्छ त्यसैले ! उपसर्ग गलत रूपमा प्रयोग नहोस्।
  3. 3
    स्यानिटाइजेसन र रिमोट-रिसोर्स रोक्ने काम
    रेन्डररले उत्पादन गरेको कच्चा HTML एउटा स्यानिटाइजर (sanitize-html) मार्फत जान्छ ताकि <script>, onerror ह्यान्डलर, र javascript: hrefs जस्ता असुरक्षित ट्याग र एट्रिब्युटहरू हटाइयोस्। एउटा दोस्रो पास (neutralizeRemote) ले रिमोट छवि src मानहरूलाई पूर्वनिर्धारित रूपमा प्लेसहोल्डरहरूले प्रतिस्थापन गर्छ, तपाईंले स्वीकृत नगर्दासम्म पूर्वावलोकनलाई बाह्य सर्भरहरूमा चुपचाप कल गर्नबाट रोक्दै।
  4. 4
    .md वा स्वयं-निहित .html को रूपमा निर्यात गर्नुहोस्
    Markdown प्रतिलिपि गर्दा वा डाउनलोड गर्दा कच्चा स्रोत पाठ लेखिन्छ। HTML डाउनलोड गर्दा स्यानिटाइज गरिएको आउटपुटलाई यसको आफ्नै इनलाइन स्टाइलसिटसहित एउटा स्वयं-निहित कागजातमा र्‍याप गरिन्छ — Tailwind क्लासहरू केवल साइटभित्र मात्र काम गर्छन्, त्यसैले निर्यातले बरु सादा CSS नियमहरू बन्डल गर्छ, फाइललाई जहाँ पनि पढ्न मिल्ने बनाउँदै।

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

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