LibraTool logoLibraTool

ಉಚಿತ Markdown ಎಡಿಟರ್

ರೀಯಲ್ ಟೈಮ್‌ನಲ್ಲಿ Markdown ಬರೆಯಿರಿ ಮತ್ತು ಪೂರ್ವವೀಕ್ಷಿಸಿ. ಶೀರ್ಷಿಕೆಗಳು, ಬೋಲ್ಡ್, ಇಟಾಲಿಕ್, ಕೋಡ್ ಬ್ಲಾಕ್‌ಗಳು, ಟೇಬಲ್‌ಗಳು, ಮತ್ತು ಪಟ್ಟಿಗಳನ್ನು ಬೆಂಬಲಿಸುತ್ತದೆ.

ಒಮ್ಮೆ ಲೋಡ್ ಆದ ನಂತರ ಆಫ್‌ಲೈನ್‌ನಲ್ಲಿ ಕೆಲಸ ಮಾಡುತ್ತದೆ
82 ಪದಗಳು · 601 ಅಕ್ಷರಗಳು
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 ರಲ್ಲಿ ಜಾನ್ ಗ್ರುಬರ್ ವೆಬ್‌ಗಾಗಿ ಬರೆಯುವುದನ್ನು ಸುಲಭಗೊಳಿಸಲು ರಚಿಸಿದರು.</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 ಪಾರ್ಸರ್ ಮೂಲಕ ರೆಂಡರ್ ಮಾಡಲಾಗುತ್ತದೆ — marked ಇಲ್ಲ, remark ಇಲ್ಲ, ಬಾಹ್ಯ ಲೈಬ್ರರಿ ಇಲ್ಲ. ಇದು ಬ್ರೌಸರ್‌ನಲ್ಲಿ ಸೋರ್ಸ್ ಅನ್ನು ಸಾಲು-ಸಾಲಿನಂತೆ ಟೋಕನೈಸ್ ಮಾಡುತ್ತದೆ, ಸಿಂಟ್ಯಾಕ್ಸ್ ಅನ್ನು HTML ಆಗಿ ಪರಿವರ್ತಿಸುತ್ತದೆ, ಇದನ್ನು ಪ್ರದರ್ಶನದ ಮೊದಲು ಸ್ಯಾನಿಟೈಜರ್ ಮೂಲಕ ರವಾನಿಸಲಾಗುತ್ತದೆ.

  1. 1
    ಸಾಲು-ಸಾಲಿನ ಟೋಕನೈಸೇಶನ್
    ಕಸ್ಟಮ್ renderMarkdown ಫಂಕ್ಷನ್ ನಿಮ್ಮ ಸೋರ್ಸ್ ಅನ್ನು ಹೊಸ ಸಾಲುಗಳ ಮೇಲೆ ವಿಭಜಿಸಿ, ಒಂದೇ ಪಾಸ್‌ನಲ್ಲಿ ಅವುಗಳ ಮೂಲಕ ವಾಕ್ ಮಾಡುತ್ತದೆ, ಆದ್ಯತಾ ಕ್ರಮದಲ್ಲಿ ಫೆನ್ಸ್ಡ್ ಕೋಡ್ ಬ್ಲಾಕ್‌ಗಳು, ಹೆಡಿಂಗ್‌ಗಳು (H1–H6), ಬ್ಲಾಕ್‌ಕೋಟ್‌ಗಳು, ಆರ್ಡರ್ ಮತ್ತು ಅನಾರ್ಡರ್ ಲಿಸ್ಟ್‌ಗಳು, GFM ಟೇಬಲ್‌ಗಳು (ಕಾಲಂ-ಜೋಡಣೆಯೊಂದಿಗೆ), ಸಮತಲ ರೇಖೆಗಳು, ಮತ್ತು ಪ್ಯಾರಾಗ್ರಾಫ್‌ಗಳನ್ನು ಗುರುತಿಸುತ್ತದೆ.
  2. 2
    ಇನ್‌ಲೈನ್ ಸಿಂಟ್ಯಾಕ್ಸ್ ವಿಸ್ತರಣೆ
    ಪ್ರತಿ ಸಂಗ್ರಹಿಸಿದ ಸಾಲು ಅಥವಾ ಸೆಲ್ ಅನ್ನು ನಂತರ inlineMarkdown ಮೂಲಕ ಪ್ರಕ್ರಿಯೆಗೊಳಿಸಲಾಗುತ್ತದೆ, ಇದು ಬೋಲ್ಡ್ (** ಮತ್ತು __), ಇಟಾಲಿಕ್ (* ಮತ್ತು _), ಬೋಲ್ಡ್-ಇಟಾಲಿಕ್ (***), ಸ್ಟ್ರೈಕ್‌ಥ್ರೂ (~~), ಇನ್‌ಲೈನ್ ಕೋಡ್, ಚಿತ್ರಗಳು (![alt](url)), ಮತ್ತು ಲಿಂಕ್‌ಗಳನ್ನು ([text](url)) ನಿರ್ವಹಿಸುವ regex ಬದಲಿಗಳ ಸರಪಳಿ — ! ಪ್ರಿಫಿಕ್ಸ್ ತಪ್ಪಾಗಿ ಬಳಸಲ್ಪಡದಂತೆ ಚಿತ್ರಗಳನ್ನು ಲಿಂಕ್‌ಗಳ ಮೊದಲು ಪರಿಹರಿಸಲಾಗುತ್ತದೆ.
  3. 3
    ಸ್ಯಾನಿಟೈಸೇಶನ್ ಮತ್ತು ರಿಮೋಟ್-ಸಂಪನ್ಮೂಲ ನಿರ್ಬಂಧನೆ
    ರೆಂಡರರ್ ಉತ್ಪಾದಿಸಿದ ಕಚ್ಚಾ HTML ಅನ್ನು <script>, onerror ಹ್ಯಾಂಡ್ಲರ್‌ಗಳು, ಮತ್ತು javascript: hrefಗಳಂತಹ ಅಸುರಕ್ಷಿತ ಟ್ಯಾಗ್‌ಗಳು ಮತ್ತು ಅಟ್ರಿಬ್ಯೂಟ್‌ಗಳನ್ನು ತೆಗೆದುಹಾಕಲು ಸ್ಯಾನಿಟೈಜರ್ (sanitize-html) ಮೂಲಕ ರವಾನಿಸಲಾಗುತ್ತದೆ. ಎರಡನೇ ಪಾಸ್ (neutralizeRemote) ಡೀಫಾಲ್ಟ್ ಆಗಿ ರಿಮೋಟ್ ಇಮೇಜ್ src ಮೌಲ್ಯಗಳನ್ನು ಪ್ಲೇಸ್‌ಹೋಲ್ಡರ್‌ಗಳಿಂದ ಬದಲಾಯಿಸುತ್ತದೆ, ನೀವು ಒಪ್ಪುವ ಮೊದಲು ಪೂರ್ವವೀಕ್ಷಣೆ ಬಾಹ್ಯ ಸರ್ವರ್‌ಗಳಿಗೆ ಮೌನವಾಗಿ ಫೋನ್ ಮಾಡುವುದನ್ನು ತಡೆಯುತ್ತದೆ.
  4. 4
    .md ಅಥವಾ ಸ್ವತಂತ್ರ .html ಆಗಿ ಎಕ್ಸ್‌ಪೋರ್ಟ್ ಮಾಡಿ
    Markdown ನಕಲಿಸುವುದು ಅಥವಾ ಡೌನ್‌ಲೋಡ್ ಮಾಡುವುದು ಕಚ್ಚಾ ಸೋರ್ಸ್ ಪಠ್ಯವನ್ನು ಬರೆಯುತ್ತದೆ. HTML ಡೌನ್‌ಲೋಡ್ ಮಾಡುವುದು ಸ್ಯಾನಿಟೈಜ್ ಮಾಡಿದ ಔಟ್‌ಪುಟ್ ಅನ್ನು ಅದರ ಸ್ವಂತ ಇನ್‌ಲೈನ್ ಸ್ಟೈಲ್‌ಶೀಟ್‌ನೊಂದಿಗೆ ಸ್ವಯಂಪೂರ್ಣ ಡಾಕ್ಯುಮೆಂಟ್‌ನಲ್ಲಿ ಸುತ್ತುತ್ತದೆ — Tailwind ಕ್ಲಾಸ್‌ಗಳು ಸೈಟ್‌ನೊಳಗೆ ಮಾತ್ರ ಕೆಲಸ ಮಾಡುತ್ತವೆ, ಆದ್ದರಿಂದ ಎಕ್ಸ್‌ಪೋರ್ಟ್ ಬದಲಿಗೆ ಸರಳ CSS ನಿಯಮಗಳನ್ನು ಬಂಡಲ್ ಮಾಡುತ್ತದೆ, ಫೈಲ್ ಎಲ್ಲಿಯಾದರೂ ಓದಬಹುದಾಗಿಸುತ್ತದೆ.

