အခမဲ့ Markdown တည်းဖြတ်စက်
Markdown ကို real time တွင် ရေးကာ preview ကြည့်ပါ။ heading, bold, italic, code block, table နှင့် list ပံ့ပိုးသည်。
Markdown ကိုးကားချက်စာရွက်
အသုံးများသော အသုံးပြုမှုများ
- Markdown ဖြင့် API စာတမ်းရေးပါMarkdown ရှိ endpoint ကျေးဇူးများ၊ တောင်းဆိုချက်/အမြန်ဆိုင်ရာ ဥပမာများ၊ နှင့် parameter ဇယားများ ပြင်ဆင်သည့်အုပ်စုံများ ရေးသားပါ။
- မာကဒောင်း မှတ်စုများ ရေးသားခြင်းNotion၊ Obsidian၊ Bear သို့မဟုတ် အခြား Markdown အက်ပ်ထဲသို့ ကူးအင်းနိုင်သည့် ဖွဲ့စည်းတည်ဆောက်ထားသည့် မှတ်စုများကို Markdown တွင် ရေးသားပါ။
- GitHub README Markdown ႏုံးႏုံးသီးမုံးတြင္ README မီးဖုတ္ႏုံးႏုံးႀကီးႀကီးအုပ္စုႀကီး
- အီသုံးႏုံးစာမ်ား ႏုံးႏုံးAPI မီးဖုတ္ၸုံး ႏုံးႏုံးႏုံးႏုံးထုံးကုံးႀကီးႀကီးႀကီးႀကီးႏုံးႏုံး
- Blog Post Markdown ႏုံးႏုံးGhost Jekyll Hugo Hashnode ႏုံးႏုံးႀကီး Markdown ႏုံးႏုံး
မည်သို့ အလုပ်လုပ်သည်
ကြိုကြားမှုကို ကိရိယာထဲသို့ တိုက်ရိုက် တည်ဆောက်ထားသော ကိုယ်တိုင်ရေးထားသော Markdown parser တစ်ခုက render လုပ်ပေးသည် — marked, remark, ပြင်ပ library မပါဝင်ပါ။ ၎င်းသည် source ကို browser ထဲတွင် line-by-line tokenize လုပ်ပြီး syntax ကို HTML သို့ ပြောင်းလဲကာ ပြသမီ sanitizer တစ်ခုကို ဖြတ်သန်းစေသည်။
- 1စာကြောင်းတစ်ကြောင်းချင်း တိုကင်ခွဲခြင်းCustom renderMarkdown function သည် သင့် source ကို newline ပေါ် ခွဲပြီး fenced code block၊ heading (H1–H6)၊ blockquote၊ ordered နှင့် unordered list၊ GFM table (column-alignment ပါ)၊ horizontal rule နှင့် paragraph များကို priority order ဖြင့် single pass တွင် လျှောက်သည်။
- 2Inline syntax ချဲ့ထုတ်ခြင်းစုစည်းထားသော line သို့မဟုတ် cell တစ်ခုစီကို ထို့နောက် inlineMarkdown ဖြင့် လုပ်ဆောင်သည်၊ ၎င်းသည် bold (** and __), italic (* and _), bold-italic (***), strikethrough (~~), inline code (), image (()), နှင့် link ([text](url)) ကို ကိုင်တွယ်သော regex replacement ကွင်းဆက်ဖြစ်သည် — ! prefix ကို မှားယွင်းစွာ မသုံးစေရန် image များကို link များမတိုင်မီ ဖြေရှင်းသည်။
- 3Sanitization နှင့် remote-resource ပိတ်ဆို့ခြင်းRenderer ၏ raw HTML ကို <script>, onerror handler များနှင့် javascript: href များကဲ့သို့ ဘေးကင်းမှုမရှိသော tag နှင့် attribute များကို ဖယ်ရှားရန် sanitizer (sanitize-html) တစ်ခုကို ဖြတ်သန်းစေသည်။ ဒုတိယ pass (neutralizeRemote) တစ်ခုသည် remote image src တန်ဖိုးများကို ပုံသေအားဖြင့် placeholder များဖြင့် အစားထိုးသည်၊ သင် opt-in မလုပ်မီ ကြိုကြားမှုသည် ပြင်ပ server များထံ တိတ်တဆိတ် ဆက်သွယ်ခြင်းကို ကာကွယ်သည်။
- 4Export as .md သို့မဟုတ် standalone .htmlMarkdown ကို copy ယူခြင်း သို့မဟုတ် download ခြင်းသည် raw source စာသားကို ရေးသည်။ HTML ကို download ခြင်းသည် sanitize လုပ်ထားသော output ကို ၎င်း၏ ကိုယ်ပိုင် inline stylesheet ပါသော self-contained document တစ်ခုဖြင့် ခြုံသည် — Tailwind class များသည် site ထဲတွင်သာ အလုပ်လုပ်သဖြင့် export သည် ရိုးရိုး CSS rule များကို အစား ပေါင်းစည်းသည်၊ ဖိုင်ကို ဘယ်နေရာတွင်မဆို ဖတ်နိုင်စေသည်။
ဆက်နွှယ်သော ကိရိယာများ
HTML မှ Markdown Converter
HTML ကို သပ်ရပ်သော Markdown သို့ ပြောင်းပါ။ heading, list, link, ဓာတ်ပုံ, code block, table နှင့် blockquote ကိုင်တွယ်သည်။ CMS မှ အကြောင်းအရာ ရွှေ့ရန် အသင့်တော်ဆုံး。
Markdown မှ HTML Converter
live preview ဖြင့် Markdown ကို သပ်ရပ်သော HTML သို့ ပြောင်းပါ။ blog, CMS သို့မဟုတ် email template အတွက် copy-paste အသင့် HTML ကူးယူရန် source view ကို သုံးပါ。
Mermaid ပုံကြမ်းတည်းဖြတ်စက်
live preview ဖြင့် Mermaid syntax တွင် flowchart, sequence diagram, Gantt chart နှင့် အခြားများ ရေးသားပါ။ SVG သို့မဟုတ် PNG အဖြစ် export လုပ်ပါ။ browser တွင်သာ လုံးဝ အလုပ်လုပ်သည်။