2010-08-01 16 views
6

मैं अपनी वेबसाइट पर contentEditable div टैग का उपयोग कर रहा हूं और मैंने फ़ायरफ़ॉक्स का उपयोग करते समय एक अजीब समस्या देखी है।फ़ायरफ़ॉक्स सामग्री संपादन योग्य फोकस मुद्दे

<html> 
    <head> 
    </head> 
    <body> 
    <div contentEditable="true" style="margin-left:auto; 
     margin-right:auto; height:200px; width:200px; border-style:solid; 
     border-color:black; border-width:1px;"></div> 
    </body> 
</html> 

यहाँ ठीक करने के चरण हैं:

यहाँ उदाहरण स्रोत कोड है।

  1. contentEditable ध्यान केंद्रित है और कर्सर div भीतर निमिष है, लेकिन div contentEditable div पर
  2. उपयोगकर्ता क्लिक
  3. div अभी भी ध्यान देने से पता चलता में कोई पाठ नहीं है, लेकिन वहाँ अब कोई ब्लिंकिंग कर्सर नहीं है, और उपयोगकर्ता div

में इनपुट दर्ज नहीं कर सकता इस त्रुटि को उबंटू पर फ़ायरफ़ॉक्स 3.6.3 और विंडोज एक्सपी पर फ़ायरफ़ॉक्स 3.5 के साथ बनाया। यह क्रोम के साथ नहीं होता है।

यह क्यों हो रहा है और इसे ठीक करने के लिए क्या करना है इसके बारे में कोई विचार?

संपादित करें: कर्सर होने पर मैन्युअल रूप से सेट करने के लिए एक संभावित कार्य हो सकता है। क्या किसी को भी यह करना आता है? मैं ऑनलाइन खोज कर रहा हूं, लेकिन ऐसा लगता है कि W3 समर्थित कुछ भी नहीं है।

धन्यवाद!

+0

फ़ायरफ़ॉक्स बग की तरह लगता है। आपको मोज़िला को इसकी रिपोर्ट करनी चाहिए। – You

+0

आपको * मोज़िला को इसकी रिपोर्ट नहीं करनी चाहिए क्योंकि 3.6.3 पूरी तरह से HTML5-compliant होने के बारे में कोई झगड़ा नहीं करता है, और यह नवीनतम संस्करण भी नहीं है। पहले अपने फ़ायरफ़ॉक्स इंस्टॉलेशन को अपडेट करने का प्रयास करें। अनुलेख क्या आपके पास अपनी फ़ाइल के शीर्ष पर '' है? – cbednarski

+0

सुनिश्चित नहीं है कि आप क्या करने का प्रयास कर रहे हैं, क्या आप 'इनपुट फॉर्म' बना रहे हैं? –

उत्तर

3

मैंने इसे यूटीएफ "शून्य-चौड़ाई स्थान" का उपयोग करके तय किया।

"\ XE2 \ x80 \ x8B"

इसके बाद आप इसे का उपयोग बच सकते हैं: ($ स्ट्रिंग, "ट्रिम \ XE2 \ x80 \ x8B पीएचपी में, यह निम्न भाग निकले दोहरे-उद्धरण है ")

जब यह अदृश्य चरित्र संपादन योग्य div में प्रीलोड किया गया है, तो यह बग गायब हो जाएगा।

मैं अपने पृष्ठ के लिए UTF-8 एन्कोडिंग और भी स्रोत फ़ाइल (और डेटाबेस ... सब कुछ)

1

मुझे भी हुआ, कभी-कभी यह काम करता है, कभी-कभी नहीं। निश्चित रूप से एक बग मैं कहूंगा। आप एक छिपे हुए चरित्र को डालने का प्रयास कर सकते हैं, ऐसा लगता है कि कुछ पाठ होने पर यह झपकी लगाना शुरू हो जाता है।

2

बस एक &nbsp;<div> में जोड़ने का उपयोग करें।

संबंधित मुद्दे