本文整理匯總了TypeScript中@ephox/bridge.Toolbar類的典型用法代碼示例。如果您正苦於以下問題：TypeScript Toolbar類的具體用法？TypeScript Toolbar怎麽用？TypeScript Toolbar使用的例子？那麽, 這裏精選的類代碼示例或許可以為您提供幫助。
在下文中一共展示了Toolbar類的4個代碼示例，這些例子默認根據受歡迎程度排序。您可以為喜歡或者感覺有用的代碼點讚，您的評價將有助於係統推薦出更棒的TypeScript代碼示例。
示例1:
const registerToolbar = (key: string, toolbarApi: Toolbar.ContextToolbarApi) => {
Toolbar.createContextToolbar(toolbarApi).each((contextToolbar) => {
if (toolbarApi.scope === 'editor') {
inEditorScope.push(contextToolbar);
} else {
inNodeScope.push(contextToolbar);
}
lookupTable[key] = contextToolbar;
});
};示例2: renderToolbarToggleButtonWith
const renderContextToggleButton = (memInput: MementoRecord, button: Toolbar.ContextToggleButton, extras) => {
const { primary, ...rest } = button.original;
const bridged = ValueSchema.getOrDie(
Toolbar.createToggleButton({
...rest,
type: 'togglebutton',
onAction: () => { }
})
);
return renderToolbarToggleButtonWith(bridged, extras.backstage.shared.providers, [
runOnExecute<Toolbar.ToolbarButtonInstanceApi>(memInput, button)
]);
};示例3: callback
const newMenus = Arr.map(menus, (m) => {
const buttonSpec = {
type: 'menubutton',
text: m.text,
fetch: (callback) => {
callback(m.getItems());
}
};
// Convert to an internal bridge spec
const internal = Toolbar.createMenuButton(buttonSpec).mapError((errInfo) => ValueSchema.formatError(errInfo)).getOrDie();
return renderMenuButton(internal,
MenuButtonClasses.Button,
spec.backstage,
// https://www.w3.org/TR/wai-aria-practices/examples/menubar/menubar-2/menubar-2.html
Option.some('menuitem')
);
});示例4: navigate
const registerForm = (key: string, toolbarApi: Toolbar.ContextFormApi) => {
const contextForm = ValueSchema.getOrDie(Toolbar.createContextForm(toolbarApi));
forms[key] = contextForm;
contextForm.launch.map((launch) => {
// Use the original here (pre-boulder), because using as a the spec for toolbar buttons
formNavigators['form:' + key + ''] = {
...toolbarApi.launch,
type: (launch.type === 'contextformtogglebutton' ? 'togglebutton' : 'button') as any,
onAction: () => {
navigate(contextForm);
}
};
});
if (contextForm.scope === 'editor') {
inEditorScope.push(contextForm);
} else {
inNodeScope.push(contextForm);
}
lookupTable[key] = contextForm;
};