Cursor is placed in the next available element (e.g., <p>) instead of being placed right after the tab space in the same paragraph.
Possible workaround is to implement a custom command to be triggered with tab key press:
<telerik:RadEditor runat="server" ID="RadEditor1" OnClientLoad="OnClientLoad">
</telerik:RadEditor>
<script>
Telerik.Web.UI.Editor.CommandList["MyInsertTab"] = function (commandName, editor, oTool) {
var utils = Telerik.Web.UI.Editor.Utils;
var selecedElm = editor.getSelectedElement();
var blockElm = utils.isBlockElement(selecedElm) ? selecedElm : utils.getBlockParent(selecedElm);
var executeDefaultCommand = utils.isList(blockElm) ||
utils.isTag(blockElm, "LI") ||
utils.isTag(blockElm, "TD") ||
utils.isTag(blockElm, "TH");
if (executeDefaultCommand) {
editor.fire("InsertTab");
} else {
editor.pasteHtml("<span> </span>​", commandName);
}
};
function OnClientLoad(editor, args) {
var shortcutManager = editor.get_shortCutManager();
// Removing the InsertTabMozilla shortcut will
// assure that in Firefox the behavior will be consistent with IE.
shortcutManager.removeShortCut("InsertTabMozilla");
editor.addShortCut("MyInsertTab", "TAB");
}
</script>