TypeScript bridge.Toolbar类代码示例

OStack程序员社区-中国程序员成长平台 › 门户 › 编程› TypeScript›TypeScript教程

原作者: [db:作者] 来自: [db:来源] 收藏邀请

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

开发者ID:tinymce，项目名称:tinymce，代码行数:10，代码来源:ToolbarScopes.ts

示例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)
  ]);
};

开发者ID:tinymce，项目名称:tinymce，代码行数:14，代码来源:ContextFormButtons.ts

示例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')
      );
    });

开发者ID:tinymce，项目名称:tinymce，代码行数:19，代码来源:SilverMenubar.ts

示例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;
  };

开发者ID:tinymce，项目名称:tinymce，代码行数:22，代码来源:ToolbarScopes.ts

注：本文中的@ephox/bridge.Toolbar类示例由纯净天空整理自Github/MSDocs等源码及文档管理平台，相关代码片段筛选自各路编程大神贡献的开源项目，源码版权归原作者所有，传播和使用请参考对应项目的License；未经允许，请勿转载。