CODEWITHSUNDEEP
asp.nettelerik
Venkateswararao
Venkateswararao

Reputation: 353

how we can get html control if any which are placed inside RadEditor

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.

Upvotes: 0

Views: 1480

Answers (1)

Antonio Bakula
Antonio Bakula

Reputation: 20693

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>

Upvotes: 1

Related Questions