本文整理汇总了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;
};