125 lines
3.6 KiB
JavaScript
125 lines
3.6 KiB
JavaScript
|
(function () {
|
||
|
|
var tabfocus = (function (domGlobals) {
|
||
|
|
'use strict';
|
||
|
|
|
||
|
|
var global = tinymce.util.Tools.resolve('tinymce.PluginManager');
|
||
|
|
|
||
|
|
var global$1 = tinymce.util.Tools.resolve('tinymce.dom.DOMUtils');
|
||
|
|
|
||
|
|
var global$2 = tinymce.util.Tools.resolve('tinymce.EditorManager');
|
||
|
|
|
||
|
|
var global$3 = tinymce.util.Tools.resolve('tinymce.Env');
|
||
|
|
|
||
|
|
var global$4 = tinymce.util.Tools.resolve('tinymce.util.Delay');
|
||
|
|
|
||
|
|
var global$5 = tinymce.util.Tools.resolve('tinymce.util.Tools');
|
||
|
|
|
||
|
|
var global$6 = tinymce.util.Tools.resolve('tinymce.util.VK');
|
||
|
|
|
||
|
|
var getTabFocusElements = function (editor) {
|
||
|
|
return editor.getParam('tabfocus_elements', ':prev,:next');
|
||
|
|
};
|
||
|
|
var getTabFocus = function (editor) {
|
||
|
|
return editor.getParam('tab_focus', getTabFocusElements(editor));
|
||
|
|
};
|
||
|
|
var Settings = { getTabFocus: getTabFocus };
|
||
|
|
|
||
|
|
var DOM = global$1.DOM;
|
||
|
|
var tabCancel = function (e) {
|
||
|
|
if (e.keyCode === global$6.TAB && !e.ctrlKey && !e.altKey && !e.metaKey) {
|
||
|
|
e.preventDefault();
|
||
|
|
}
|
||
|
|
};
|
||
|
|
var setup = function (editor) {
|
||
|
|
function tabHandler(e) {
|
||
|
|
var x, el, v, i;
|
||
|
|
if (e.keyCode !== global$6.TAB || e.ctrlKey || e.altKey || e.metaKey || e.isDefaultPrevented()) {
|
||
|
|
return;
|
||
|
|
}
|
||
|
|
function find(direction) {
|
||
|
|
el = DOM.select(':input:enabled,*[tabindex]:not(iframe)');
|
||
|
|
function canSelectRecursive(e) {
|
||
|
|
return e.nodeName === 'BODY' || e.type !== 'hidden' && e.style.display !== 'none' && e.style.visibility !== 'hidden' && canSelectRecursive(e.parentNode);
|
||
|
|
}
|
||
|
|
function canSelect(el) {
|
||
|
|
return /INPUT|TEXTAREA|BUTTON/.test(el.tagName) && global$2.get(e.id) && el.tabIndex !== -1 && canSelectRecursive(el);
|
||
|
|
}
|
||
|
|
global$5.each(el, function (e, i) {
|
||
|
|
if (e.id === editor.id) {
|
||
|
|
x = i;
|
||
|
|
return false;
|
||
|
|
}
|
||
|
|
});
|
||
|
|
if (direction > 0) {
|
||
|
|
for (i = x + 1; i < el.length; i++) {
|
||
|
|
if (canSelect(el[i])) {
|
||
|
|
return el[i];
|
||
|
|
}
|
||
|
|
}
|
||
|
|
} else {
|
||
|
|
for (i = x - 1; i >= 0; i--) {
|
||
|
|
if (canSelect(el[i])) {
|
||
|
|
return el[i];
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
return null;
|
||
|
|
}
|
||
|
|
v = global$5.explode(Settings.getTabFocus(editor));
|
||
|
|
if (v.length === 1) {
|
||
|
|
v[1] = v[0];
|
||
|
|
v[0] = ':prev';
|
||
|
|
}
|
||
|
|
if (e.shiftKey) {
|
||
|
|
if (v[0] === ':prev') {
|
||
|
|
el = find(-1);
|
||
|
|
} else {
|
||
|
|
el = DOM.get(v[0]);
|
||
|
|
}
|
||
|
|
} else {
|
||
|
|
if (v[1] === ':next') {
|
||
|
|
el = find(1);
|
||
|
|
} else {
|
||
|
|
el = DOM.get(v[1]);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
if (el) {
|
||
|
|
var focusEditor = global$2.get(el.id || el.name);
|
||
|
|
if (el.id && focusEditor) {
|
||
|
|
focusEditor.focus();
|
||
|
|
} else {
|
||
|
|
global$4.setTimeout(function () {
|
||
|
|
if (!global$3.webkit) {
|
||
|
|
domGlobals.window.focus();
|
||
|
|
}
|
||
|
|
el.focus();
|
||
|
|
}, 10);
|
||
|
|
}
|
||
|
|
e.preventDefault();
|
||
|
|
}
|
||
|
|
}
|
||
|
|
editor.on('init', function () {
|
||
|
|
if (editor.inline) {
|
||
|
|
DOM.setAttrib(editor.getBody(), 'tabIndex', null);
|
||
|
|
}
|
||
|
|
editor.on('keyup', tabCancel);
|
||
|
|
if (global$3.gecko) {
|
||
|
|
editor.on('keypress keydown', tabHandler);
|
||
|
|
} else {
|
||
|
|
editor.on('keydown', tabHandler);
|
||
|
|
}
|
||
|
|
});
|
||
|
|
};
|
||
|
|
var Keyboard = { setup: setup };
|
||
|
|
|
||
|
|
global.add('tabfocus', function (editor) {
|
||
|
|
Keyboard.setup(editor);
|
||
|
|
});
|
||
|
|
function Plugin () {
|
||
|
|
}
|
||
|
|
|
||
|
|
return Plugin;
|
||
|
|
|
||
|
|
}(window));
|
||
|
|
})();
|