OXIESEC PANEL

Name	Size	Modified	Perms
📁 ..	-	02/20/2020 06:32:01 AM	rwxr-xr-x
📄 Demo.ts	2.73 KB	02/20/2020 06:32:03 AM	rw-r--r--
📄 Demos.ts	294 bytes	02/20/2020 06:32:03 AM	rw-r--r--
📄 FormDemo.ts	1.6 KB	02/20/2020 06:32:04 AM	rw-r--r--
📄 SlidersDemo.ts	1.72 KB	02/20/2020 06:32:04 AM	rw-r--r--
📄 StylesMenuDemo.ts	1.65 KB	02/20/2020 06:32:05 AM	rw-r--r--

Editing: Demo.ts

declare let tinymce: any;

export default function () {
  tinymce.init({
    selector: '.tiny-text',
    theme: 'mobile',
    toolbar: [ 'styleselect', 'undo', 'redo', 'bold', 'bold', 'italic', 'underline', 'styleselect', 'removeformat', 'link', 'unlink', 'image', 'fontsizeselect', 'bullist', 'numlist', 'forecolor' ],
    plugins: [
      'lists', // Required for list functionality (commands),
      'autolink', // Required for turning pasted text into hyperlinks
      'autosave' // Required to prevent users losing content when they press back
    ],
    skin_url: '../../../../../js/tinymce/skins/ui/oxide',

setup (ed) {
      ed.on('skinLoaded', function () {
        // Notification fields for equality: type, text, progressBar, timeout
        ed.notificationManager.open({
          text: 'You will not see this because the mobile theme has no notifications',
          type: 'info'
        });
      });
    },

style_formats: [
      {
        title: 'Headings', items: [
          { title: 'Heading 1', format: 'h1' },
          { title: 'Heading 2', format: 'h2' },
          { title: 'Heading 3', format: 'h3' },
          { title: 'Heading 4', format: 'h4' },
          { title: 'Heading 5', format: 'h5' },
          { title: 'Heading 6', format: 'h6' }
        ]
      },

{
        title: 'Inline', items: [
          { title: 'Bold', icon: 'bold', format: 'bold' },
          { title: 'Italic', icon: 'italic', format: 'italic' },
          { title: 'Underline', icon: 'underline', format: 'underline' },
          { title: 'Strikethrough', icon: 'strikethrough', format: 'strikethrough' },
          { title: 'Superscript', icon: 'superscript', format: 'superscript' },
          { title: 'Subscript', icon: 'subscript', format: 'subscript' },
          { title: 'Code', icon: 'code', format: 'code' }
        ]
      },

{
        // Should not appear when not in a table.
        title: 'Table', items: [
          { title: 'Rows', items: [
            { title: 'Cell', selector: 'tr', styles: { background: 'red' } }
          ] }
        ]
      },

{
        title: 'Blocks', items: [
          { title: 'Paragraph', format: 'p', selector: 'address' },
          { title: 'Blockquote', format: 'blockquote', selector: 'address' },
          { title: 'Div', format: 'div', selector: 'address' },
          { title: 'Pre', format: 'pre', selector: 'address' }
        ]
      },

{
        title: 'Alignment', items: [
          { title: 'Left', icon: 'alignleft', format: 'alignleft' },
          { title: 'Center', icon: 'aligncenter', format: 'aligncenter' },
          { title: 'Right', icon: 'alignright', format: 'alignright' },
          { title: 'Justify', icon: 'alignjustify', format: 'alignjustify' }
        ]
      }
    ]
  });
}