အခမဲ့ စာသားရှာ/အစားထိုးစက်

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

Find and Replace သည် JavaScript ၏ built-in RegExp engine ကို သုံး၍ သင့် browser ထဲတွင် လုံးဝ လုပ်ဆောင်ပါသည် — library၊ server၊ upload မပါဝင်ပါ။ သင်ရိုက်လိုက်သည်နှင့် ရေတွက်ရန် String.prototype.matchAll နှင့် အစားထိုးရန် String.prototype.replace ကို သုံး၍ local တွင် စာသားကို လုပ်ဆောင်သည်။

1. 1
   Pattern ကို RegExp သို့ compile လုပ်ထားသည်

   ရိုက်နေစဉ် find term ကို keystroke တိုင်းတွင် tab ကို ဖမ်းသွားနိုင်သော pathological pattern များကို ရှောင်ရှားရန် 150 ms debounce ပါသော JavaScript RegExp တစ်ခုအဖြစ် compile လုပ်သည်။ Plain-text mode တွင် regex metacharacter တိုင်းကို ဦးစွာ escape လုပ်ထားသဖြင့် literal dot များနှင့် bracket များကို literal များအဖြစ် ကိုင်တွယ်သည်။ Regex mode ဖွင့်ထားလျှင် သင့် pattern ကို တိုက်ရိုက် ဖြတ်သန်းစေသည်။ Whole-word mode သည် pattern ကို \b(?:...)\b word-boundary anchor များဖြင့် ခြုံသည်၊ Case-insensitive mode သည် i flag ကို ထည့်သည်။
2. 2
   Single matchAll pass သည် ရေတွက်ပြီး highlight လုပ်ပေးသည်

   Debounce လုပ်ထားသော စာသားပေါ်တွင် matchAll call တစ်ခုသည် ကိုက်ညီမှု object တိုင်းကို ထုတ်ပေးသည်။ Match count ကို ထို array length မှ တိုက်ရိုက် ဖတ်ယူသည်။ Character 200,000 အောက်ရှိ စာသားများအတွက် highlight လုပ်ထားသော ကြိုကြားမှုကို match offset များကို လျှောက်ကာ hit တစ်ခုစီကို <mark> tag နှင့် ခြုံ၍ တည်ဆောက်သည် — HTML-escaping ကို raw text segment များအပေါ် ထည့်သွင်းမီ အသုံးချထားသဖြင့် &, <, သို့မဟုတ် > ပါသော ကိုက်ညီမှုများကို မှန်ကန်စွာ ကိုင်တွယ်သည်။
3. 3
   Literal စာသား (သို့) capture-group backreference များဖြင့် အစားထိုးခြင်း

   Output ကို global flag ပါသော String.prototype.replace ဖြင့် ထုတ်ပေးသည်၊ ကိုက်ညီမှုတိုင်းကို တစ်ပြိုင်နက် အစားထိုးသည်။ Plain-text mode တွင် replacement string ရှိ $ တိုင်းကို $$ အဖြစ် နှစ်ဆတိုးထားသဖြင့် $& နှင့် $1 ကဲ့သို့ character များကို backreference အဖြစ် အနက်ဖွင့်ဆိုမည့်အစား literal အတိုင်း ထည့်သွင်းသည်။ Regex mode တွင် $1, $2 စသည်တို့သည် standard JavaScript capture-group အစားထိုးချက်များအဖြစ် အလုပ်လုပ်သည်။
4. 4
   ရလဒ်ကို ကူးယူပါ (သို့) ဒေါင်းလုဒ်ဆွဲပါ

   ပြန်ရေးထားသော စာသားသည် ရိုက်နေစဉ် ဖတ်ရန်သာ textarea တစ်ခုတွင် ပေါ်လာသည်။ Copy သည် browser ၏ navigator.clipboard.writeText API ကို သုံးသည်။ Download သည် text/plain အမျိုးအစားပါသော Blob တစ်ခုကို ချက်ချင်း တည်ဆောက်ပြီး local save တစ်ခု trigger လုပ်သည် — မည်သည့်အချိန်တွင်မျှ သင့်စက်ကို ဘာမှ မထွက်ပါ။

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