ಸಂಬಂಧಿತ ಪರಿಕರಗಳು

📝

HTML ನಿಂದ Markdown ಪರಿವರ್ತಕ

HTML ಅನ್ನು ಸ್ವಚ್ಛ Markdown ಗೆ ಪರಿವರ್ತಿಸಿ. ಶೀರ್ಷಿಕೆಗಳು, ಪಟ್ಟಿಗಳು, ಲಿಂಕ್‌ಗಳು, ಚಿತ್ರಗಳು, ಕೋಡ್ ಬ್ಲಾಕ್‌ಗಳು, ಮತ್ತು ಬ್ಲಾಕ್‌ಕೋಟ್‌ಗಳನ್ನು ನಿಭಾಯಿಸುತ್ತದೆ. CMS ಗಳಿಂದ ವಿಷಯವನ್ನು ಸ್ಥಳಾಂತರಿಸಲು ಪರಿಪೂರ್ಣ.

ಇದನ್ನು ಪ್ರಯತ್ನಿಸಿ
🔄

Markdown ನಿಂದ HTML ಪರಿವರ್ತಕ

ಲೈವ್ ಪೂರ್ವವೀಕ್ಷಣೆಯೊಂದಿಗೆ Markdown ಅನ್ನು ಸ್ವಚ್ಛ HTML ಗೆ ಪರಿವರ್ತಿಸಿ. ಬ್ಲಾಗ್‌ಗಳು, CMS ಗಳು, ಅಥವಾ ಇಮೇಲ್ ಟೆಂಪ್ಲೇಟ್‌ಗಳಿಗೆ ಸಿದ್ಧ-ಪೇಸ್ಟ್ HTML ನಕಲಿಸಲು ಸೋರ್ಸ್ ವ್ಯೂ ಬಳಸಿ.

