ఉచిత Markdown ఎడిటర్

Markdownను రియల్ టైమ్‌లో రాయండి మరియు ప్రివ్యూ చేయండి. హెడింగ్‌లు, బోల్డ్, ఇటాలిక్, కోడ్ బ్లాక్‌లు, పట్టికలు, మరియు జాబితాలకు మద్దతు.

లోడ్ అయిన తర్వాత ఆఫ్‌లైన్‌లో పనిచేస్తుంది
83 పదాలు · 574 అక్షరాలు
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గా మారుస్తుంది, అది ప్రదర్శనకు ముందు sanitizer ద్వారా పంపబడుతుంది.

  1. 1
    లైన్ వారీ టోకనైజేషన్
    అనుకూల renderMarkdown ఫంక్షన్ మీ సోర్స్‌ను న్యూలైన్‌లపై విభజించి, ఒకే పాస్‌లో వాటి ద్వారా నడుస్తూ, fenced code blocks, headings (H1–H6), blockquotes, ordered మరియు unordered జాబితాలు, GFM పట్టికలు (column-alignmentతో), horizontal rules, మరియు పేరాలను ప్రాధాన్యత క్రమంలో సరిపోలుస్తుంది.
  2. 2
    ఇన్‌లైన్ సింటాక్స్ విస్తరణ
    సేకరించిన ప్రతి లైన్ లేదా సెల్ తర్వాత inlineMarkdown ద్వారా ప్రాసెస్ చేయబడుతుంది, ఇది bold (** మరియు __), italic (* మరియు _), bold-italic (***), strikethrough (~~), inline code (), చిత్రాలు (![alt](url)), మరియు లింక్‌లు ([text](url)) నిర్వహించే regex భర్తీల గొలుసు — ! ప్రిఫిక్స్ తప్పుగా వినియోగించబడకుండా చిత్రాలు లింక్‌లకు ముందే పరిష్కరించబడతాయి.
  3. 3
    Sanitization మరియు రిమోట్-రిసోర్స్ నిరోధం
    రెండరర్ ఉత్పత్తి చేసిన ముడి HTML <script>, onerror handlers, మరియు javascript: hrefs వంటి అసురక్షిత ట్యాగ్‌లు మరియు అట్రిబ్యూట్‌లను తీసేయడానికి sanitizer (sanitize-html) ద్వారా పంపబడుతుంది. రెండవ పాస్ (neutralizeRemote) డిఫాల్ట్‌గా రిమోట్ image src విలువలను placeholdersతో భర్తీ చేస్తుంది, మీరు అనుమతించే ముందు ప్రివ్యూ నిశ్శబ్దంగా బాహ్య సర్వర్‌లను సంప్రదించకుండా నిరోధిస్తుంది.
  4. 4
    .md లేదా స్వతంత్ర .htmlగా ఎగుమతి చేయండి
    Markdown కాపీ లేదా డౌన్‌లోడ్ చేయడం ముడి సోర్స్ టెక్స్ట్‌ను రాస్తుంది. HTML డౌన్‌లోడ్ sanitize చేసిన అవుట్‌పుట్‌ను సొంత ఇన్‌లైన్ stylesheetతో స్వయం-సంపూర్ణ డాక్యుమెంట్‌లో చుడుతుంది — Tailwind classes సైట్ లోపల మాత్రమే పనిచేస్తాయి, కాబట్టి ఎగుమతి బదులుగా సాదా CSS rules కట్టుతుంది, ఫైల్‌ను ఎక్కడైనా చదవగలిగేలా చేస్తుంది.

సంబంధిత సాధనాలు

📝

HTML నుండి Markdown కన్వర్టర్

HTMLను క్లీన్ Markdownగా మార్చండి. హెడింగ్‌లు, జాబితాలు, లింక్‌లు, చిత్రాలు, కోడ్ బ్లాక్‌లు, మరియు బ్లాక్‌కోట్‌లను నిర్వహిస్తుంది. CMSల నుండి కంటెంట్‌ను బయటకు తరలించడానికి అనువైనది.

ప్రయత్నించండి
🔄

Markdown నుండి HTML కన్వర్టర్

లైవ్ ప్రివ్యూతో Markdownను క్లీన్ HTMLగా మార్చండి. బ్లాగులు, CMSలు, లేదా ఇమెయిల్ టెంప్లేట్‌ల కోసం పేస్ట్ చేయడానికి సిద్ధమైన HTMLను కాపీ చేయడానికి సోర్స్ వ్యూను ఉపయోగించండి.

ప్రయత్నించండి
📊

Mermaid డయాగ్రామ్ ఎడిటర్

లైవ్ ప్రివ్యూతో Mermaid సింటాక్స్‌లో ఫ్లోచార్ట్‌లు, సీక్వెన్స్ డయాగ్రామ్‌లు, గాంట్ చార్ట్‌లు మరియు మరిన్ని రాయండి. SVG లేదా PNGగా ఎక్స్‌పోర్ట్ చేయండి. పూర్తిగా మీ బ్రౌజర్‌లోనే నడుస్తుంది.

ప్రయత్నించండి

తరచుగా అడిగే ప్రశ్నలు