How can we come out of RadEditor using Tab?

[Swadeesh]

hello friends,

i am using the RadEditor in my application.

in my .aspx page i have some controls in the middle of those controls RadEditor is present, so i set the focus to the first controls on my aspx page, when ever i open my .aspx page focus is coming the first control after that i am pressing the Tab key  it is going to the next control, once it reaches to the RadEditor control(i.e., in the content area) if i press the Tab within that content area only focus is moving that is also fine. Now, my problem is i had some controls after RadEditor, so how can i move the focus to those controls using Tab key .

Thanks.

[Shinu]

Hi Swadeesh,

Try adding following client side code in order to change the behavior when pressing Tab key.

ASPX:

    <telerik:RadEditor ID="RadEditor1" OnClientLoad="OnClientLoad" runat="server" >
    </telerik:RadEditor>

JavaScript:

<script type="text/javascript">
function OnClientLoad(editor, args)
{
   editor.attachEventHandler("onkeydown", function(e)
   {
       editor.removeShortCut("InsertTab");
       if(e.keyCode == '9')
       {
            if ($telerik.isSafari)
            {
                $get("Button1").focus();
                e.preventDefault();
                e.preventBubble();
                e.stopPropagation();
            }
       }
   });
}
</script>

Regards,
Shinu.

[Almannan]

Applied the following code, but still on pressing Tab, the focus does not come out of the editor.
The font name and size is applied as verdana and 10px.
 function OnClientLoad(editor, args) {
            var style = editor.get_contentArea().style;
            style.fontFamily = "Verdana";
            style.fontSize = 10 + "px";
            editor.removeShortCut("InsertTab");

            editor.attachEventHandler("onkeydown", function (e) {
                editor.removeShortCut("InsertTab");
                if (e.keyCode == '9') {
                    if ($telerik.isSafari) {
                        $get("Button1").focus();
                        e.preventDefault();
                        e.preventBubble();
                        e.stopPropagation();
                    }
                }
            });  
        }

[Richard]

Wenche:

In reading your post, I'm still uncertain as to the behavior that you are trying to implement. The handling of a "tab" key press event is browser specific, so you will need to do some browser sniffing and write your code to support the various browsers that your end users will employ.

Telerik has provided a static client library to assist with handing browser versions. You can reference this for your "if" functionality.

The implementation of both "tab" key press behaviors, inserting a tab in the content area of the RadEditor versus tabbing to another form control/element, are covered in depth in this forum post: RadEditor Tab Key focus on another control in firefox while in IE it inserts whitespace

Hope that this helps!