[ Mini Kiebo ]

Server: Windows NT DESKTOP-5B8S0D4 6.2 build 9200 (Windows 8 Professional Edition) i586 Path: D:/Backup/05122024/htdocs/tracer/assets/tinymce/src/plugins/fullscreen/src/main/js/ [ Home ]
File: Plugin.js
/**
 * Plugin.js
 *
 * Released under LGPL License.
 * Copyright (c) 1999-2017 Ephox Corp. All rights reserved
 *
 * License: http://www.tinymce.com/license
 * Contributing: http://www.tinymce.com/contributing
 */

/**
 * This class contains all core logic for the fullscreen plugin.
 *
 * @class tinymce.fullscreen.Plugin
 * @private
 */
define(
  'tinymce.plugins.fullscreen.Plugin',
  [
    'tinymce.core.dom.DOMUtils',
    'tinymce.core.PluginManager'
  ],
  function (DOMUtils, PluginManager) {
    var DOM = DOMUtils.DOM;

    PluginManager.add('fullscreen', function (editor) {
      var fullscreenState = false, iframeWidth, iframeHeight, resizeHandler;
      var containerWidth, containerHeight, scrollPos;

      if (editor.settings.inline) {
        return;
      }

      function getWindowSize() {
        var w, h, win = window, doc = document;
        var body = doc.body;

        // Old IE
        if (body.offsetWidth) {
          w = body.offsetWidth;
          h = body.offsetHeight;
        }

        // Modern browsers
        if (win.innerWidth && win.innerHeight) {
          w = win.innerWidth;
          h = win.innerHeight;
        }

        return { w: w, h: h };
      }

      function getScrollPos() {
        var vp = DOM.getViewPort();

        return {
          x: vp.x,
          y: vp.y
        };
      }

      function setScrollPos(pos) {
        window.scrollTo(pos.x, pos.y);
      }

      function toggleFullscreen() {
        var body = document.body, documentElement = document.documentElement, editorContainerStyle;
        var editorContainer, iframe, iframeStyle;

        function resize() {
          DOM.setStyle(iframe, 'height', getWindowSize().h - (editorContainer.clientHeight - iframe.clientHeight));
        }

        fullscreenState = !fullscreenState;

        editorContainer = editor.getContainer();
        editorContainerStyle = editorContainer.style;
        iframe = editor.getContentAreaContainer().firstChild;
        iframeStyle = iframe.style;

        if (fullscreenState) {
          scrollPos = getScrollPos();
          iframeWidth = iframeStyle.width;
          iframeHeight = iframeStyle.height;
          iframeStyle.width = iframeStyle.height = '100%';
          containerWidth = editorContainerStyle.width;
          containerHeight = editorContainerStyle.height;
          editorContainerStyle.width = editorContainerStyle.height = '';

          DOM.addClass(body, 'mce-fullscreen');
          DOM.addClass(documentElement, 'mce-fullscreen');
          DOM.addClass(editorContainer, 'mce-fullscreen');

          DOM.bind(window, 'resize', resize);
          resize();
          resizeHandler = resize;
        } else {
          iframeStyle.width = iframeWidth;
          iframeStyle.height = iframeHeight;

          if (containerWidth) {
            editorContainerStyle.width = containerWidth;
          }

          if (containerHeight) {
            editorContainerStyle.height = containerHeight;
          }

          DOM.removeClass(body, 'mce-fullscreen');
          DOM.removeClass(documentElement, 'mce-fullscreen');
          DOM.removeClass(editorContainer, 'mce-fullscreen');
          DOM.unbind(window, 'resize', resizeHandler);
          setScrollPos(scrollPos);
        }

        editor.fire('FullscreenStateChanged', { state: fullscreenState });
      }

      editor.on('init', function () {
        editor.addShortcut('Ctrl+Shift+F', '', toggleFullscreen);
      });

      editor.on('remove', function () {
        if (resizeHandler) {
          DOM.unbind(window, 'resize', resizeHandler);
        }
      });

      editor.addCommand('mceFullScreen', toggleFullscreen);

      editor.addMenuItem('fullscreen', {
        text: 'Fullscreen',
        shortcut: 'Ctrl+Shift+F',
        selectable: true,
        onClick: function () {
          toggleFullscreen();
          editor.focus();
        },
        onPostRender: function () {
          var self = this;

          editor.on('FullscreenStateChanged', function (e) {
            self.active(e.state);
          });
        },
        context: 'view'
      });

      editor.addButton('fullscreen', {
        tooltip: 'Fullscreen',
        shortcut: 'Ctrl+Shift+F',
        onClick: toggleFullscreen,
        onPostRender: function () {
          var self = this;

          editor.on('FullscreenStateChanged', function (e) {
            self.active(e.state);
          });
        }
      });

      return {
        isFullscreen: function () {
          return fullscreenState;
        }
      };
    });

    return function () { };
  }
);