नेस्टेड गैर-संपादन योग्य टैग के साथ न्यूलाइन और संतुष्ट

Question

मेरे पास HTML के भीतर contenteditable तत्वों के लिए एक अजीब मामला है। हमारे पास एक समृद्ध टेक्स्ट एडिटर है जो ग्राहक पूर्व-निर्मित टेम्पलेट्स (हमारे द्वारा) लोड करते हैं, और फिर उस टेम्पलेट को संशोधित कर सकते हैं हालांकि वे (ज्यादातर) चाहते हैं।

हमारे टेम्पलेट्स के हिस्सों को सीधे संपादन योग्य नहीं होने के लिए चिह्नित किया गया है, लेकिन अभी भी हटाया जा सकता है, हालांकि, ऐसा लगता है कि ऐसा कोई तत्व एक पंक्ति पर पहला तत्व है (सीधे <br/> टैग के बाद), और उपयोगकर्ता उपरोक्त रेखा पर DEL हिट करता है। क्योंकि इसकी contenteditable=false है, इसलिए ब्राउज़र <br/> पर नहीं हटाता है लेकिन पूरे गैर-संपादन योग्य अवधि को हटाता है। उपयोगकर्ता blah blah blah के बाद उनके कर्सर डालता है

नमूना HTML इस

<div contenteditable=true> 
    <span>blah blah blah</span><br/> 
    <span contenteditable="false">You cant edit this value directly</span> 
</div> 

तरह है, और DEL पूरे अगले सामग्री संपादन योग्य हटा दी जाती है मारता है, बल्कि लाइन ब्रेक से।

क्या इस व्यवहार को ठीक करने के लिए कोई तरीका, जावास्क्रिप्ट या अन्यथा है?

Ive कर्सर की स्थिति (रंगीन का उपयोग करके) का पता लगाने और अस्थायी रिक्त स्थान डालने का प्रयास करने के साथ चारों ओर बेवकूफ़ बना दिया, लेकिन मुझे लगता है कि यह वांछित व्यवहार नहीं है, जो कि गैर-संपादन योग्य टैग लाया जाता है पिछली लाइन तक।

हमने केवल संपादक को क्रोम में उपयोग सीमित कर दिया है, इसलिए आईई या एफएफ के बारे में चिंता करने की आवश्यकता नहीं है।

jsfiddle of an example

Answer 1

प्रत्येक अवधि contenteditable लें, फिर उपयोगकर्ता अवधि को हटाने के लिए आप संपादित नहीं करना चाहते, और संपादन किया जा रहा div से छुटकारा पाने के लिए सक्षम नहीं होंगे।

यहाँ JSFiddle की मेरी संस्करण है: http://jsfiddle.net/howderek/HgRsF/2/

Answer 2

प्रश्न 2012 से है, और उस समय के बाद से इस समस्या का समाधान होने और नेस्ट था contenteditable टैग लक्षित काम। अभी भी this bug जैसी कुछ समस्याएं हैं, लेकिन कुल मिलाकर सुविधा उपयोग योग्य होनी चाहिए।