အခမဲ့ HTML မှ Markdown Converter
HTML ကို သပ်ရပ်သော Markdown သို့ ပြောင်းပါ။ heading, list, link, ဓာတ်ပုံ, code block, table နှင့် blockquote ကိုင်တွယ်သည်။ CMS မှ အကြောင်းအရာ ရွှေ့ရန် အသင့်တော်ဆုံး。
HTML ကို ဘယ်ဘက်တွင် ကူးထည့်ပါ၊ Markdown ကို ညာဘက်တွင် ပေါ်လာမည်။ Markdown သည် HTML ထက် ရိုးရှင်းသောကြောင့် styling, script နှင့် ရှုပ်ထွေးသော ဇယားများကို ရိုးရှင်းအောင် ပြုလုပ်သည် သို့မဟုတ် ဖြုတ်ပစ်သည်။
ကြံ့ဖန်း - ကွန်ယက်စာမျက်နှာ၊ Word သို့မဟုတ် Google Docs မှ ကူးယူသည့် အလွယ်တကူစာသားကို ကပ်လိုက်ပါ - HTML ကို အလိုအလျှောက် ကူးယူခြင်း။
Markdown ရလဒ် ဤနေရာတွင် ပေါ်လာမည်…အသုံးများသော အသုံးပြုမှုများ
- ဘလောဂ်အက်ဆ်ကုန်ကျ Markdown ကို ရွေ့ပြောင်းအဟောင်း WordPress အည့ူ, Medium သို့မဟုတ် အခြား CMS ပို့စ်များကို စာသားအများအပြား ဝက်ဘ်ဆိုက် ပထမ ထုတ်ကုန်သည်။
- အီမေလ်အက်ဆ်ကုန်ကျ Markdown ကို ပြောင်းလဲHTML အီမေလ်သို့မဟုတ် ဝက်ဘ်ဆိုက်အည့ူ မှ စာသားကိုတွင်ခြင်း သုံးအားထုတ်ခြင်း Markdown အားလုံး။
- HTML စာတမ်းများကို Markdown သို့ ပြောင်းပါဟောင်းနွမ်းသော HTML စာတမ်းများကို Markdown အခြေပြု docs စနစ် (Docusaurus၊ GitBook၊ MkDocs) သို့ ရွှေ့ပါ။
- CMS ထုတ်ပြန်ခြင်း လွှတ်CMS ထဲမှ ထုတ်ပြန်ခဲ့သည့် မညီညွတ်သော HTML ကို တစ်ခြား- အစီအစဉ်-ထင်ဟပ်မှု Markdown သို့ပြောင်းလဲ။
- LLM ကြေးမုံုများ အဘို့ HTML အက်ဆ်ကုန်ကျ ပြင်ဆင်HTML အက်ဆ်ကုန်ကျ စမ်းသုံးအားလုံး Markdown ကို ChatGPT, Claude, သို့မဟုတ် အခြား LLM အင်္ဂါ အဘို့။
မည်သို့ အလုပ်လုပ်သည်
ဤ converter ကို ကိုယ်တိုင်ရေးထားသော zero-dependency regex pipeline ပတ်ပတ်လည် တည်ဆောက်ထားသည် — ပြင်ပ library မပါဝင်ပါ။ Conversion အားလုံးကို React useMemo call တစ်ခုမှတစ်ဆင့် သင့် browser ထဲတွင် လုပ်ဆောင်ပြီး ရိုက်နေစဉ် output ကို တိုက်ရိုက် update လုပ်ပေးသည်။
- 1Paste detection သည် rich text ကို ဖမ်းယူသည်ClipboardEvent handler တစ်ခုသည် browser က plain text ကို paste မလုပ်မီ clipboard မှ text/html flavor ကို ဖတ်ယူသည်။ ဆိုလိုသည်မှာ web page၊ Google Docs သို့မဟုတ် Word မှ တိုက်ရိုက် paste လုပ်ခြင်းသည် raw HTML markup ကို အလိုအလျောက် ဖမ်းယူသည် — source ကို ဦးစွာ ကြည့်ရန် မလိုအပ်ပါ။
- 2Multi-pass regex pipeline သည် tag များကို ဖယ်ရှားပြီး ပြောင်းလဲသည်Converter သည် regex pass များ၏ တင်းကျပ်သော အစီအစဉ်ကို အလုပ်လုပ်သည်: ၎င်းသည် <head>, <script>, <style> နှင့် HTML comment များကို ဦးစွာ ဖယ်ရှားပြီး fenced code block များကို နောက်ပိုင်း pass များက code content ကို ဖျက်ဆီးခြင်းမှ ကာကွယ်ရန် null-byte placeholder များနောက်တွင် ချန်ထားသည်။ ဆက်လက် pass များသည် heading (h1–h6)၊ blockquote၊ ပုံများ၊ link များ၊ bold/italic/strikethrough၊ ordered နှင့် unordered list များနှင့် အခြေခံ GFM pipe table များကို ကိုင်တွယ်သည် — pass တစ်ခုစီသည် သတ်သတ်မှတ်မှတ် tag family တစ်ခုကို ပစ်မှတ်ထားသည်။
- 3Entity decoding နှင့် whitespace normalizationTag များအားလုံး ဖယ်ရှားပြီးနောက် dedicated decodeEntities function တစ်ခုသည် String.fromCodePoint ကို သုံး၍ named entity (&, <, etc.) များနှင့် decimal/hex character reference (', ') များကို ဖြေရှင်းသည်။ ပုံမှန်မဟုတ်သော (သို့) အပိုင်းအခြားပြင်ပရှိ code point များကို error ပစ်မည့်အစား Unicode replacement character ဖြင့် အစားထိုးသည်။ Trailing space များ၊ ချုံ့ထားသော blank line run များနှင့် အပို whitespace ကို ထို့နောက် normalize လုပ်သည်။
- 4ကာကွယ်ထားသော code span များကို ပြန်ရယူသည်Placeholder system (null-byte-delimited index များ) ကို ဖယ်ရှားခြင်း၊ decode လုပ်ခြင်းနှင့် whitespace ချုံ့ခြင်း ပြီးစီးပြီးနောက် နောက်ဆုံးတွင် ဖြေရှင်းသည်။ ၎င်းသည် code literal များအတွင်းရှိ entity sequence များကို နှစ်ကြိမ် decode ဖြစ်ခြင်း — ရိုးရှင်းသော HTML-to-Markdown converter များတွင် အများသုံးသော double-decode bug တစ်ခု — ကို ကာကွယ်သည်။
ဆက်နွှယ်သော ကိရိယာများ
Markdown မှ HTML Converter
live preview ဖြင့် Markdown ကို သပ်ရပ်သော HTML သို့ ပြောင်းပါ။ blog, CMS သို့မဟုတ် email template အတွက် copy-paste အသင့် HTML ကူးယူရန် source view ကို သုံးပါ。
Markdown တည်းဖြတ်စက်
Markdown ကို real time တွင် ရေးကာ preview ကြည့်ပါ။ heading, bold, italic, code block, table နှင့် list ပံ့ပိုးသည်。
HTML ကုဒ်ဝှက်/ဖြည်စက်
အထူးအက္ခရာများကို HTML entity သို့ encode ပြုလုပ်ပါ သို့မဟုတ် entity ကို ရိုးရှင်းသော စာသားသို့ decode ပြန်ပါ။ ချက်ချင်း၊ browser တွင်。