Hi All,
I was developing a website with tiny mce text areas, i faced an issue with tabs there. On pressing tab key, the cursor goes to next text area. So, to resolve this issue, i did it as under ::
In tiny mce init declaration, i added a callback function as under
Then i created a javascript function which adds a tab character on pressing shift+tab key
Thanks,
Ujjwal Soni
I was developing a website with tiny mce text areas, i faced an issue with tabs there. On pressing tab key, the cursor goes to next text area. So, to resolve this issue, i did it as under ::
In tiny mce init declaration, i added a callback function as under
tinyMCE.init({
// General options
init_instance_callback : fixTinyMCETabIssue,
Then i created a javascript function which adds a tab character on pressing shift+tab key
function fixTinyMCETabIssue(inst) {
inst.onKeyDown.add(function(inst, e) {
// Firefox uses the e.which event for keypress
// While IE and others use e.keyCode, so we look for both
if (e.keyCode) code = e.keyCode;
else if (e.which) code = e.which;
if(code == 9 && !e.altKey && !e.ctrlKey) {
// toggle between Indent and Outdent command, depending on if SHIFT is pressed
if (e.shiftKey) inst.execCommand('mceInsertContent', false, "#TAB#");
return false;
}
});
}
One of my blog reader found an issue with image resizing in tinymce when he implemented this code, he found that this functionality can be achieved using:
nonbreaking_force_tab : true,
Thanks,
Ujjwal Soni