Fire the editors paste command from a button outside the editor

[Dave Miller]

I am using the editor as a textbox and want to use a button outside the editor to fire it's paste command.
The function below works to insert text but what I am trying to do is paste a screenshot from the clipboard into the editor using IE 11 clipboardData.

function Paste() {

var editor = $find("<%=RadEditor1.ClientID%>");
//var clipBoardData = window.clipboardData.getData("URL");
editor.setFocus();
editor.pasteHtml("1234");
}

Using the editor's paste button works for this but I am trying to use the editor to load the screenshot and as a large preview textbox before saving it.

when I hide the toolbar if you put the cursor in the editor and do a ctrl - v it does paste the screenshot but if you right click there is no paste option.

I am trying to have a paste button outside the editor to make it more intuitive for the users.


Thanks in advance,
Dave

[Ianko]

Hi Dave,

Thank you for contacting the Telerik support.

I might be wrong, but it seems to me that the requirement is to replicate the native paste command of the browser via external button.

You can achieve this by using the executeBrowserComamnd method:

<telerik:RadEditor ID="RadEditor1" runat="server">
</telerik:RadEditor>

<telerik:RadButton runat="server" ID="RadButton1" AutoPostBack="false"
    OnClientClicked="OnClientClicked" text="Paste"></telerik:RadButton>

<script type="text/javascript">
    function OnClientClicked() {
        var editor = $find("<%=RadEditor1.ClientID %>");

        editor.executeBrowserCommand("Paste");
    }
</script>

Under IE browsers, this will behave as if the Ctrl+V shortcut is pressed.

If I am wrong about the required button's behavior, please provide more details, so that I could better understand the situation.

I am looking forward to your reply.

Regards,
Ianko
Telerik