本文整理汇总了TypeScript中tinymce/core/dom/DOMUtils.DOM.getPos方法的典型用法代码示例。如果您正苦于以下问题:TypeScript DOM.getPos方法的具体用法?TypeScript DOM.getPos怎么用?TypeScript DOM.getPos使用的例子?那么恭喜您, 这里精选的方法代码示例或许可以为您提供帮助。您也可以进一步了解该方法所在类tinymce/core/dom/DOMUtils.DOM
的用法示例。
在下文中一共展示了DOM.getPos方法的4个代码示例,这些例子默认根据受欢迎程度排序。您可以为喜欢或者感觉有用的代码点赞,您的评价将有助于系统推荐出更棒的TypeScript代码示例。
示例1: function
const transposeUiContainer = function (element, pos) {
if (element && DOMUtils.DOM.getStyle(element, 'position', true) !== 'static') {
const containerPos = DOMUtils.DOM.getPos(element);
const dx = containerPos.x - element.scrollLeft;
const dy = containerPos.y - element.scrollTop;
return transpose(pos, -dx, -dy);
} else {
return transpose(pos, 0, 0);
}
};
示例2: function
const getUiContainerDelta = function () {
const uiContainer = Env.container;
if (uiContainer && DOMUtils.DOM.getStyle(uiContainer, 'position', true) !== 'static') {
const containerPos = DOMUtils.DOM.getPos(uiContainer);
const dx = uiContainer.scrollLeft - containerPos.x;
const dy = uiContainer.scrollTop - containerPos.y;
return Option.some({
x: dx,
y: dy
});
} else {
return Option.none();
}
};
示例3: function
const showSuggestions = function (editor, pluginUrl, lastSuggestionsState, startedState, textMatcherState, word, spans) {
const items = [], suggestions = lastSuggestionsState.get().suggestions[word];
Tools.each(suggestions, function (suggestion) {
items.push({
text: suggestion,
onclick () {
editor.insertContent(editor.dom.encode(suggestion));
editor.dom.remove(spans);
Actions.checkIfFinished(editor, startedState, textMatcherState);
}
});
});
items.push({ text: '-' });
const hasDictionarySupport = lastSuggestionsState.get().hasDictionarySupport;
if (hasDictionarySupport) {
items.push({
text: 'Add to Dictionary', onclick () {
Actions.addToDictionary(editor, pluginUrl, startedState, textMatcherState, word, spans);
}
});
}
items.push.apply(items, [
{
text: 'Ignore', onclick () {
Actions.ignoreWord(editor, startedState, textMatcherState, word, spans);
}
},
{
text: 'Ignore all', onclick () {
Actions.ignoreWord(editor, startedState, textMatcherState, word, spans, true);
}
}
]);
// Render menu
suggestionsMenu = Factory.create('menu', {
items,
context: 'contextmenu',
onautohide (e) {
if (e.target.className.indexOf('spellchecker') !== -1) {
e.preventDefault();
}
},
onhide () {
suggestionsMenu.remove();
suggestionsMenu = null;
}
});
suggestionsMenu.renderTo(document.body);
// Position menu
const pos = DOMUtils.DOM.getPos(editor.getContentAreaContainer());
const targetPos = editor.dom.getPos(spans[0]);
const root = editor.dom.getRoot();
// Adjust targetPos for scrolling in the editor
if (root.nodeName === 'BODY') {
targetPos.x -= root.ownerDocument.documentElement.scrollLeft || root.scrollLeft;
targetPos.y -= root.ownerDocument.documentElement.scrollTop || root.scrollTop;
} else {
targetPos.x -= root.scrollLeft;
targetPos.y -= root.scrollTop;
}
pos.x += targetPos.x;
pos.y += targetPos.y;
suggestionsMenu.moveTo(pos.x, pos.y + spans[0].offsetHeight);
};
示例4: getPos
if (elm.getBoundingClientRect) {
const rect = elm.getBoundingClientRect();
width = Math.max(rect.width || (rect.right - rect.left), elm.offsetWidth);
height = Math.max(rect.height || (rect.bottom - rect.bottom), elm.offsetHeight);
} else {
width = elm.offsetWidth;
height = elm.offsetHeight;
}
return { width, height };
},
getPos (elm, root?) {
return DOMUtils.DOM.getPos(elm, root || funcs.getContainer());
},
getContainer () {
return Env.container ? Env.container : document.body;
},
getViewPort (win?) {
return DOMUtils.DOM.getViewPort(win);
},
get (id) {
return document.getElementById(id);
},
addClass (elm, cls) {