本文整理匯總了TypeScript中@ephox/alloy.Gui.takeover方法的典型用法代碼示例。如果您正苦於以下問題：TypeScript Gui.takeover方法的具體用法？TypeScript Gui.takeover怎麽用？TypeScript Gui.takeover使用的例子？那麽, 這裏精選的方法代碼示例或許可以為您提供幫助。您也可以進一步了解該方法所在類@ephox/alloy.Gui的用法示例。
在下文中一共展示了Gui.takeover方法的2個代碼示例，這些例子默認根據受歡迎程度排序。您可以為喜歡或者感覺有用的代碼點讚，您的評價將有助於係統推薦出更棒的TypeScript代碼示例。
示例1: function
export default function (spec) {
const root = GuiFactory.build(
Container.sketch({
dom: {
classes: [ Styles.resolve('outer-container') ].concat(spec.classes)
},
containerBehaviours: Behaviour.derive([
Swapping.config({
alpha: READ_ONLY_MODE_CLASS(),
omega: EDIT_MODE_CLASS()
})
])
})
);
return Gui.takeover(root);
}示例2: onEscape
//.........這裏部分代碼省略.........
...I18n.isRtl() ? { dir: 'rtl' } : {}
};
const outerContainer = GuiFactory.build(
OuterContainer.sketch({
dom: {
tag: 'div',
classes: ['tox', 'tox-tinymce'].concat(isInline ? ['tox-tinymce-inline'] : []),
styles: {
// This is overridden by the skin, it helps avoid FOUC
visibility: 'hidden'
},
attributes
},
components: containerComponents,
behaviours: Behaviour.derive(mode.getBehaviours(editor).concat([
Keying.config({
mode: 'cyclic',
selector: '.tox-menubar, .tox-toolbar, .tox-toolbar__primary, .tox-toolbar__overflow--open, .tox-sidebar__overflow--open, .tox-statusbar__path, .tox-statusbar__wordcount, .tox-statusbar__branding a'
})
]))
} as OuterContainerSketchSpec)
);
lazyOuterContainer = Option.some(outerContainer);
editor.shortcuts.add('alt+F9', 'focus menubar', function () {
OuterContainer.focusMenubar(outerContainer);
});
editor.shortcuts.add('alt+F10', 'focus toolbar', function () {
OuterContainer.focusToolbar(outerContainer);
});
const mothership = Gui.takeover(
outerContainer
);
const uiMothership = Gui.takeover(sink);
Events.setup(editor, mothership, uiMothership);
const getUi = () => {
const channels = {
broadcastAll: uiMothership.broadcast,
broadcastOn: uiMothership.broadcastOn,
register: () => {}
};
return { channels };
};
const setEditorSize = (elm) => {
// Set height and width if they were given, though height only applies to iframe mode
const DOM = DOMUtils.DOM;
const baseWidth = editor.getParam('width', DOM.getStyle(elm, 'width'));
const baseHeight = getHeightSetting(editor);
const minWidth = getMinWidthSetting(editor);
const minHeight = getMinHeightSetting(editor);
const parsedWidth = Utils.parseToInt(baseWidth).bind((w) => {
return Utils.numToPx(minWidth.map((mw) => Math.max(w, mw)));
}).getOr(Utils.numToPx(baseWidth));
const parsedHeight = Utils.parseToInt(baseHeight).bind((h) => {
return minHeight.map((mh) => Math.max(h, mh));