जावास्क्रिप्ट: कैरेट का पता लगाएं माता-पिता नोड

Question

मैं डिज़ाइन मोड के साथ एक आईफ़्रेम के अंदर एक साधारण WYSIWYG संपादक बना रहा हूं, वर्तमान में मैं चयनित टेक्स्ट बोल्ड, इटैलिक और अंडरलाइन और लिंक करने के लिए कर सकता हूं, और वे ठीक काम करते हैं।

लेकिन मुझे पता है कि जब caretb, i, u, a, टैग, तो मैं उपयोगकर्ता को सूचित कर सकते हैं कि वर्तमान चयन बोल्ड है या जो कुछ भी अंदर है चाहते हैं ।

उदाहरण:

Hello <b>Stackover|flow</b> is cool! = आप अंदर b टैग

<i>Be|st place</i>! हैं = आप अंदर i टैग

Hello <a href="http://stackoverflow.com/">Go|od stuff!</a> हैं = आप अंदर a टैग

हैं

नहीं पुस्तकालयों को खुश मैं इस चीज :)

Answer 1

MSIE LTE 8 जानने के लिए करना चाहते हैं: TextRange.parentElement()

अन्य: DOMRange.commonAncestorContainer

<script type="text/javascript"> 
<!-- 
function fx() 
{ 

    var target=null; 
    if(window.getSelection) 
    { 
    target=window.getSelection().getRangeAt(0).commonAncestorContainer; 
    return((target.nodeType===1)?target:target.parentNode); 
    } 
    else if(document.selection) 
    { 
    var target=document.selection.createRange().parentElement(); 
    } 
    return target; 
} 
//--> 
</script> 
<input type="button" onclick="alert(fx().tagName)" value="click"> 
<div id="editor" contenteditable="true"> 
Hello <b>Stackoverflow</b> is cool! <i>Best place</i> 
Hello <a href="http://stackoverflow.com/">Good stuff!</a> 
</div>