How to find html control which are inside RadEditor

[dotnetdeveloper]

Friends,

I want to find out how we can get html control if any which are placed inside RadEditor. I tried but didnt work for me.

Code 1:

var

 

 

editor = $find("<%=reFormEditor.ClientID%>"); //return a reference to RadEditor

 

 

 

var oDocument = editor.get_document(); //get a reference to the editor's document

 

 

var

 

 

oControl = oDocument.getElementsById("image1");

 

 

 

 

 

Code 2:

 

 

var editor = $find("<%=reFormEditor.ClientID%>"); //return a reference to RadEditor

 

 

 

var oDocument = editor.get_html(true);

 

 

var oControl = oDocument.getElementsById("image1");

Can anyone help me how can i find the image1 control???

 

[Shinu]

Hello Tejas,

You can access the control by using editor.get_document().body.document.getElementById("Image1");

Javascript:

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

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>

Thanks,
Shinu.

[dotnetdeveloper]

Here is my ASPX

<

 

 

telerik:RadEditor ID="reFormEditor" runat="server" Height="1265px" Skin="Vista"

 

 

 

ClientIDMode="AutoID" ToolsFile="CrfEditorTools.xml" Width="845px" ContentAreaCssFile="~/css/BaseCRF.css">

 

 

 

<ImageManager ViewPaths="~/Images" UploadPaths="~/Images" />

 

 

 

<TemplateManager ViewPaths="~/Templates" UploadPaths="~/Templates" />

 

 

 

<Content></Content>

 

 

 

</telerik:RadEditor>

Here is my CodeBehind

 

 

if

 

 

(Page.IsPostBack == false)

 

 

{

        ....
        ....

reFormEditor.Content = m_objTBDataManager.GetPageDefFormHelpHtml(m_StudySchema, m_PageDefId,

 

 

 

"DEFAULT", false);

 

}

I am setting content from server side so whenever i am writing to find element i am getting null.
editor.get_document().body.document.getElementById

can anyone help me??
Thanks
Tej

[Stanimir]

Hi dotnetdeveloper,

Here is a smple of code:

<telerik:RadEditor ID="reFormEditor" runat="server" Height="1265px" Skin="Vista" ClientIDMode="AutoID" Width="845px" OnClientLoad="OnClientLoad">
    <ImageManager ViewPaths="~/Images" UploadPaths="~/Images" />
    <TemplateManager ViewPaths="~/Templates" UploadPaths="~/Templates" />
    <Content></Content>
</telerik:RadEditor>
<script type="text/javascript">
    function OnClientLoad(editor, args)
    {
        var doc = editor.get_document();
        alert(doc.getElementById("image1"));
    }
</script>

protected void Page_Load(object sender, EventArgs e)
    {
        if(Page.IsPostBack == false)
        {
            reFormEditor.Content = "<img id=\"image1\" src=\"Cities/Test.jpg\">test text</div>";
        }
    }

Greetings,
Stanimir
the Telerik team