தள பார்வையாளர்கள் திருத்தும்படி வலை பக்கம் உள்ளடக்க அமைக்க எப்படி என்பதை அறிக

Contenteditable பண்புக்கூறைப் பயன்படுத்துதல்

பயனர்களால் திருத்தப்படக்கூடிய ஒரு வலைத்தளத்தின் உரைகளை நீங்கள் எதிர்பார்க்கும் விட எளிதானது. HTML இந்த நோக்கத்திற்காக ஒரு பண்புக்கூறு வழங்குகிறது: contenteditable.

Contenteditable பண்பு முதலில் HTML5 இல் அறிமுகப்படுத்தப்பட்டதுடன் 2014 இல் அறிமுகப்படுத்தப்பட்டது. அது நிர்வகிக்கும் உள்ளடக்கம் உலாவியில் இருந்து ஒரு பார்வையாளர் பார்வையாளரால் மாற்றப்படக்கூடும் என்பதை இது குறிப்பிடுகிறது.

Contenteditable பண்புக்கூறுக்கான ஆதரவு

மிக நவீன டெஸ்க்டாப் உலாவிகளில் பண்புக்கு ஆதரவு.

இவை பின்வருமாறு:

அதே மிக மொபைல் உலாவிகளில் செல்கிறது, கூட.

Contenteditable பயன்படுத்துவது எப்படி

வெறுமனே நீங்கள் எடிட் செய்ய விரும்பும் HTML உறுப்பு பண்பு சேர்க்க. இது மூன்று சாத்தியமான மதிப்புகளை கொண்டுள்ளது: உண்மை, பொய் மற்றும் மரபுரிமையாக. மரபுவழி இயல்புநிலை மதிப்பாகும், இதன் பொருள் உறுப்பு அதன் பெற்றோரின் மதிப்பைப் பெறுகிறது. அவ்வாறே, நீங்கள் தவறாக தங்கள் மதிப்புகள் மாற்றும் வரை உங்கள் புதிதாக திருத்தக்கூடிய உள்ளடக்கத்தின் எந்த குழந்தை கூறுகளும் திருத்த முடியும். உதாரணமாக, ஒரு DIV உறுப்பு திருத்தும்படி செய்ய, பயன்படுத்த:

Contentableitable ஒரு செய்ய திருத்தும்படி பட்டியல் உருவாக்க

நீங்கள் உள்ளூர் சேமிப்புடன் இணைந்திருக்கும்போது திருத்தக்கூடிய உள்ளடக்கம் மிகுந்த அர்த்தத்தை தருகிறது, எனவே உள்ளடக்கமானது அமர்வுகளுக்கும் தள வருகைகளுக்கும் இடையில் தொடர்ந்து நீடிக்கும்.

  1. உங்கள் பக்கத்தை HTML எடிட்டரில் திறக்கவும்.
  2. MyTasks என்ற ஒரு புல்லட், வரிசையற்ற பட்டியலை உருவாக்கவும்:

    • சில பணி
    • மற்றொரு பணி
    • உறுப்புக்கு contenteditable பண்புக்கூறு சேர்க்கவும்:
      இப்போது நீங்கள் செய்யக்கூடிய பட்டியல் ஒன்று இருக்கிறது - ஆனால் உங்கள் உலாவியை மூடிவிட்டால் அல்லது பக்கத்தை விட்டு வெளியேறினால், உங்கள் பட்டியல் மறைந்துவிடும். தீர்வு: localStorage க்கு பணிகளை சேமிக்க ஒரு எளிய ஸ்கிரிப்ட் சேர்க்கவும்.
    • உங்கள் ஆவணத்தின் இல் jQuery க்கு ஒரு இணைப்பைச் சேர்க்கவும்.