TypeScript Panel.InlitePanel类代码示例

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

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

本文整理汇总了TypeScript中tinymce/themes/inlite/ui/Panel.InlitePanel类的典型用法代码示例。如果您正苦于以下问题：TypeScript InlitePanel类的具体用法？TypeScript InlitePanel怎么用？TypeScript InlitePanel使用的例子？那么恭喜您, 这里精选的类代码示例或许可以为您提供帮助。

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

示例1: function

const addToEditor = function (editor: Editor, panel: InlitePanel) {
  editor.addButton('quicklink', {
    icon: 'link',
    tooltip: 'Insert/Edit link',
    stateSelector: 'a[href]',
    onclick () {
      panel.showForm(editor, 'quicklink');
    }
  });

  editor.addButton('quickimage', {
    icon: 'image',
    tooltip: 'Insert image',
    onclick () {
      Picker.pickFile().then(function (files) {
        const blob = files[0];

        Conversions.blobToBase64(blob).then(function (base64) {
          Actions.insertBlob(editor, base64, blob);
        });
      });
    }
  });

  editor.addButton('quicktable', {
    icon: 'table',
    tooltip: 'Insert table',
    onclick () {
      panel.hide();
      Actions.insertTable(editor, 2, 2);
    }
  });

  addHeaderButtons(editor);
};

开发者ID:danielpunkass，项目名称:tinymce，代码行数:35，代码来源:Buttons.ts

示例2: function

  const toggle = function () {
    const toolbars = getToolbars(editor);
    const result = findMatchResult(editor, toolbars);

    if (result) {
      panel.show(editor, result.id, result.rect, toolbars);
    } else {
      panel.hide();
    }
  };

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

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