<br/>'s Removed

[Jeff Paetkau]

Hi,

I am having a problem with trailing <br> tags being removed.

Steps to reproduce in demo application
1) Go into HTML Mode
2) Enter "<br/><br/>"
3) Go to Design Mode
4) Go to HTML Mode
5) Note that the source shows only "<br/>"

I attempted the fix noted below. It does not work. The trailing <br/> has already been removed by the time it hits my breakpoint.

<script type="text/javascript">
   Telerik.Web.UI.Editor.RemoveExtraBrakes.prototype.getHtmlContent = function (content) {
      return content;
   }
   Telerik.Web.UI.Editor.StripJunkFilter.prototype.getHtmlContent = function (content) {
      return content;
   }
</script>

[Rumen]

Hi Jeff,

The extra <br> tag is stripped by the ConvertToXhtml filter in Firefox. This browser adds a <br> tag when the content area is empty and since it 'tricks" the validators to believe that there is content in the editor, we added code in the ConvertToXhtml filter that strips this tag.

You can disable the ConvertToXhtml fitler if you do not want to strip the second <br/> tag:
RadEditor1.DisableFilter(Telerik.Web.UI.EditorFilters.ConvertToXhtml);

Best regards,
Rumen
the Telerik team

[Satish]

HI Telerik
              
                   I am new to telerik report, having problem with <br/> tag. I dont want to display <br /> in report.Please give me solution for this,
                   
    =Reports.ReportClass.HTMLSafe(Fields.FName + Fields.SName + '<br/>' + 
Fields.address1 + Fields.address2 + Fields.address3 + Fields.address4 +Fields.postcode)

[Steve]

Hello Satish,

You're probably using this expression inside the TextBox item, which does not support html. You should be using the HtmlTextBox item instead. Also this is not the correct forum for the reporting product, so if you have further inquiries, please open a new thread for the respective product.

All the best,
Steve
the Telerik team

[Tamanna]

Hi,

I am also using a radeditor. And facing a problem coz of the <br>.
When I am removing whole text from radeditor and making it blank, still it shows presence of html text as <br>, <p>&nbsp;</p> and sometimes <p><br></p>.

I have a required field validator for this radeditor. When I enter any text in radeditor, the error message for this required radeditor is disappearing only after a post back. But it should disappear as soon as we type any text in radeditor.
So I wrote a javascript for firing onblur event and explicitly hiding the error message if radeditor's content is not null.

I am calling the function using "OnClienLoad" :

<telerik:RadEditor ID="ContractExpirationAlertEditor" runat="server" Skin="Gray" OnClientLoad="DisableRequiredMessage"
                                        ToolsFile="~/Contracting/ToolsFile.xml" Width="100%" ContentFilters="None" OnTextChanged="ContractExpirationAlertEditor_TextChanged">
                                        <CssFiles>
                                            <telerik:EditorCssFile Value="~/EditorContent.css" />
                                        </CssFiles>
                                    </telerik:RadEditor>

Then in Javascript, function is like :

function DisableRequiredMessage(editor, args) {
var element = document.all ? editor.get_document().body : editor.get_document();
                $telerik.addExternalHandler(element, "blur", function(e) {
                    var editor1 = $find("ctl00_ContentPlaceHolder1_ContractExpirationAlertEditor");
                    var message1 = editor1.get_html();
if (message1 == '<br>' || message1 == '<p> </p>' || message1 == '<p><br></p>') {
                        document.getElementById('ctl00_ContentPlaceHolder1_spnEmailBody').style.display = 'block';
                    }
                    else {
                        document.getElementById('ctl00_ContentPlaceHolder1_spnEmailBody').style.display = 'none';
                    }
});
            }

I also tried to compare the length of the text in radeditor and hide and unhide the required error message :

var editor2 = $find("ctl00_ContentPlaceHolder1_ContractPendingEContractEditor");
                    var message2 = editor2.get_text();

if (message2.length > 1) {
                        //alert("Mozozozo" + message2.length);
                        document.getElementById('<%=spnContrPendngEmail.ClientID %>').style.display = 'none';
                    }
                    if (message2.length == 0 || message2.length == 1) {
                        //alert("Mozozozo");
                        document.getElementById('<%=spnContrPendngEmail.ClientID %>').style.display = 'block';
                    }

But it is not working in IE. When we type any text in radeditor ,I am able to hide the error message. But if we remove the text, we are not getting the error message back. Thus required validation is not happening.

Please help me.

Thank You in advance.

[Rumen]

Hello,

You can attach to the keydown event or OnClientSelectionChange event and check whether the content area is empty. If it is empty show the error message.

Kind regards,
Rumen
the Telerik team

[Tamanna]

Thank You for the reply.

But my problem is even for keypress event, I have to get the content of radeditor.
If the content is null, I should display the required error message back.

When I am checking length of the text in radeditor after removing all the text, its showing length as 6/13(instead of 0) in IE.

And I tried to check the html text using get_html(). It showed presence of <br> or <p>&nbsp;</p> or <p><br></p>.
When I am trying to compare the text with this <br> etc. (as mentioned in the codes in last post),
the loop is not getting executed at all in IE. But same is working fine in Mozilla.

Please help me.
Waiting for reply.

Regards.

[Dobromir]

Hello,

The most possible reason for why the code is not executed under IE is because the generated HTML tags are uppercase. Could you please try the following code and see if the modification will solve the issue:

function DisableRequiredMessage(editor, args) {
    var element = document.all ? editor.get_document().body : editor.get_document();
    $telerik.addExternalHandler(element, "blur", function (e) {
        var editor1 = $find("ContractExpirationAlertEditor");
        var message1 = editor1.get_html().toLowerCase();
        if (message1 == '<br>' || message1 == '<p> </p>' || message1 == '<p><br></p>') {
            document.getElementById('ctl00_ContentPlaceHolder1_spnEmailBody').style.display = 'block';
        }
        else {
            document.getElementById('ctl00_ContentPlaceHolder1_spnEmailBody').style.display = 'none';
        }
    });
}

Greetings,
Dobromir
the Telerik team