OXIESEC PANEL

Name	Size	Modified	Perms
📁 ..	-	02/20/2020 05:41:34 AM	rwxr-xr-x
📄 AnnotationsDemo.ts	1.64 KB	02/20/2020 05:41:36 AM	rw-r--r--
📄 CommandsDemo.ts	3.06 KB	02/20/2020 05:41:36 AM	rw-r--r--
📄 ContentEditableFalseDemo.ts	2.53 KB	02/20/2020 05:41:37 AM	rw-r--r--
📄 CustomThemeDemo.ts	1.79 KB	02/20/2020 05:41:37 AM	rw-r--r--
📄 Demos.ts	725 bytes	02/20/2020 05:41:38 AM	rw-r--r--
📄 FixedToolbarContainerDemo.ts	231 bytes	02/20/2020 05:41:38 AM	rw-r--r--
📄 FullDemo.ts	4.07 KB	02/20/2020 05:41:39 AM	rw-r--r--
📄 InlineDemo.ts	1.31 KB	02/20/2020 05:41:39 AM	rw-r--r--
📄 SourceDumpDemo.ts	1.74 KB	02/20/2020 05:41:41 AM	rw-r--r--
📄 TinyMceDemo.ts	922 bytes	02/20/2020 05:41:41 AM	rw-r--r--
📄 UiContainerDemo.ts	3.95 KB	02/20/2020 05:41:42 AM	rw-r--r--

Editing: FullDemo.ts

import { console } from '@ephox/dom-globals';
import { Merger } from '@ephox/katamari';
import { Element } from '@ephox/sugar';

declare let tinymce: any;

export default function () {

const settings = {
    skin_url: '../../../../js/tinymce/skins/ui/oxide',
    content_css: '../../../../js/tinymce/skins/content/default/content.css',
    images_upload_url: 'd',
    selector: 'textarea',
    // rtl_ui: true,
    link_list: [
      { title: 'My page 1', value: 'http://www.tinymce.com' },
      { title: 'My page 2', value: 'http://www.moxiecode.com' }
    ],
    image_list: [
      { title: 'My page 1', value: 'http://www.tinymce.com' },
      { title: 'My page 2', value: 'http://www.moxiecode.com' }
    ],
    image_class_list: [
      { title: 'None', value: '' },
      { title: 'Some class', value: 'class-name' }
    ],
    importcss_append: true,
    height: 400,
    file_picker_callback (callback, value, meta) {
      // Provide file and text for the link dialog
      if (meta.filetype === 'file') {
        callback('https://www.google.com/logos/google.jpg', { text: 'My text' });
      }

// Provide image and alt text for the image dialog
      if (meta.filetype === 'image') {
        callback('https://www.google.com/logos/google.jpg', { alt: 'My alt text' });
      }

// Provide alternative source and posted for the media dialog
      if (meta.filetype === 'media') {
        callback('movie.mp4', { source2: 'alt.ogg', poster: 'https://www.google.com/logos/google.jpg' });
      }
    },
    spellchecker_callback (method, text, success, failure) {
      const words = text.match(this.getWordCharPattern());

if (method === 'spellcheck') {
        const suggestions = {};

for (let i = 0; i < words.length; i++) {
          suggestions[words[i]] = ['First', 'Second'];
        }

success(suggestions);
      }

if (method === 'addToDictionary') {
        success();
      }
    },
    templates: [
      { title: 'Some title 1', description: 'Some desc 1', content: 'My content' },
      { title: 'Some title 2', description: 'Some desc 2', content: '<div class="mceTmpl"><span class="cdate">cdate</span><span class="mdate">mdate</span>My content2</div>' }
    ],
    template_cdate_format: '[CDATE: %m/%d/%Y : %H:%M:%S]',
    template_mdate_format: '[MDATE: %m/%d/%Y : %H:%M:%S]',
    image_caption: true,
    theme: 'silver',
    mobile: {
      plugins: [
        'autosave lists'
      ]
    },
    setup (ed) {
      makeSidebar(ed, 'sidebar1', 'green', 200);
    },
    plugins: [
      'autosave advlist autolink link image lists charmap print preview hr anchor pagebreak spellchecker toc',
      'searchreplace wordcount visualblocks visualchars code fullscreen fullpage insertdatetime media nonbreaking',
      'save table directionality emoticons template paste textcolor importcss colorpicker textpattern',
      'codesample help noneditable print'
    ],
    // rtl_ui: true,
    add_unload_trigger: false,
    autosave_ask_before_unload: false,
    toolbar: 'undo redo sidebar1 align fontsizeselect fontselect formatselect styleselect insertfile | styleselect | bold italic | alignleft aligncenter alignright alignjustify | ' +
    'bullist numlist outdent indent | link image | print preview media fullpage | forecolor backcolor emoticons table codesample code | ltr rtl',
    toolbar_drawer: 'floating'
  };

tinymce.init(settings);
  tinymce.init(Merger.deepMerge(settings, { inline: true, selector: 'div.tinymce' }));
}