Անցնել հիմնական բովանդակությանը

Markdown խմբագիր անվճար

Գրեք ու նախադիտեք Markdown-ն իրական ժամանակում: Աջակցում է վերնագրեր, թավ, շեղ, կոդի բլոկներ, աղյուսակներ և ցուցակներ:

Աշխատում է անցանց՝ բեռնվելուց հետո
90 բառ · 593 նիշ
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-ը ստեղծել է John Gruber-ը 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)Պատկեր
---Բաժանիչ

Տարածված կիրառություններ

  • Գրել API Փաստաթուղթ MarkdownՔրեր ծայր նկարագրություն, շարում մեջ պատասխան օրինակ, և պարամետր սեղան Markdown:
  • Վերցնել Markdown ՆշումներԳրել կառուցում նշումներ Markdown կարող լինել մեծածել Notion, Obsidian, Bear, կամ այլ Markdown տեղ:
  • Գրեք GitHub README Markdown-ումՎերլուծեք և տեսակցեք ձեր GitHub պահեստի README-ը կենդանի Markdown ցուցադրման հետ:
  • Գրեք տեխնիկական փաստաթղթերAPI փաստաթղթերը, վիկի-ներ և տեխնիկական ուղեցույցներ գրեք Markdown-ում հրապարակելուց առաջ:
  • Գրեք բլոգի գրառումներ Markdown-ումԲլոգի գրառումներ վերլուծեք Markdown-ում Ghost, Jekyll, Hugo, Hashnode և այլ Markdown-ի վրա հիմնված հրապարակման հարթակների համար:

Ինչպես է այն աշխատում

Նախադիտումը մատուցվում է ձեռագիր Markdown վերլուծիչով, կառուցված ուղղակիորեն գործիքում — ոչ մի marked, ոչ մի remark, ոչ մի արտաքին գրադարան։ Այն աղբյուրը նշանագրում է տող առ տող դիտարկիչում, շարահյուսությունը փոխարկելով HTML-ի, որն ապա անցնում է մաքրիչի միջով մինչև ցուցադրումը։

  1. 1
    Տող-առ-տող նշանագրում
    Հատուկ renderMarkdown ֆունկցիան ձեր աղբյուրը բաժանում է նոր տողերով և անցնում է դրանց միջով մեկ անցումով՝ համապատասխանեցնելով ցանկապատված կոդի բլոկները, վերնագրերը (H1–H6), մեջբերումները, կարգավորված և չկարգավորված ցանկերը, GFM աղյուսակները (սյունակ-հավասարեցումով), հորիզոնական գծերը և պարբերությունները առաջնահերթային կարգով։
  2. 2
    Ներգծված շարահյուսության ընդարձակում
    Յուրաքանչյուր հավաքված տող կամ վանդակ ապա մշակվում է inlineMarkdown-ով, regex փոխարինումների շղթա, որը մշակում է թավը (** և __), շեղը (* և _), թավ-շեղը (***), գծվածը (~~), ներգծված կոդը, պատկերները (![alt](url)) և հղումները ([text](url)) — պատկերները լուծվում են մինչև հղումները, որպեսզի ! նախածանցը ճիշտ չսպառվի։
  3. 3
    Մաքրում և հեռավոր-ռեսուրսների արգելափակում
    Մատուցիչի ստեղծած հում HTML-ն անցնում է մաքրիչի (sanitize-html) միջով՝ անվտանգ ոչ պիտակները և հատկանիշները հեռացնելու համար, ինչպիսիք են <script>-ը, onerror մշակիչները և javascript: hrefs-երը։ Երկրորդ անցումը (neutralizeRemote) լռելյայն փոխարինում է հեռավոր պատկերի src արժեքները տեղապահերով, կանխելով, որ նախադիտումը լուռ կապվի արտաքին սերվերների հետ, մինչև դուք ընտրեք դա։
  4. 4
    Արտահանում որպես .md կամ ինքնուրույն .html
    Markdown-ը պատճենելը կամ ներբեռնելը գրում է հում աղբյուրի տեքստը։ HTML-ը ներբեռնելը մաքրված ելքը փաթաթում է ինքնուրույն փաստաթղթում իր սեփական ներգծված ոճաթերթով — Tailwind դասերն աշխատում են միայն կայքի ներսում, ուստի արտահանումն այդպիսով ներառում է պարզ CSS կանոններ, դարձնելով ֆայլը ընթեռնելի ցանկացած տեղ։

Առնչվող գործիքներ

Հաճախակի տրվող հարցեր