ಇದನ್ನು ಪ್ರಯತ್ನಿಸಿ
📊

Mermaid ಡಯಾಗ್ರಾಮ್ ಎಡಿಟರ್

Mermaid ಸಿಂಟ್ಯಾಕ್ಸ್‌ನಲ್ಲಿ ಲೈವ್ ಪೂರ್ವವೀಕ್ಷಣೆಯೊಂದಿಗೆ ಫ್ಲೋಚಾರ್ಟ್‌ಗಳು, ಸೀಕ್ವೆನ್ಸ್ ಡಯಾಗ್ರಾಮ್‌ಗಳು, Gantt ಚಾರ್ಟ್‌ಗಳು, ಮತ್ತು ಇನ್ನಷ್ಟನ್ನು ಬರೆಯಿರಿ. SVG ಅಥವಾ PNG ಆಗಿ ರಫ್ತು ಮಾಡಿ. ಸಂಪೂರ್ಣವಾಗಿ ನಿಮ್ಮ ಬ್ರೌಸರ್‌ನಲ್ಲಿ ಚಲಿಸುತ್ತದೆ.

ಇದನ್ನು ಪ್ರಯತ್ನಿಸಿ

ಪದೇ ಪದೇ ಕೇಳಲಾಗುವ ಪ್ರಶ್ನೆಗಳು