[Solved] Setting a Tab Stop on the Editor Extension

[Chuck]

I have added a tab index to the Html Attributes of the Editor Definition. This applies to the hidden Text Area, but, does not affect the IFRAME.

Does anyone have any guidance about tab to/from the Editor control?

C

[Jeff]

I'm also looking for something similar.  We have a request to turn off tab stops on all the editor tool buttons, so that when the user tabs into the editor control, it takes them right to the text box.

If anyone knows how to do that, could you please post it?

Thanks!

Jeff

[Daniel]

Hello All,

The OnLoad event of the Editor could be used to set additonal attributes of the generated elements.
Setting the tabindex to -1 for all buttons would exclude them from the tabbing order. For example:

function onLoad(e) {
$(".t-editor-toolbar-wrap ", this).find('a,div,input').attr('tabindex', -1);
}

The same approach could be used to set the iframe's tabindex:

function onLoad(e) {
    $("iframe", this).attr('tabindex', -1);
}

Regards,
Daniel
the Telerik team

[Jeff]

You guys are awesome.  Best support ever.  Thanks!

[Dmitry]

Daniel, your answer helped me too.
Thanks.

But I have one more question related to tab's.

It looks like there is a difference in behavior when user press TAB key being inside Editor.
For example, FF goes focus into next element outside Editor frame, IE and Chrome leave focus inside frame.

I beleive, that is not direclty related to the Telerik team, but meu be you can suggest how do i achieve the FF behavior in all other browsers.

You can try to open
demo page
and see described differences.

Thanks in advance.

[Daniel]

Hello Dmitry,

Thank you for bringing this difference in behaviors to our attention. At this point, I am not sure how can this be avoided. I logged it in our system and we will investigate the possible solutions to this issue.

Kind regards,
Daniel
the Telerik team