当前位置: 首页>>代码示例>>TypeScript>>正文


TypeScript Editor.addCommand函数代码示例

本文整理汇总了TypeScript中tinymce/core/api/Editor.addCommand函数的典型用法代码示例。如果您正苦于以下问题:TypeScript addCommand函数的具体用法?TypeScript addCommand怎么用?TypeScript addCommand使用的例子?那么恭喜您, 这里精选的函数代码示例或许可以为您提供帮助。


在下文中一共展示了addCommand函数的10个代码示例,这些例子默认根据受欢迎程度排序。您可以为喜欢或者感觉有用的代码点赞,您的评价将有助于系统推荐出更棒的TypeScript代码示例。

示例1: function

const registerCommands = (editor: Editor) => {
  editor.addCommand('mceApplyTextcolor', function (format, value) {
    applyFormat(editor, format, value);
  });

  editor.addCommand('mceRemoveTextcolor', function (format) {
    removeFormat(editor, format);
  });
};
开发者ID:tinymce,项目名称:tinymce,代码行数:9,代码来源:ColorSwatch.ts

示例2: function

const register = function (editor: Editor, clipboard: Clipboard) {
  editor.addCommand('mceTogglePlainTextPaste', function () {
    Actions.togglePlainTextPaste(editor, clipboard);
  });

  editor.addCommand('mceInsertClipboardContent', function (ui, value) {
    if (value.content) {
      clipboard.pasteHtml(value.content, value.internal);
    }

    if (value.text) {
      clipboard.pasteText(value.text);
    }
  });
};
开发者ID:tinymce,项目名称:tinymce,代码行数:15,代码来源:Commands.ts

示例3: function

const register = function (editor: Editor) {
  editor.addCommand('codesample', function () {
    const node = editor.selection.getNode();
    if (editor.selection.isCollapsed() || Utils.isCodeSample(node)) {
      Dialog.open(editor);
    } else {
      editor.formatter.toggle('code');
    }
  });
};
开发者ID:tinymce,项目名称:tinymce,代码行数:10,代码来源:Commands.ts

示例4: function

const register = function (editor: Editor) {
  editor.addCommand('mceHelp', Dialog.opener(editor));
};
开发者ID:tinymce,项目名称:tinymce,代码行数:3,代码来源:Commands.ts

示例5: func

 }, (func, name) => {
   editor.addCommand(name, () => {
     func();
   });
 });
开发者ID:tinymce,项目名称:tinymce,代码行数:5,代码来源:Commands.ts

示例6:

 }, (func, name) => {
   editor.addCommand(name, func);
 });
开发者ID:tinymce,项目名称:tinymce,代码行数:3,代码来源:Commands.ts

示例7: function

const register = function (editor: Editor, pluginUrl: string, startedState: Cell<boolean>, textMatcherState: Cell<DomTextMatcher>, lastSuggestionsState: Cell<LastSuggestion>, currentLanguageState: Cell<string>) {
  editor.addCommand('mceSpellCheck', function () {
    Actions.spellcheck(editor, pluginUrl, startedState, textMatcherState, lastSuggestionsState, currentLanguageState);
  });
};
开发者ID:tinymce,项目名称:tinymce,代码行数:5,代码来源:Commands.ts

示例8:

const register = (editor: Editor, oldSize: Cell<number>) => {
  editor.addCommand('mceAutoResize', () => {
    Resize.resize(editor, oldSize);
  });
};
开发者ID:tinymce,项目名称:tinymce,代码行数:5,代码来源:Commands.ts

示例9: function

const register = function (editor: Editor, pluginUrl: string, enabledState: Cell<boolean>) {
  editor.addCommand('mceVisualBlocks', function () {
    VisualBlocks.toggleVisualBlocks(editor, pluginUrl, enabledState);
  });
};
开发者ID:tinymce,项目名称:tinymce,代码行数:5,代码来源:Commands.ts

示例10: loadIframeSkin

const render = (editor: Editor, uiComponents: RenderUiComponents, rawUiConfig: RenderUiConfig, backstage: UiFactoryBackstage, args: RenderArgs): ModeRenderInfo => {
  loadIframeSkin(editor);

  Attachment.attachSystemAfter(Element.fromDom(args.targetNode), uiComponents.mothership);
  Attachment.attachSystem(Body.body(), uiComponents.uiMothership);

  editor.on('init', () => {
    OuterContainer.setToolbar(
      uiComponents.outerContainer,
      identifyButtons(editor, rawUiConfig, {backstage}, Option.none())
    );

    OuterContainer.setMenubar(
      uiComponents.outerContainer,
      identifyMenus(editor, rawUiConfig)
    );

    OuterContainer.setSidebar(
      uiComponents.outerContainer,
      rawUiConfig.sidebar
    );

    // Force an update of the ui components disabled states if in readonly mode
    if (editor.readonly) {
      handleSwitchMode(uiComponents)({mode: 'readonly'});
    }

    setupEvents(editor);
  });

  const socket = OuterContainer.getSocket(uiComponents.outerContainer).getOrDie('Could not find expected socket element');

  editor.on('SwitchMode', handleSwitchMode(uiComponents));

  if (Settings.isReadOnly(editor)) {
    editor.setMode('readonly');
  }

  editor.addCommand('ToggleSidebar', (ui: boolean, value: string) => {
    OuterContainer.toggleSidebar(uiComponents.outerContainer, value);
    editor.fire('ToggleSidebar');
  });

  editor.addQueryValueHandler('ToggleSidebar', () => {
    return OuterContainer.whichSidebar(uiComponents.outerContainer);
  });

  const drawer = Settings.getToolbarDrawer(editor);

  const refreshDrawer = () => {
    const toolbar = OuterContainer.getToolbar(uiComponents.outerContainer);
    toolbar.each(SplitToolbar.refresh);
  };

  if (drawer === Settings.ToolbarDrawer.sliding || drawer === Settings.ToolbarDrawer.floating) {
    editor.on('ResizeContent', refreshDrawer);
  }

  return {
    iframeContainer: socket.element().dom(),
    editorContainer: uiComponents.outerContainer.element().dom(),
  };
};
开发者ID:tinymce,项目名称:tinymce,代码行数:63,代码来源:Iframe.ts


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