Markdown Preview
Markdown-аа paste хийгээд хөтөч дээрээ шууд preview харна уу (md to HTML).
Хөрвүүлэлт энэ хөтөч дээр явагдана. Оролт сервер рүү илгээгдэхгүй, хадгалагдахгүй.
md to HTML хөрвүүлэлт (хөтөч дээр шууд)
- Зүүн талын pane-д Markdown оруулж, баруун талд render хийгдсэн preview-г харна.
- Үүссэн HTML source-г шалгахын тулд хүссэн үедээ HTML tab руу шилжинэ үү.
- Live preview OFF үед Ctrl/Cmd + Enter-ээр шинэчилнэ.
Дэмжигдэх Markdown (GFM subset) ба GitHub-аас ялгарах зүйлс
Дэмжинэ
- Headings, paragraphs, emphasis, links, images
- Тэмдэгттэй болон дугаарласан жагсаалт
- Blockquote болон fenced code block
- Хүснэгт болон task list
- Strikethrough
Not supported (initial)
- Math (LaTeX)
- Mermaid
- GitHub өргөтгөл болон CSS-ийн яг ижил байдал
Гаралт нь GitHub render-тэй ойролцоо байхыг зорьдог ч яг ижил байх баталгаа байхгүй.
How to use
- Markdown-аа input pane-д paste хийнэ үү.
- Preview tab дээр render болсон үр дүнг шалгана уу.
- Шаардлагатай бол үүссэн HTML-ийг хуулж эсвэл татаж авна уу.
Жишээ
README-like snippet
Оролт: Heading + table + code + task list
Гаралт: Бүтцийг шалгах render хийгдсэн HTML preview
Blog HTML export
Оролт: Жагсаалт болон link-тэй энгийн тэмдэглэл
Гаралт: Хуулж эсвэл татахад бэлэн format-лагдсан HTML
Түгээмэл асуултууд
Энэ нь GitHub render-тэй яг адил уу?
Яг ижил түвшинд тааруулах нь хэцүү. Энэ хэрэгсэл тогтвортой GFM subset-ийг тодорхой дэмждэг тул GitHub-ийн тусгай өргөтгөл, CSS өөр байж болно.
Math болон Mermaid дэмждэг үү?
Эхний хувилбарт дэмжихгүй. Эрэлтээс шалтгаалан сонголтот боломж болгон дараа нь нэмэгдэж болно.
Миний оруулсан текст хадгалагдах уу?
Үгүй. Хөрвүүлэлт таны хөтөч дээр локалаар явагдаж, оролт сервер рүү илгээгдэхгүй.
Export хийсэн HTML-ийг блогийн үйлчилгээ рүү шууд paste хийж болох уу?
Ихэнхдээ болно, гэхдээ зарим үйлчилгээ HTML tag-ийг хязгаарладаг. Очих үйлчилгээний дүрмийг дагана уу.
Тэмдэглэл
- Хуудсыг refresh хийх эсвэл хаахад оролт алга болно. Шаардлагатай бол HTML-ээ татаж аваарай.
- HTML-г зөвшөөрсөн ч аюулгүй байдлын үүднээс sanitization үргэлж хэрэглэгдэнэ.
- Маш урт оролтод UI-г responsive байлгахын тулд live update-ийг throttle хийнэ.