အဆိုပါ Contenteditable Attribute အသုံးပြုခြင်း
အသုံးပြုသူများအနေဖြင့် website တစ်ခုအပေါ်စာသားပြုပြင်နိုင်သည့်ပြုလုပ်ခြင်းကိုသင်မျှော်လင့်ထားစေခြင်းငှါ, ထက် ပို. လွယ်ကူသည်။ HTML ကိုဒီရည်ရွယ်ချက်တစ်ခု attribute ကိုထောက်ပံ့: contenteditable ။
အဆိုပါ contenteditable attribute ကိုပထမဦးဆုံးအများလွှတ်ပေးရေးနှင့်အတူ 2014 ခုနှစ်တွင်စတင်မိတ်ဆက်ခဲ့ပါတယ် HTML5 ကို ။ အဲဒါကိုအုပ်ချုပ်အကြောင်းအရာ browser ကိုအတွင်းကနေ site တစ်ခုဧည့်သည်များကပြောင်းလဲနိုင်ခြင်းရှိမရှိကိုသတ်မှတ်ပါတယ်။
အဆိုပါ Contenteditable Attribute များအတွက်ပံ့ပိုးမှု
အများစုမှာခေတ်မီ desktop ကို browser များအတွက် attribute ကထောက်ခံပါတယ်။
ဤရွေ့ကားများပါဝင်သည်:
- Chrome က 4.0 နှင့်အထက်
- က Internet Explorer 6 နဲ့တက်
- Firefox ကို 3.5 နှင့်အထက်
- Safari က 3.1 နှင့်အထက်
- အော်ပရာ 10.1 နှင့်တက်
- မိုက်ကရိုဆော့ဖ Edge
တူညီလွန်းအများဆုံးမိုဘိုင်းဘရောက်ဇာများအတွက်တတ်၏။
Contenteditable အသုံးပြုနည်းကိုဘယ်လို
ရိုးရှင်းစွာအသင်တည်းဖြတ်အောင်လုပ်ချင်တဲ့ HTML element ဖို့ attribute ကိုထည့်ပါ။ စစ်မှန်သောအယူမှားနှင့်အအမွေခံ: ဒါဟာသုံးဖြစ်နိုင်သောတန်ဖိုးများရှိပါတယ်။ အမွေခံ၎င်းဒြပ်စင်သည်၎င်း၏မိဘ၏တန်ဖိုးကိုအပေါ်ကြာမြင့်ကြောင်းအဓိပ်ပာယျ, ပုံသေတန်ဖိုးဖြစ်ပါတယ်။ သငျသညျအယူမှားဖို့သူတို့ရဲ့တန်ဖိုးများပြောင်းလဲပစ်မဟုတ်လျှင်အလားတူပဲ, သင့်အသစ်ပြုပြင်နိုင်သည့်အကြောင်းအရာမဆိုကလေးကဒြပ်စင်လည်းပြုပြင်နိုင်သည့်ဖြစ်လိမ့်မည်။ ဥပမာ, တစ်ဦး div element ကိုပြုပြင်နိုင်သည့်အသုံးပြုမှုကိုအောင်:
Contenteditable နဲ့အတူတည်းဖြတ်ရန်-Do List ကို Create
Edit အကြောင်းအရာသင်သည်ဒေသခံသိုလှောင်မှုနှင့်အတူကတွဲလာသောအခါအရှိဆုံးသဘာဝကျပါတယ်, ဒါကြောင့်အကြောင်းအရာအစည်းအဝေးများနှင့် site လည်ပတ်မှုအကြားဆက်ရှိနေသေး။
- တစ်ခုက HTML အယ်ဒီတာအတွက်သင့်စာမျက်နှာကိုဖွင့်။
- myTasks အမည်ရှိ bulleted, နံပါတ်စဉ်မပါတဲ့ list Create:
- တချို့ကတာဝန်
- နောက်ထပ်အလုပ်တခုကို
- တချို့ကတာဝန်
-
- element ကဖို့ contenteditable attribute ကို Add:
ယခုသင်ပြုပြင်နိုင်သည့်-ပေမယ့်သင့်ရဲ့ browser ကိုပိတ်လိုက်ပါသို့မဟုတ်စာမျက်နှာထားခဲ့ပါ, သင့်စာရင်းကိုပျောက်ကွယ်သွားပါလိမ့်မယ်လျှင်သောရန်-do list ကိုရှိသည်။ ဒီဖြေရှင်းချက်: LocalStorage ဖို့တာဝန်များကိုကယ်ဖို့ရိုးရှင်းတဲ့ script ကိုထည့်ပါ။ - သင့်ရဲ့ document ရဲ့ ထဲမှာ jQuery ဖို့ link ကိုထည့်ပါ။