OXIESEC PANEL

Name	Size	Modified	Perms
📁 ..	-	02/20/2020 05:44:43 AM	rwxr-xr-x
📄 ContentCss.ts	1.13 KB	02/20/2020 05:43:43 AM	rw-r--r--
📄 Init.ts	5.21 KB	02/20/2020 05:43:43 AM	rw-r--r--
📄 InitContentBody.ts	8.78 KB	02/20/2020 05:43:44 AM	rw-r--r--
📄 InitIframe.ts	3.84 KB	02/20/2020 05:43:45 AM	rw-r--r--
📄 Render.ts	7.01 KB	02/20/2020 05:43:46 AM	rw-r--r--

Editing: ContentCss.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 '../api/Editor';
import Settings from '../api/Settings';
import { Arr } from '@ephox/katamari';

const isContentCssSkinName = (url: string) => /^[a-z0-9\-]+$/i.test(url);

const getContentCssUrls = (editor: Editor): string[] => {
  const contentCss = Settings.getContentCss(editor);
  const skinUrl = editor.editorManager.baseURL + '/skins/content';
  const suffix = editor.editorManager.suffix;
  const contentCssFile = `content${suffix}.css`;
  const inline = editor.inline === true;

return Arr.map(contentCss, (url) => {
    if (isContentCssSkinName(url) && !inline) {
      return `${skinUrl}/${url}/${contentCssFile}`;
    } else {
      return editor.documentBaseURI.toAbsolute(url);
    }
  });
};

const appendContentCssFromSettings = (editor: Editor) => {
  editor.contentCSS = editor.contentCSS.concat(getContentCssUrls(editor));
};

export {
  appendContentCssFromSettings
};