весь копипаст в одном файле (не логика, а именно работа с браузером)

git-svn-id: svn://192.168.3.15/activex/AVS/Sources/TeamlabOffice/trunk/OfficeWeb@68300 954022d7-b5bf-4e40-9824-e11837661b57

Common/clipboard_base.js

+"use strict";
+
+///
+// api редактора должен иметь методы
+// 1) asc_IsFocus(true /* bIsNaturalFocus */) - это принимаем ли мы сейчас клавиатуру.
+// bIsNaturalFocus - это параметр, говорящий о том, что нам нужен фокус наш, исключая поля для ввода (иероглифы например)
+// 2) asc_CheckCopy(_clipboard /* CClipboardData */, _formats) - для наполнения буфера обмена.
+// В нем вызывать _clipboard.pushData(_format, _data); _formats - какие форматы нужны
+// 3) asc_PasteData(_format, ...)
+// 4) incrementCounterLongAction / decrementCounterLongAction - для залочивания вставки
+// 5) asc_SelectionCut();
+///
+
+var c_oAscClipboardDataFormat = {
+    Text	    : 1,
+    Html	    : 2,
+    Internal    : 4,
+    HtmlElement : 8
+};
+
+function CClipboardBase()
+{
+    this.PasteFlag = false;
+    this.CopyFlag = false;
+
+    this.Api = null;
+
+    this.IsNeedDivOnCopy = AscBrowser.isIE;
+    this.IsNeedDivOnPaste = AscBrowser.isIE || AscBrowser.isMozilla;
+
+    this.IsCopyCutOnlyInEditable = AscBrowser.isIE || (AscBrowser.isMozilla && AscBrowser.isMacOs);
+    this.IsPasteOnlyInEditable = AscBrowser.isIE || AscBrowser.isMozilla || AscBrowser.isSafari;
+
+    this.CommonDivClassName = "sdk-element";
+
+    this.CommonDivIdParent = "";
+
+    this.CommonDivId = "asc_pasteBin";
+    this.CommonDiv = null;
+
+    this.CommonIframeId = "asc_pasteFrame";
+    this.CommonIframe = null;
+
+    this.ClosureParams = {};
+}
+
+CClipboardBase.prototype =
+{
+    _console_log : function(_obj)
+    {
+        console.log(_obj);
+    },
+
+    _private_oncopy : function(e)
+    {
+        this._console_log("oncopy");
+
+        if (!this.Api.asc_IsFocus(true))
+            return;
+
+        this.ClosureParams._e = e;
+        if (this.IsNeedDivOnCopy)
+        {
+            this.CommonDiv_Copy();
+        }
+        else
+        {
+            this.Api.asc_CheckCopy(this, c_oAscClipboardDataFormat.Text | c_oAscClipboardDataFormat.Html | c_oAscClipboardDataFormat.Internal);
+            e.preventDefault();
+            return false;
+        }
+    },
+
+    _private_oncut : function(e)
+    {
+        this._console_log("oncut");
+
+        if (!this.Api.asc_IsFocus(true))
+            return;
+
+        this.ClosureParams._e = e;
+        if (this.IsNeedDivOnCopy)
+        {
+            this.CommonDiv_Copy();
+        }
+        else
+        {
+            this.Api.asc_CheckCopy(this, c_oAscClipboardDataFormat.Text | c_oAscClipboardDataFormat.Html | c_oAscClipboardDataFormat.Internal);
+        }
+
+        this.Api.asc_SelectionCut();
+
+        if (!this.IsNeedDivOnCopy)
+        {
+            e.preventDefault();
+            return false;
+        }
+    },
+
+    _private_onpaste : function(e)
+    {
+        this._console_log("onpaste");
+
+        if (!this.Api.asc_IsFocus(true))
+            return;
+
+        if (!this.IsNeedDivOnPaste)
+            e.preventDefault();
+
+        this.ClosureParams._e = e;
+        if (this.Api.isLongAction())
+            return false;
+
+        this.PasteFlag = true;
+        this.Api.incrementCounterLongAction();
+
+        if (this.IsNeedDivOnPaste)
+        {
+            window.setTimeout( function()  {
+
+                g_clipboardBase.Api.asc_PasteData(c_oAscClipboardDataFormat.HtmlElement, g_clipboardBase.CommonDiv);
+                g_clipboardBase.CommonDiv_End();
+                g_clipboardBase.Paste_End();
+
+            }, 0);
+            return;
+        }
+        else
+        {
+            var _clipboard = (e && e.clipboardData) ? e.clipboardData : window.clipboardData;
+            if (!_clipboard || !_clipboard.getData)
+                return false;
+
+            var _internal = this.ClosureParams.getData("text/x-custom");
+            if (_internal && _internal != "" && _internal.indexOf("asc_internalData;") == 0)
+            {
+                this.Api.asc_PasteData(c_oAscClipboardDataFormat.Internal, _internal.substr("asc_internalData;".length));
+                g_clipboardBase.Paste_End();
+                return false;
+            }
+
+            var _html_format = this.ClosureParams.getData("text/html");
+            if (_html_format && _html_format != "")
+            {
+                var nIndex = _html_format.indexOf("</html>");
+                if(-1 != nIndex)
+                    _html_format = _html_format.substring(0, nIndex + "</html>".length);
+
+                this.CommonIframe_PasteStart(_html_format);
+                return false;
+            }
+
+            var _text_format = this.ClosureParams.getData("text/plain");
+            if (_text_format && _text_format != "")
+            {
+                var sHtml = "<html><body>";
+                var sCurPar = "";
+                var nParCount = 0;
+                for ( var i = 0, length = _text_format.length; i < length; i++ )
+                {
+                    var Char = _text_format.charAt(i);
+                    var Code = _text_format.charCodeAt(i);
+                    var Item = null;
+
+                    if ( '\n' === Char )
+                    {
+                        if("" == sCurPar)
+                            sHtml += "<p><span>&nbsp;</span></p>";
+                        else
+                        {
+                            sHtml += "<p><span>" + sCurPar + "</span></p>";
+                            sCurPar = "";
+                        }
+                        nParCount++;
+                    }
+                    else if ( 13 === Code )
+                    {
+                        continue;
+                    }
+                    else
+                    {
+                        if (32 == Code || 160 == Code) //160 - nbsp
+                            sCurPar += " ";
+                        else if (9 === Code)
+                            sCurPar += "<span style='mso-tab-count:1'>    </span>";
+                        else
+                        {
+                            if (Char == '&')
+                                sCurPar += "&amp;";
+                            else if (Char == '<')
+                                sCurPar += "&lt;";
+                            else if (Char == '>')
+                                sCurPar += "&gt;";
+                            else if (Char == '\'')
+                                sCurPar += "&apos;";
+                            else if (Char == '\"')
+                                sCurPar += "&quot;";
+                            else
+                                sCurPar += Char;
+                        }
+                    }
+                }
+                if ("" != sCurPar)
+                {
+                    if (0 == nParCount)
+                        sHtml += ("<span>" + sCurPar + "</span>");
+                    else
+                        sHtml += ("<p><span>" + sCurPar + "</span></p>");
+                    sCurPar = "";
+                }
+                sHtml += "</body></html>";
+
+                this.CommonIframe_PasteStart(sHtml);
+                return false;
+            }
+        }
+
+        return false;
+    },
+
+    _private_onbeforepaste : function(e, isAttackEmulate)
+    {
+        this._console_log("onbeforepaste");
+
+        if (isAttackEmulate === true)
+        {
+            this.CommonDiv = this.CommonDiv_Check();
+            this.CommonDiv_Start();
+
+            this.CommonDiv.focus();
+            this.CommonDiv_Select();
+            return;
+        }
+
+        return false;
+    },
+
+    _private_onbeforecopy_select : function()
+    {
+        if (AscBrowser.isIE)
+        {
+            this._console_log("onbeforecopy_select");
+
+            this.CommonDiv = this.CommonDiv_Check();
+            this.CommonDiv_Start();
+            this.CommonDiv.innerHTML = "<span> </span>";
+
+            this.CommonDiv.focus();
+            this.CommonDiv_Select();
+        }
+    },
+
+    _private_onbeforecopy : function(e, isAttackEmulate)
+    {
+        this._console_log("onbeforecopy");
+
+        if (isAttackEmulate === true)
+        {
+            this.CommonDiv = this.CommonDiv_Check();
+            this.CommonDiv_Start();
+            this.CommonDiv.innerHTML = "<span> </span>";
+
+            this.CommonDiv.focus();
+            this.CommonDiv_Select();
+        }
+
+        return false;
+    },
+
+    Init : function(_api)
+    {
+        this.Api = _api;
+
+        this.ClosureParams.getData = function(type)
+        {
+            var _clipboard = (this._e && this._e.clipboardData) ? this._e.clipboardData : window.clipboardData;
+            if (!_clipboard || !_clipboard.getData)
+                return null;
+
+            var _type = type;
+            if (AscBrowser.isIE && (type == 'text' || type == 'text/plain'))
+                _type = "Text";
+
+            try
+            {
+                return _clipboard.getData(_type);
+            }
+            catch ( e )
+            {
+            }
+            return null;
+        };
+
+        this.ClosureParams.setData = function(type, _data)
+        {
+            var _clipboard = (this._e && this._e.clipboardData) ? this._e.clipboardData : window.clipboardData;
+            if (!_clipboard || !_clipboard.setData)
+                return null;
+
+            var _type = type;
+            if (AscBrowser.isIE && (type == 'text' || type == 'text/plain'))
+                _type = "Text";
+
+            try
+            {
+                _clipboard.setData(_type, _data);
+            }
+            catch ( e )
+            {
+            }
+        };
+
+        if (!AscBrowser.isIE)
+        {
+            document.oncopy = function(e) { return g_clipboardBase._private_oncopy(e) };
+            document.oncut = function(e) { return g_clipboardBase._private_oncut(e) };
+            document.onpaste = function (e) { return g_clipboardBase._private_onpaste(e); };
+            document["onbeforecopy"] = function(e) { return g_clipboardBase._private_onbeforecopy(e); };
+            document["onbeforecut"] = function(e) { return g_clipboardBase._private_onbeforecopy(e); };
+            document["onbeforepaste"] = function (e) { return g_clipboardBase._private_onbeforepaste(e); };
+        }
+        else
+        {
+            document.addEventListener("copy", function(e) { return g_clipboardBase._private_oncopy(e); });
+            document.addEventListener("cut", function(e) { return g_clipboardBase._private_oncut(e); });
+            document.addEventListener("paste", function(e) { return g_clipboardBase._private_onpaste(e); });
+            document.addEventListener("beforepaste", function(e) { return g_clipboardBase._private_onbeforepaste(e); });
+            document.addEventListener("beforecopy", function(e) { return g_clipboardBase._private_onbeforecopy(e); });
+            document.addEventListener("beforecut", function(e) { return g_clipboardBase._private_onbeforecopy(e); });
+        }
+
+        if (this.IsCopyCutOnlyInEditable || this.IsPasteOnlyInEditable)
+        {
+            document.onkeydown = function(e)
+            {
+                if (!g_clipboardBase.Api.asc_IsFocus(true) || g_clipboardBase.Api.isLongAction())
+                    return;
+
+
+                var isCtrl = (e.ctrlKey === true || e.metaKey === true);
+                var isShift = e.shiftKey;
+                var keyCode = e.keyCode;
+
+                if (g_clipboardBase.IsCopyCutOnlyInEditable)
+                {
+                    var bIsBeforeCopyCutEmulate = false;
+                    var _cut = false;
+                    if (isCtrl && !isShift && (keyCode == 67 || keyCode == 88)) // copy
+                        bIsBeforeCopyCutEmulate = true;
+                    if (!isCtrl && isShift && keyCode == 45) // cut
+                    {
+                        bIsBeforeCopyCutEmulate = true;
+                        _cut = true;
+                    }
+
+                    if (bIsBeforeCopyCutEmulate)
+                    {
+                        //g_clipboardBase._private_onbeforecopy_select();
+
+                        g_clipboardBase._console_log("emulate_beforecopycut");
+                        var isEmulate = false;
+                        try
+                        {
+                            isEmulate = _cut ? document.execCommand("beforecut") : document.execCommand("beforecopy");
+                        }
+                        catch(err)
+                        {
+                        }
+
+                        g_clipboardBase._private_onbeforecopy(undefined, !isEmulate);
+                    }
+                }
+
+                if (g_clipboardBase.IsPasteOnlyInEditable)
+                {
+                    var bIsBeforePasteEmulate = false;
+                    if (isCtrl && !isShift && keyCode == 86)
+                        bIsBeforePasteEmulate = true;
+                    if (!isCtrl && isShift && keyCode == 45)
+                        bIsBeforePasteEmulate = true;
+
+                    if (bIsBeforePasteEmulate)
+                    {
+                        g_clipboardBase._console_log("emulate_beforepaste");
+                        var isEmulate = false;
+                        try
+                        {
+                            isEmulate = document.execCommand("beforepaste");
+                        }
+                        catch (err)
+                        {
+                        }
+
+                        g_clipboardBase._private_onbeforepaste(undefined, !isEmulate);
+                    }
+                }
+            };
+        }
+
+        if (AscBrowser.isSafari)
+        {
+            this.CommonDiv = this.CommonDiv_Check();
+
+            setInterval(function(){
+
+                if (g_clipboardBase.Api.asc_IsFocus(true))
+                    g_clipboardBase.CommonDiv.focus();
+
+            }, 100);
+        }
+    },
+
+    CommonDiv_Check : function()
+    {
+        var ElemToSelect = document.getElementById( this.CommonDivId );
+        if ( !ElemToSelect )
+        {
+            ElemToSelect = document.createElement("div");
+            ElemToSelect.id = this.CommonDivId;
+            ElemToSelect.className = this.CommonDivClassName;
+            ElemToSelect.style.position = "absolute";
+            ElemToSelect.style.left = '0px';
+            ElemToSelect.style.top = '-100px';
+            ElemToSelect.style.width = '10000px';
+            ElemToSelect.style.height = '100px';
+            ElemToSelect.style.overflow = 'hidden';
+            ElemToSelect.style.zIndex = -1000;
+            ElemToSelect.style.MozUserSelect = "text";
+            ElemToSelect.style["-khtml-user-select"] = "text";
+            ElemToSelect.style["-o-user-select"] = "text";
+            ElemToSelect.style["user-select"] = "text";
+            ElemToSelect.style["-webkit-user-select"] = "text";
+            ElemToSelect.setAttribute("contentEditable", true);
+
+            var _parent = ("" == this.CommonDivIdParent) ? document.body : document.getElementById(this.CommonDivIdParent);
+            _parent.appendChild(ElemToSelect);
+        }
+        return ElemToSelect;
+    },
+
+    CommonDiv_Select : function()
+    {
+        var ElemToSelect = this.CommonDiv;
+        if (window.getSelection) // all browsers, except IE before version 9
+        {
+            var selection = window.getSelection();
+            var rangeToSelect = document.createRange();
+
+            var is_gecko = AscBrowser.isGecko;
+            if (is_gecko)
+            {
+                ElemToSelect.appendChild( document.createTextNode( '\xa0' ) );
+                ElemToSelect.insertBefore( document.createTextNode( '\xa0' ), ElemToSelect.firstChild );
+                rangeToSelect.setStartAfter (ElemToSelect.firstChild);
+                rangeToSelect.setEndBefore (ElemToSelect.lastChild);
+            }
+            else
+            {
+                var aChildNodes = ElemToSelect.childNodes;
+                if(aChildNodes.length == 1)
+                {
+                    var elem = aChildNodes[0];
+                    var wrap = document.createElement("b");
+                    wrap.setAttribute("style", "font-weight:normal; background-color: transparent; color: transparent;");
+                    elem = ElemToSelect.removeChild(elem);
+                    wrap.appendChild(elem);
+                    ElemToSelect.appendChild(wrap);
+                }
+                rangeToSelect.selectNodeContents (ElemToSelect);
+            }
+
+            selection.removeAllRanges ();
+            selection.addRange (rangeToSelect);
+        }
+        else
+        {
+            if (document.body.createTextRange) // Internet Explorer
+            {
+                var rangeToSelect = document.body.createTextRange();
+                rangeToSelect.moveToElementText(ElemToSelect);
+                rangeToSelect.select();
+            }
+        }
+    },
+
+    CommonDiv_Start : function()
+    {
+        this.ClosureParams.overflowBody = document.body.style.overflow;
+        document.body.style.overflow = 'hidden';
+
+        this.ClosureParams.backgroundcolorBody = document.body.style["background-color"];
+        document.body.style["background-color"] = "transparent";
+
+        var ElemToSelect = this.CommonDiv;
+        ElemToSelect.style.display  = "block";
+
+        while ( ElemToSelect.hasChildNodes() )
+            ElemToSelect.removeChild( ElemToSelect.lastChild );
+
+        document.body.style.MozUserSelect = "text";
+        delete document.body.style["-khtml-user-select"];
+        delete document.body.style["-o-user-select"];
+        delete document.body.style["user-select"];
+        document.body.style["-webkit-user-select"] = "text";
+
+        ElemToSelect.style.MozUserSelect = "all";
+    },
+
+    CommonDiv_End : function()
+    {
+        var ElemToSelect = this.CommonDiv;
+
+        ElemToSelect.style.display = AscBrowser.isSafari ? "block" : "none";
+        document.body.style.MozUserSelect = "none";
+        document.body.style["-khtml-user-select"] = "none";
+        document.body.style["-o-user-select"] = "none";
+        document.body.style["user-select"] = "none";
+        document.body.style["-webkit-user-select"] = "none";
+
+        document.body.style["background-color"] = this.ClosureParams.backgroundcolorBody;
+
+        ElemToSelect.style.MozUserSelect = "none";
+        document.body.style.overflow = this.ClosureParams.overflowBody;
+
+        this.CopyFlag = false;
+    },
+
+    CommonDiv_Copy : function()
+    {
+        this.CopyFlag = true;
+        this.CommonDiv = this.CommonDiv_Check();
+
+        this.CommonDiv_Start();
+
+        this.ClosureParams.isDivCopy = true;
+        this.Api.asc_CheckCopy(this, c_oAscClipboardDataFormat.Html);
+        this.ClosureParams.isDivCopy = false;
+
+        this.CommonDiv_Select();
+
+        window.setTimeout( function()  {
+
+            g_clipboardBase.CommonDiv_End();
+
+        }, 0);
+    },
+
+    CommonDiv_Execute_CopyCut : function()
+    {
+        if (this.IsCopyCutOnlyInEditable)
+        {
+            this._private_onbeforecopy(undefined, true);
+        }
+    },
+
+    CommonIframe_PasteStart : function(_html_data)
+    {
+        var ifr = document.getElementById(this.CommonIframeId);
+        if (!ifr)
+        {
+            ifr = document.createElement("iframe");
+            ifr.name = this.CommonIframeId;
+            ifr.id = this.CommonIframeId;
+            ifr.style.position = 'absolute';
+            ifr.style.top = '-100px';
+            ifr.style.left = '0px';
+            ifr.style.width = '10000px';
+            ifr.style.height = '100px';
+            ifr.style.overflow = 'hidden';
+            ifr.style.zIndex = -1000;
+            document.body.appendChild(ifr);
+
+            this.CommonIframe = ifr;
+        }
+        else
+            ifr.style.width = '10000px';
+
+        var frameWindow = window.frames[this.CommonIframeId];
+        if(frameWindow)
+        {
+            frameWindow.document.open();
+            frameWindow.document.write(_html_data);
+            frameWindow.document.close();
+            if(null != frameWindow.document && null != frameWindow.document.body)
+            {
+                ifr.style.display  = "block";
+
+                this.Api.asc_PasteData(c_oAscClipboardDataFormat.HtmlElement, frameWindow.document.body, ifr);
+            }
+        }
+
+        ifr.style.width = '100px';
+
+        g_clipboardBase.Paste_End();
+    },
+
+    CommonIframe_PasteEnd : function()
+    {
+        if (this.CommonIframe && this.CommonIframe.style.display != "none")
+        {
+            this.CommonIframe.blur();
+            this.CommonIframe.style.display = "none";
+        }
+    },
+
+    Paste_End : function()
+    {
+        this.CommonIframe_PasteEnd();
+        this.Api.decrementCounterLongAction();
+        this.PasteFlag = false;
+    },
+
+    pushData : function(_format, _data)
+    {
+        if (this.ClosureParams.isDivCopy === true)
+        {
+            if (_format == c_oAscClipboardDataFormat.Html)
+                this.CommonDiv.innerHTML = _data;
+            return;
+        }
+
+        var _data_format = "";
+        switch (_format)
+        {
+            case c_oAscClipboardDataFormat.Html:
+                _data_format = "text/html";
+                break;
+            case c_oAscClipboardDataFormat.Text:
+                _data_format = "text/plain";
+                break;
+            case c_oAscClipboardDataFormat.Internal:
+                _data_format = "text/x-custom";
+                break;
+            default:
+                break;
+        }
+
+        if (_data_format != "")
+        {
+            if (_data_format == "text/x-custom")
+                this.ClosureParams.setData(_data_format, "asc_internalData;" + _data);
+            else
+                this.ClosureParams.setData(_data_format, _data);
+        }
+    },
+
+    Button_Copy : function()
+    {
+        this.CommonDiv_Execute_CopyCut();
+        return document.execCommand("copy");
+    },
+
+    Button_Cut : function()
+    {
+        this.CommonDiv_Execute_CopyCut();
+        return document.execCommand("cut");
+    },
+
+    Button_Paste : function()
+    {
+        return document.execCommand("paste");
+    }
+};
+
+var g_clipboardBase = new CClipboardBase();
\ No newline at end of file