အခမဲ့ Markdown မှ HTML Converter

မည်သို့ အလုပ်လုပ်သည်

Conversion ကို ကိုယ်တိုင်ရေးထားသော Markdown parser တစ်ခုက သင့် browser ထဲတွင် လုံးဝ ပြီးဆုံးအောင် လုပ်ဆောင်ပေးသည် — ပြင်ပ library၊ server request မပါဝင်ပါ။ Parser သည် source ကို line-by-line လျှောက်သွားပြီး block-level rule များ (heading, list, table, fenced code) ကို အသုံးချကာ ထို့နောက် bold, italic, link, image, နှင့် inline code များအတွက် inline regex pattern ဒုတိယ pass ကို လုပ်ဆောင်သည်။

1. 1
   Block ဖွဲ့စည်းပုံကို ဦးစွာ parse လုပ်ထားသည်

   Parser သည် raw Markdown ကို line-by-line ဖတ်ပြီး block-level construct များကို ခွဲခြားသည်: fenced code block (ရွေးချယ်နိုင်သော language class ပါ)၊ ATX heading (# through ######)၊ blockquote၊ GFM task-list checkbox ပါ ordered နှင့် unordered list များ၊ column alignment ပါ GFM table များ၊ horizontal rule နှင့် soft-wrap ဆက်လက်စာကြောင်းများကို မှန်ကန်စွာ ပေါင်းစည်းသော paragraph များ။
2. 2
   Block တစ်ခုစီအတွင်း inline pattern များ အသုံးချထားသည်

   Block တစ်ခုစီ၏ စာသားကို HTML-escape လုပ်ပြီးနောက် parseInline() ရှိ regex chain တစ်ခုသည် inline syntax ကို ပြောင်းလဲသည်: image များနှင့် link များ (javascript: နှင့် data: href များကို ဖယ်ရှားသော URL scheme whitelisting ပါ)၊ **bold**, *italic*, ~~strikethrough~~, နှင့် inline code — ထို precedence order အလိုက်။
3. 3
   Preview toggle ပါသော Live HTML output

   HTML string ကို keystroke တိုင်းတွင် useMemo မှတစ်ဆင့် ပြန်တွက်ချက်သဖြင့် ညာဘက် pane သည် ချက်ချင်း update ဖြစ်သည်။ Toggle တစ်ခုသည် raw HTML source view နှင့် browser ၏ ကိုယ်ပိုင် layout engine ကို သုံးသော render လုပ်ထားသော ကြိုကြားမှုအကြား ပြောင်းပေးသည်။
4. 4
   Rich-text copy အပါအဝင် output option သုံးမျိုး

   Raw HTML markup ကို ကူးယူနိုင်သည်၊ DOCTYPE နှင့် charset meta tag ပါသော standalone .html ဖိုင်တစ်ခုတည်းအဖြစ် ဒေါင်းလုဒ်ဆွဲနိုင်သည် (သို့) 'Copy rich text' ကို သုံးနိုင်သည် — ၎င်းသည် Clipboard API ၏ ClipboardItem မှတစ်ဆင့် text/html နှင့် text/plain MIME type နှစ်ခုစလုံးကို clipboard သို့ ရေးထားသဖြင့် ဖော်မတ်ချထားသော ရလဒ်သည် Gmail, Google Docs, သို့မဟုတ် Word ထဲသို့ အပိုအဆင့်များ မလိုဘဲ တိုက်ရိုက် paste ဖြစ်သည်။

ဆက်နွှယ်သော ကိရိယာများ