Home/ Questions/Q 7017789
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-27T22:57:37+00:00

I want to find out how we can get html control if any which

  • 0

I want to find out how we can get html control if any which are placed inside RadEditor and replace that value. I have try this way to change the Image source.

 <script type="text/javascript">
function getEditor()
 {
    editor = $find("<%=reFormEditor.ClientID%>"); //return a reference to RadEditor
    var image = editor.get_document().body.document.getElementById("Image1");
}

Here is my aspx:

 <telerik:RadEditor runat="server" ID="reFormEditor">
<Content>
<asp:Button ID="btnSubmit2" runat="server" Text="Submit"/>
<img id="Image1" src="../Images/tabSelected.jpg" />
</Content>
</telerik:RadEditor>

I want to change the Image source when textbox keydown. Help me how to resolve this issue.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Here is the code, and you can’t put button inside contents it must be outside of editor contents :

    <body>
  <script type="text/javascript">
    function replaceImage() {
      var editor = $find("<%= reFormEditor.ClientID %>");
      var oDocument = editor.get_document()
      var img = oDocument.getElementById('imageInContents');
      img.src = '/image2.png';
    }  
  </script> 
  <form id="form1" runat="server">
    <asp:ScriptManager ID="mika" runat="server"></asp:ScriptManager>
    <telerik:RadEditor runat="server" ID="reFormEditor">
    <Content>
      <img id="imageInContents" src="/image1.png" />
    </Content>
    </telerik:RadEditor>
    <input type="button" onclick="replaceImage()" value="Replace Image" /> 
    </form>
</body>

    And here is an example with text change

    <body>
  <script type="text/javascript">
    function replaceSpanText() {
      var editor = $find("<%= reFormEditor.ClientID %>");
      var oDocument = editor.get_document()
      var spn = oDocument.getElementById('span1');
      spn.innerHTML = 'Text 2';
    }  
  </script> 
  <form id="form1" runat="server">
    <asp:ScriptManager ID="mika" runat="server"></asp:ScriptManager>
    <telerik:RadEditor runat="server" ID="reFormEditor">
    <Content>
      <span id="span1">Text 1</span>
    </Content>
    </telerik:RadEditor>
    <input type="button" onclick="replaceSpanText()" value="Replace text" /> 
    </form>
</body>
    • 0