how to get currently selected tag in editor in WYSIWYG mode

[Uma]

Hi,

I need to get the currently selected tag.
So, i am using  editor.getSelectedElement();

in my editor has code in html like

<subelement id="717" type="complementary"><tag type="open" text="complementary" elem-tag="subelement">|</tag><p><tag type="open" text="p" elem-tag="p">|</tag>

       

 

      An increasing amount of information on complementary and alternative medicine is becoming available. The scope of the BNF is restricted to the discussion of conventional medicines but reference is made to complementary treatments if they affect conventional therapy (e.g. interactions with St John's wort—see Appendix 1). Further information on herbal medicines is available at

            

the design mode content looks like below.

complementary-and-alternative-medicine|
p| An increasing amount of information on complementary and alternative medicine is becoming available. The scope of the BNF is restricted to the discussion of conventional medicines but reference is made to complementary treatments if they affect conventional therapy (e.g. interactions with St John's wort—see Appendix 1). Further information on herbal medicines is available at XRef : http://www.mhra.gov.uk| www.mhra.gov.uk |Xref : http://www.mhra.gov.uk . |p
|complementary-and-alternative-medicine

when the user right cliks with in any of this tag, i need to get the selected tag in editor.

so, iam using  editor.getSelectedElement();

the tag format assigned in editor like'
<tag1><tag2><p>text</p></tag2><tag1>

tag1 is click, the getselectedelemat return the <p> tag always.

because the <p> is the editable tag, which contain the text.

but the user selected the not editable tag, that is the root tag of <p> tag.

How to get the exact tag that is selected in editor.

Thanks,
Uma

[Rumen]

Hello,

You should note that RadEditor is not XML editor and it does not support XML tags, because the browser's rich text engine does not recognize and render them. In addition, in IE the custom tags should have namespaces as explained in this article: Using Custom Tags in Internet Explorer.

My suggestion is to try to get a reference to the selected node using the browser's text range methods and see whether this will work for your custom scenario. You can create a Range in RadEditor's content area using the following code:

var currentRange = editor.getSelection().getRange(); 

Aditional information regarding MS TextRange and W3C Range objects is available in the following articles:

http://www.wrox.com/WileyCDA/Section/JavaScript-DOM-Ranges-Page-2.id-292302.html
http://www.quirksmode.org/dom/range_intro.html
http://msdn.microsoft.com/en-us/library/ms535872%28VS.85%29.aspx

Note that this is a custom functionality, which is not offered by RadEditor out-of-the box and we do not support it.

Kind regards,
Rumen
the Telerik team