साइट आगोको लागि सम्पादनयोग्य रूपमा वेब पृष्ठ सामग्री कसरी सेट गर्ने सिक्नुहोस्

Contenteditable Attribute को प्रयोग गरी

प्रयोगकर्ताहरु द्वारा सम्पादित योग्य वेबसाइटमा पाठ बनाउनु तपाइँ भन्दा अपेक्षा गर्नु भन्दा सजिलो छ। HTML ले यस उद्देश्यको लागि विशेषता प्रदान गर्दछ: contenteditable।

Contenteditable विशेषता पहिले 1 9 5 मा HTML5 को रिलीज संग पेश गरिएको थियो। यसले निर्दिष्ट गर्दछ कि कुन सामग्रीले प्रशासकलाई ब्राउजर भित्रबाट साइट आगन्तुकद्वारा परिवर्तन गर्न सकिन्छ।

Contenteditable Attribution for Support

धेरै आधुनिक डेस्कटप ब्राउजर विशेषता को समर्थन गर्दछ।

यसमा समावेश छ:

उस्तै मोबाइल ब्राउजरको लागि पनि जान्छ।

कसरी सामग्री प्रयोग गर्ने

केवल एचटीएमएल तत्वमा विशेषता थप्न चाहानुहुन्छ जुन तपाई सम्पादन गर्न योग्य हुनुहुन्छ। यसको तीन सम्भाव्य मानहरू छन्: साँचो, झूटा र हकदार। विरासत पूर्वनिर्धारित मान हो, अर्थले तत्वलाई यसको अभिभावकको मानमा लिन्छ। त्यस्तै गरी, तपाईंको नयाँ सम्पादन योग्य सामग्रीको कुनै पनि बच्चा तत्वहरू सम्पादन योग्य हुनेछन् जबसम्म तपाईले तिनीहरूको मानहरू गलत गर्न परिवर्तन गर्नुहुन्न। उदाहरणको लागि, DIV तत्व सम्पादन योग्य बनाउन प्रयोग गर्नुहोस्:

Contenteditable सँग एक सम्पादन योग्य गर्न सूची बनाउनुहोस्

जब तपाईले स्थानीय भण्डारणको साथ जोडे पनि सम्पादन योग्य सामग्रीले सबै भन्दा महत्त्वपूर्ण बनाउँछ, त्यसैले सामग्री सत्र र साइट भ्रमणहरूमा रहन्छ।

  1. तपाइँको पृष्ठ HTML सम्पादकमा खोल्नुहोस्।
  2. MyTasks नाममा बुलेट गरिएको, अर्डर गरिएको सूची सिर्जना गर्नुहोस्:

    • केहि कार्य
    • अर्को कार्य
    • तत्वमा सामग्रीयुक्त गुण थप्नुहोस्।
      तपाईसँग अहिलेसँग एक गर्न सकिने सूची छ जुन सम्पादनयोग्य छ - तर यदि तपाइँ तपाईको ब्राउजर बन्द गर्नुहुन्छ वा पृष्ठ छोडेर तपाईको सूची हराउनेछ। समाधान: स्थानीयहरूलाई कार्य भण्डारण गर्न एक साधारण लिपि थप्नुहोस् Storage।
    • तपाईंको कागजातको मा jQuery को लिङ्क थप्नुहोस्।