मैं हाल ही में एक वेबपृष्ठ में contenteditable के साथ झुका रहा था और मुझे परेशान हो गया जब मुझे बड़ी संख्या में span टैग सेट करने की आवश्यकता थी (मैं इसे करने के लिए जावास्क्रिप्ट का उपयोग कर समाप्त हुआ)। अगर मैं केवल इसे सीएसएस के माध्यम से सेट कर सकता हूं ...संतुष्ट क्यों शैली नहीं है?
क्या किसी को भी तर्क के बारे में पता है कि contenteditable को शैली के बजाय एक विशेषता के रूप में डिज़ाइन किया गया था?
अधिकांश लोग तर्क देंगे कि contentEditable स्टाइल (जो सत्य है) के बजाय व्यवहार को परिभाषित करता है।
वेबकिट में एक सीएसएस संपत्ति है जो contentEditable: -webkit-user-modify के समान है।
उपयोगकर्ता को कुछ सामग्री संपादित करने की क्षमता या प्रस्तुति के साथ कुछ भी करने की क्षमता नहीं है।
शैलियों वैकल्पिक हैं; आप (सिद्धांत में) सीएसएस के बिना प्रत्येक पृष्ठ प्रस्तुत कर सकते हैं और इसे अभी भी ठीक काम करना चाहिए। वास्तव में, यह केवल टेक्स्ट-केवल ब्राउज़र, या केवल ऑडियो ब्राउज़र ही करता है।
contentEditable तत्वों के व्यवहार बदलता है। एक ब्राउज़र जो शैली का उपयोग नहीं करता है, लेकिन जावास्क्रिप्ट का अर्थ है, अभी भी संपत्ति से लाभान्वित होना चाहिए।
span {
-webkit-user-modify: read-write;
-moz-user-modify: read-write;
user-modify: read-write;
}
यह फ़ायरफ़ॉक्स, क्रोम पर काम किया प्रयास करें। आप user-modify
https://jsfiddle.net/dhL3oLwk/ – Squirrl
यह मेरे लिए काम करता है –
के बारे में अधिक जानकारी प्राप्त कर सकते हैं, तो आप स्पैन के आस-पास 'div' डाल सकते हैं और' div' 'contentEditable 'दे सकते हैं, क्योंकि' contentEditable 'को विरासत में मिला है, सभी अपन भी संपादन योग्य होते। – Bazzz
मैं प्रत्येक अवधि तत्व के बाहर संपादन 'ओवरफ्लोइंग' नहीं चाहता था। – Vanwaril
सामग्री का उपयोग करने के लिए संपादन योग्य सामग्री को पढ़ने के लिए आपको * जावास्क्रिप्ट की आवश्यकता है, इसलिए मुझे समझ में नहीं आता कि संपादन को सक्षम करने के लिए इसका उपयोग करने के लिए आपको परेशान क्यों किया जाता है। – AlfonsoML