pasteHTML on certain position

[Fit2Page]

Hi,

 

How can we use pasteHTML and editor.getSelectedElement() to paste some html right after the SelectedElement?

 

So we have to keep the SelectedElement and add the new content after it.

 

Thanks in advance for your help.

 

Marc

[Rumen]

Hi Marc,

You need to collapse the selection. Here is an example:

<telerik:RadEditor ID="RadEditor1" runat="server">
    <Content>
        <div>Div element</div>
        <span>Span element</span>
    </Content>
</telerik:RadEditor>
<button onclick="PasteAfterElem()" unselectable="on">
    Click to apply bold over selection</button>
<script type="text/javascript">
    function PasteAfterElem() {
        var editor = $find("<%=RadEditor1.ClientID%>"); //return a reference to RadEditor
        var selectedElement = editor.getSelectedElement();
        editor.selectElement(selectedElement);
        //Collapse the selection to the end
        editor.getSelection().collapse();
        editor.pasteHtml("test");
    }
</script>

You can find more information at https://www.telerik.com/forums/pastehtml-after-node-at-cursor-position. 

Best Regards,
Rumen
Progress Telerik

[Fit2Page]

Thanks Rumen, this works.

[Rumen]

You are welcome, Marc!

 

Regards,
Rumen
Progress Telerik