Template Manager - unwanted br tag

[Anders]

Hello!

The editor is behaving in an unwanted way with Firefox 2 & 3. A br tag gets inserted right after the template content, selected through the Template Manager button. You can check it out on one of your demo pages: enter HTML mode, erase the html code that's in there, switch to design mode, click the Template Manager button, open the marketing folder and insert 2007-07.html. Back in HTML mode you'll see that there's a br tag right at the end of it.
As some of our clients aren't that html savvy, we would like them to be able to use the editor with as little interaction with the actual html as possible. In other words, no switching from design mode to html mode just to remove something that shouldn't be there to begin with.

Another thing that bothers me with the wysiwyg interface is the indentation button. This button generates a blockquote tag, which has nothing to do with indentation. in fact, it should be used to mark up quotations. HTML tags should not be used for how they look, but for what they actually represent. CSS is the way to go here (margin-left).

And finally. I made a post on the forum back in April about some IE 7  issues, which you can find here: http://www.telerik.com/community/forums/aspnet/editor/annoying-ie-problems-latest-version-of-radeditor.aspx
After upgrading to the latest version of the editor, these problems still remain...
Have any attempts been made to sort these problems out?

Thanks in advance!

[Rumen]

Hi Anders,

The reported <br> issue is a Firefox browser behavior. You can fix it by programmatically stripping the br tag when the user inserts the template content through the Template manager. Here is a code example:

<script type="text/javascript">
function OnClientPasteHtml(sender, args)
{
    var commandName = args.get_commandName();
    var value = args.get_value();

    if (commandName == "TemplateManager")
    {
        if(sender.get_html() == "<br>")
        {
            sender.set_html('');
        }
    args.set_value(value);
    }
}
</script>

<telerik:RadEditor runat="server" OnClientPasteHtml="OnClientPasteHtml" TemplateManager-ViewPaths="~/"
    ID="RadEditor1">
</telerik:RadEditor>

The insertion of blockquote tags when hitting the indent button is a browser behavior. However, I logged your useful request in our ToDo list and we will try to implement this functionality with inline style and margin css property.

As to the problems reported in the forum thread:

You can override the editor's built-in FormatBlock dropdown with the following code:

<telerik:radeditor runat="server" ID="RadEditor1"></telerik:radeditor>   
<script type="text/javascript">
Telerik.Web.UI.Editor.CommandList["FormatBlock"] = function(commandName, editor, args)
{     
    var oValue = args.get_value();
    // Call the FormatBlock command of the browser directly!     
    // alert ("Format block command was replaced with a custom version");     
    editor.get_document().execCommand("FormatBlock", null, oValue);  //this code uses the underlying IE FormatBlock tool
};
</script>


As to scenario 3, it will be fixed in Q3 SP2 of RadControls for ASP.NET AJAX.

Best regards,
Rumen
the Telerik team
Check out Telerik Trainer, the state of the art learning tool for Telerik products.