📝
ነፃ Markdown አርታኢ
Markdown ን በእውነተኛ ጊዜ ይጻፉና ቅድመ-ይመልከቱ። ራስጌዎችን፣ ደማቅ፣ ሰያፍ፣ የኮድ ብሎኮች፣ ሠንጠረዦችና ዝርዝሮችን ይደግፋል።
ከተጫነ በኋላ ከመስመር ውጭ ይሠራል
86 ቃላት · 462 ፊደላት
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">Inline code</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`Inline ኮድ
- itemየነጥብ ዝርዝር
1. itemየቁጥር ዝርዝር
> quoteብሎክኮት
[text](url)ማገናኛ
ምስል
---መለያያ
እንዴት እንደሚሠራ
ቅድመ-እይታው በቀጥታ በመሣሪያው ውስጥ በተገነባ በእጅ በተጻፈ የMarkdown ተንታኝ ይታያል — ምንም marked፣ ምንም remark፣ ምንም ውጫዊ ላይብረሪ የለም። ምንጩን በአሳሹ ውስጥ መስመር በመስመር ይከፋፍላል፣ አገባቡን ወደ HTML ይቀይራል፤ ይህም ከመታየቱ በፊት በማጽጃ ውስጥ ያልፋል።
- 1መስመር በመስመር መከፋፈልብጁው renderMarkdown ተግባር ምንጭዎን በአዲስ መስመሮች ይከፍላል እና በአንድ ዙር ያልፋቸዋል፤ የታጠሩ የኮድ ብሎኮችን፣ ርዕሶችን (H1–H6)፣ ጥቅሶችን፣ ቁጥር ያላቸውን እና የሌላቸውን ዝርዝሮች፣ የGFM ሰንጠረዦችን (ከዓምድ አሰላለፍ ጋር)፣ አግድም መስመሮችን እና አንቀጾችን በቅድሚያ ቅደም ተከተል ያዛምዳል።
- 2የመስመር ውስጥ አገባብ መዘርጋትእያንዳንዱ የተሰበሰበ መስመር ወይም ሕዋስ ከዚያ በinlineMarkdown ይሠራል፤ ይህ ደማቅ (** እና __)፣ ሰያፍ (* እና _)፣ ደማቅ-ሰያፍ (***)፣ የተሰረዘ (~~)፣ የመስመር ውስጥ ኮድ ()፣ ምስሎችን () እና አገናኞችን ([text](url)) የሚያስተናግድ የregex መተኪያዎች ሰንሰለት ነው — የ! ቅድመ-ቅጥያው በስህተት እንዳይበላ ምስሎች ከአገናኞች በፊት ይፈታሉ።
- 3ማጽዳት እና የርቀት ሀብቶችን ማገድበአሳያው የተመረተው ጥሬ HTML እንደ <script>፣ onerror ተቆጣጣሪዎች እና javascript: hrefዎች ያሉ ደህንነቱ ያልተጠበቁ መለያዎችን እና ባህሪያትን ለማስወገድ በማጽጃ (sanitize-html) ውስጥ ያልፋል። ሁለተኛ ዙር (neutralizeRemote) በነባሪ የርቀት የምስል src እሴቶችን በቦታ ያዢዎች ይተካል፤ ይህም እርስዎ ከመፍቀድዎ በፊት ቅድመ-እይታው በዝምታ ወደ ውጫዊ አገልጋዮች እንዳይገናኝ ይከላከላል።
- 4እንደ .md ወይም ራሱን የቻለ .html ያውጡMarkdownን መቅዳት ወይም ማውረድ ጥሬውን የምንጭ ጽሑፍ ይጽፋል። HTMLን ማውረድ የጸዳውን ውጤት የራሱ የውስጥ የቅጥ ሉህ ባለው ራሱን የቻለ ሰነድ ውስጥ ያስቀምጣል — የTailwind ክፍሎች የሚሠሩት በጣቢያው ውስጥ ብቻ ስለሆነ፣ ማውጫው በምትኩ ቀላል የCSS ሕጎችን ያካትታል፤ ይህም ፋይሉን በየትኛውም ቦታ ሊነበብ የሚችል ያደርገዋል።
ተዛማጅ መሳሪያዎች
HTML ወደ Markdown መቀየሪያ
HTML ን ወደ ንጹህ Markdown ይቀይሩ። ራስጌዎችን፣ ዝርዝሮችን፣ አገናኞችን፣ ምስሎችን፣ የኮድ ብሎኮችንና ጥቅሶችን ይይዛል። ይዘትን ከCMSዎች ለማውጣት ፍጹም።
ሞክሩት
Markdown ወደ HTML መቀየሪያ
Markdown ን ከቀጥታ ቅድመ-እይታ ጋር ወደ ንጹህ HTML ይቀይሩ። ለብሎጎች፣ CMSዎች ወይም የኢሜይል አብነቶች ዝግጁ-ለመለጠፍ HTML ለመቅዳት የምንጭ እይታን ይጠቀሙ።
ሞክሩት
Mermaid ዲያግራም አርታኢ
ፍሎቻርቶችን፣ ቅደም ተከተል ዲያግራሞችን፣ Gantt ቻርቶችንና ተጨማሪ በMermaid አገባብ ከቀጥታ ቅድመ-እይታ ጋር ይጻፉ። እንደ SVG ወይም PNG ያውጡ። ሙሉ በሙሉ በአሳሽዎ ውስጥ ይሰራል።
ሞክሩት