You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
131 lines
3.9 KiB
JavaScript
131 lines
3.9 KiB
JavaScript
4 weeks ago
|
/**
|
||
|
* Copyright (c) Tiny Technologies, Inc. All rights reserved.
|
||
|
* Licensed under the LGPL or a commercial license.
|
||
|
* For LGPL see License.txt in the project root for license information.
|
||
|
* For commercial licenses see https://www.tiny.cloud/
|
||
|
*
|
||
|
* Version: 5.9.2 (2021-09-08)
|
||
|
*/
|
||
|
(function () {
|
||
|
'use strict';
|
||
|
|
||
|
var global$6 = tinymce.util.Tools.resolve('tinymce.PluginManager');
|
||
|
|
||
|
var global$5 = tinymce.util.Tools.resolve('tinymce.dom.DOMUtils');
|
||
|
|
||
|
var global$4 = tinymce.util.Tools.resolve('tinymce.EditorManager');
|
||
|
|
||
|
var global$3 = tinymce.util.Tools.resolve('tinymce.Env');
|
||
|
|
||
|
var global$2 = tinymce.util.Tools.resolve('tinymce.util.Delay');
|
||
|
|
||
|
var global$1 = tinymce.util.Tools.resolve('tinymce.util.Tools');
|
||
|
|
||
|
var global = 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 DOM = global$5.DOM;
|
||
|
var tabCancel = function (e) {
|
||
|
if (e.keyCode === global.TAB && !e.ctrlKey && !e.altKey && !e.metaKey) {
|
||
|
e.preventDefault();
|
||
|
}
|
||
|
};
|
||
|
var setup = function (editor) {
|
||
|
var tabHandler = function (e) {
|
||
|
var x;
|
||
|
if (e.keyCode !== global.TAB || e.ctrlKey || e.altKey || e.metaKey || e.isDefaultPrevented()) {
|
||
|
return;
|
||
|
}
|
||
|
var find = function (direction) {
|
||
|
var el = DOM.select(':input:enabled,*[tabindex]:not(iframe)');
|
||
|
var canSelectRecursive = function (e) {
|
||
|
var castElem = e;
|
||
|
return e.nodeName === 'BODY' || castElem.type !== 'hidden' && castElem.style.display !== 'none' && castElem.style.visibility !== 'hidden' && canSelectRecursive(e.parentNode);
|
||
|
};
|
||
|
var canSelect = function (el) {
|
||
|
return /INPUT|TEXTAREA|BUTTON/.test(el.tagName) && global$4.get(e.id) && el.tabIndex !== -1 && canSelectRecursive(el);
|
||
|
};
|
||
|
global$1.each(el, function (e, i) {
|
||
|
if (e.id === editor.id) {
|
||
|
x = i;
|
||
|
return false;
|
||
|
}
|
||
|
});
|
||
|
if (direction > 0) {
|
||
|
for (var i = x + 1; i < el.length; i++) {
|
||
|
if (canSelect(el[i])) {
|
||
|
return el[i];
|
||
|
}
|
||
|
}
|
||
|
} else {
|
||
|
for (var i = x - 1; i >= 0; i--) {
|
||
|
if (canSelect(el[i])) {
|
||
|
return el[i];
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
return null;
|
||
|
};
|
||
|
var v = global$1.explode(getTabFocus(editor));
|
||
|
if (v.length === 1) {
|
||
|
v[1] = v[0];
|
||
|
v[0] = ':prev';
|
||
|
}
|
||
|
var el;
|
||
|
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$4.get(el.id || el.name);
|
||
|
if (el.id && focusEditor) {
|
||
|
focusEditor.focus();
|
||
|
} else {
|
||
|
global$2.setTimeout(function () {
|
||
|
if (!global$3.webkit) {
|
||
|
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);
|
||
|
}
|
||
|
});
|
||
|
};
|
||
|
|
||
|
function Plugin () {
|
||
|
global$6.add('tabfocus', function (editor) {
|
||
|
setup(editor);
|
||
|
});
|
||
|
}
|
||
|
|
||
|
Plugin();
|
||
|
|
||
|
}());
|