Rad Editor Problem in Firefox

[Nidhi]

I have created a web page in which I have placed a rad editor and in that I created a template for the editor. Now I insert that template in editor and save it when I opened the rad editor in edit mode then in firefox template is not allowing to edit but in IE browser it is allowing. Kindly reply me as soon as possible.

[Rumen]

Hello Nidhi,

Can you please send the HTML template so that I can examine its content and reproduce the problem?

Please, also check for any JavaScript errors in Firefox, which could be the reason for the problem.

Kind regards,
Rumen
the Telerik team

[Nidhi]

The html template is as follows

 

<

 

div contentEditable="false" unselectable="on" style="min-height: 809px; width: 560px; padding: 0px 48px; background-color: #660000; height: auto;">

 

<

 

div contentEditable="true" unselectable="off" style="width: 550px; height: 164px; padding-left: 10px;">Header Section( Add company logo or tag line in this area.)</div>

 

<

 

div contentEditable="false" unselectable="on" style="width: 550px; min-height: 753px; height: auto; padding-left: 10px;">

 

<

 

div contentEditable="true" unselectable="off" style="width: 350px; float: left; margin-right: 10px;">

 

<

 

p style="min-height:121px; height:auto;">Add content in this area.</p>

 

<

 

h2 style="background-color: #ffffcc; margin:0;">Heading section 1.</h2>

 

<

 

p style="min-height: 108px; height: auto; margin: 0;">Add content here.</p>

 

<

 

h2 style="background-color: #ffffcc; margin:0;">Heading section 2.</h2>

 

<

 

p style="min-height: 108px; height: auto; margin: 0;">Content Area.</p>

 

<

 

h2 style="background-color: #ffffcc; margin:0;">Heading section 3.</h2>

 

<

 

p style="min-height: 108px; height: auto; margin: 0;">Content Area.</p>

 

<

 

h2 style="background-color: #ffffcc; margin:0;">Heading section 4.</h2>

 

<

 

p style="min-height: 108px; height: auto; margin: 0;">Content Area.</p>

 

<

 

h2 style="background-color: #ffffcc; margin:0;">Heading section 5.</h2>

 

<

 

p style="min-height: 108px; height: auto; margin: 0;">Content Area.</p>

 

</

 

div>

 

<

 

div contentEditable="true" unselectable="off" style="width: 162px; float: left; background-color: #e1e1e1;">

 

<

 

h2 style="margin:0; background-color: #ccff99;">Heading section 1.</h2>

 

<

 

p>Content section.</p>

 

<

 

h2 style="margin:0; background-color: #ccff99;">Heading section 2.</h2>

 

<

 

p>Content Area.</p>

 

<

 

h2 style="margin:0; background-color: #ccff99;">Heading section 3.</h2>

 

<

 

p>Content Area.</p>

 

</

 

div>

 

</

 

div>

 

</

 

div>

 

 

 

and the code on aspx page is

 

 

<script type="text/javascript">

 

function OnClientLoad(editor) {

 

 

 

 

 

var body = editor.get_document().body;

 

 

 

body.setAttribute("unselectable", "off");

 

 

 

}

 

</

 

script>

 

 

 

 

<telerik:RadEditor ID="radEditorMessage" runat="server" OnClientLoad="OnClientLoad" >

 

 

 

 

 

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

 

 

 

 

 

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

 

 

 

 

 

</telerik:RadEditor>

 

 

 

[Rumen]

Hello Nidhi,

The problem is due to the contentEditable attribute used in the provided template. If you remove this attribute, you will be able to edit the content.

I logged the problem in our PITS system and we will try to fix it for one of the next releases of RadEditor. Here you can find the PITS Issue: Public URL.
I am unable to provide a firm estimate when our developer will fix it.


Greetings,
Rumen
the Telerik team

[Nidhi]

Thanks a lot, now its working in all browsers when I removed the contentEditable property from my template.

[Nidhi]

Now I got one more problem when I insert the template in editor and save it and send the rad editor content in the email while using firefox so now I am getting it as junk email and not as normal email in inbox but when I use IE browser then I am getting normal email so Can you suggest me some solution for this problem.
The code I used is in cs page is:
SmtpClient Client = new SmtpClient();

MailMessage mail = new MailMessage();

MailAddress mailFrom = new MailAddress([e-mail]);

mail.From = mailFrom;
mail.Body = radEditorMessage.Content;
mail.IsBodyHtml = true;

mail.Priority = MailPriority.High;

if (ConfigurationManager.AppSettings["SendMail"] == "Y")

Client.Send(mail);

}

[Rumen]

Hi Nidhi,

My suggestion is to inspect the content produced in IE and in Firefox and find the markup (tags, attributes, paths) that is causing the problem. After that modify the problematic content on the server using the server String.Replace method.

Best regards,
Rumen
the Telerik team

[Nidhi]

Can you tell me where to check the content produced in IE and in Firefox as I have checked the content in the following code and the content produced in both browsers, all tags and attributes etc. are same so I am not able to track where the problem occurred.
mail.Body = radEditorMessage.Content;
mail.IsBodyHtml = true;
Thanks.

[Rumen Jekov]

Hi,

If the content returned by the radEditorMessage.Content property is identical in both browsers than you should not experience the reported problem. My suggestion is to save the content in two HTML files from IE and from Firefox and compare the pages in a file merge tool like WinMerge (http://winmerge.org/).

Best regards,
Rumen