OXIESEC PANEL

Name	Size	Modified	Perms
📁 ..	-	02/20/2020 06:40:48 AM	rwxr-xr-x
📄 AlignmentButtons.ts	1.45 KB	02/20/2020 06:38:07 AM	rw-r--r--
📄 ComplexControls.ts	716 bytes	02/20/2020 06:38:08 AM	rw-r--r--
📄 FormatControls.ts	1015 bytes	02/20/2020 06:38:08 AM	rw-r--r--
📄 IndentOutdent.ts	1.16 KB	02/20/2020 06:38:09 AM	rw-r--r--
📄 LinkTargets.ts	4.05 KB	02/20/2020 06:38:10 AM	rw-r--r--
📄 SimpleControls.ts	4.59 KB	02/20/2020 06:38:10 AM	rw-r--r--
📄 UndoRedo.ts	1.9 KB	02/20/2020 06:38:11 AM	rw-r--r--
📄 VisualAid.ts	1.22 KB	02/20/2020 06:38:11 AM	rw-r--r--
📁 color	-	02/20/2020 06:40:29 AM	rwxr-xr-x
📁 complex	-	02/20/2020 06:42:37 AM	rwxr-xr-x

Editing: SimpleControls.ts

/**
 * Copyright (c) Tiny Technologies, Inc. All rights reserved.
 * Licensed under the LGPL or a commercial license.
 * For LGPL see License.txt in the project root for license information.
 * For commercial licenses see https://www.tiny.cloud/
 */

import Editor from 'tinymce/core/api/Editor';
import Tools from 'tinymce/core/api/util/Tools';
import { onSetupFormatToggle } from './complex/utils/Utils';

const toggleFormat = (editor: Editor, fmt: string) => {
  return () => {
    editor.execCommand('mceToggleFormat', false, fmt);
  };
};

const registerFormatButtons = (editor: Editor) => {
  Tools.each([
    {name: 'bold', text: 'Bold', icon: 'bold'},
    {name: 'italic', text: 'Italic', icon: 'italic'},
    {name: 'underline', text: 'Underline', icon: 'underline'},
    {name: 'strikethrough', text: 'Strikethrough', icon: 'strike-through'},
    {name: 'subscript', text: 'Subscript', icon: 'subscript'},
    {name: 'superscript', text: 'Superscript', icon: 'superscript'}
  ], (btn, idx) => {
    editor.ui.registry.addToggleButton(btn.name, {
      tooltip: btn.text,
      icon: btn.icon,
      onSetup: onSetupFormatToggle(editor, btn.name),
      onAction: toggleFormat(editor, btn.name)
    });
  });

for (let i = 1; i <= 6; i++) {
    const name = 'h' + i;
    editor.ui.registry.addToggleButton(name, {
      text: name.toUpperCase(),
      tooltip: 'Heading ' + i,
      onSetup: onSetupFormatToggle(editor, name),
      onAction: toggleFormat(editor, name)
    });
  }
};

const registerButtons = (editor: Editor) => {
  registerFormatButtons(editor);
  registerCommandButtons(editor);
  registerCommandToggleButtons(editor);
};

const registerMenuItems = (editor: Editor) => {
  Tools.each([
    {name: 'bold', text: 'Bold', action: 'Bold', icon: 'bold', shortcut: 'Meta+B'},
    {name: 'italic', text: 'Italic', action: 'Italic', icon: 'italic', shortcut: 'Meta+I'},
    {name: 'underline', text: 'Underline', action: 'Underline', icon: 'underline', shortcut: 'Meta+U'},
    {name: 'strikethrough', text: 'Strikethrough', action: 'Strikethrough', icon: 'strike-through', shortcut: ''},
    {name: 'subscript', text: 'Subscript', action: 'Subscript', icon: 'subscript', shortcut: ''},
    {name: 'superscript', text: 'Superscript', action: 'Superscript', icon: 'superscript', shortcut: ''},
    {name: 'removeformat', text: 'Clear formatting', action: 'RemoveFormat', icon: 'remove-formatting', shortcut: ''},
    {name: 'newdocument', text: 'New document', action: 'mceNewDocument', icon: 'new-document', shortcut: ''},
    {name: 'cut', text: 'Cut', action: 'Cut', icon: 'cut', shortcut: 'Meta+X'},
    {name: 'copy', text: 'Copy', action: 'Copy', icon: 'copy', shortcut: 'Meta+C'},
    {name: 'paste', text: 'Paste', action: 'Paste', icon: 'paste', shortcut: 'Meta+V'},
    {name: 'selectall', text: 'Select all', action: 'SelectAll', icon: 'select-all', shortcut: 'Meta+A'}
  ], (btn) => {
    editor.ui.registry.addMenuItem(btn.name, {
      text: btn.text,
      icon: btn.icon,
      shortcut: btn.shortcut,
      onAction: () => editor.execCommand(btn.action)
    });
  });

editor.ui.registry.addMenuItem('codeformat', {
    text: 'Code',
    icon: 'sourcecode',
    onAction: toggleFormat(editor, 'code')
  });
};

const register = (editor: Editor) => {
  registerButtons(editor);
  registerMenuItems(editor);
};

export default {
  register
};