socialforge/public/assets/kindeditor/pasteimg.js

// Generated by CoffeeScript 1.9.0

/* 
 paste.js is an interface to read data ( text / image ) from clipboard in different browsers. It also contains several hacks.
 https://github.com/layerssss/paste.js
 */

(function() {
    var $, Paste, createHiddenEditable, dataURLtoBlob;

    $ = window.jQuery;

    $.paste = function(pasteContainer) {
        var pm;
        if (typeof console !== "undefined" && console !== null) {
            console.log("DEPRECATED: This method is deprecated. Please use $.fn.pastableNonInputable() instead.");
        }
        pm = Paste.mountNonInputable(pasteContainer);
        return pm._container;
    };

    $.fn.pastableNonInputable = function() {
        var el, _i, _len;
        for (_i = 0, _len = this.length; _i < _len; _i++) {
            el = this[_i];
            Paste.mountNonInputable(el);
        }
        return this;
    };

    $.fn.pastableTextarea = function() {
        var el, _i, _len;
        for (_i = 0, _len = this.length; _i < _len; _i++) {
            el = this[_i];
            Paste.mountTextarea(el);
        }
        return this;
    };

    $.fn.pastableContenteditable = function() {
        var el, _i, _len;
        for (_i = 0, _len = this.length; _i < _len; _i++) {
            el = this[_i];
            Paste.mountContenteditable(el);
        }
        return this;
    };

    dataURLtoBlob = function(dataURL, sliceSize) {
        var b64Data, byteArray, byteArrays, byteCharacters, byteNumbers, contentType, i, m, offset, slice, _ref;
        if (sliceSize == null) {
            sliceSize = 512;
        }
        if (!(m = dataURL.match(/^data\:([^\;]+)\;base64\,(.+)$/))) {
            return null;
        }
        _ref = m, m = _ref[0], contentType = _ref[1], b64Data = _ref[2];
        byteCharacters = atob(b64Data);
        byteArrays = [];
        offset = 0;
        while (offset < byteCharacters.length) {
            slice = byteCharacters.slice(offset, offset + sliceSize);
            byteNumbers = new Array(slice.length);
            i = 0;
            while (i < slice.length) {
                byteNumbers[i] = slice.charCodeAt(i);
                i++;
            }
            byteArray = new Uint8Array(byteNumbers);
            byteArrays.push(byteArray);
            offset += sliceSize;
        }
        return new Blob(byteArrays, {
            type: contentType
        });
    };

    createHiddenEditable = function() {
        return $(document.createElement('div')).attr('contenteditable', true).css({
            width: 1,
            height: 1,
            position: 'fixed',
            left: -100,
            overflow: 'hidden'
        });
    };

    Paste = (function() {
        Paste.prototype._target = null;

        Paste.prototype._container = null;

        Paste.mountNonInputable = function(nonInputable) {
            var paste;
            paste = new Paste(createHiddenEditable().appendTo(nonInputable), nonInputable);
            $(nonInputable).on('click', (function(_this) {
                return function() {
                    return paste._container.focus();
                };
            })(this));
            paste._container.on('focus', (function(_this) {
                return function() {
                    return $(nonInputable).addClass('pastable-focus');
                };
            })(this));
            return paste._container.on('blur', (function(_this) {
                return function() {
                    return $(nonInputable).removeClass('pastable-focus');
                };
            })(this));
        };

        Paste.mountTextarea = function(textarea) {
            var ctlDown, paste;
            if (-1 !== navigator.userAgent.toLowerCase().indexOf('chrome')) {
                return this.mountContenteditable(textarea);
            }
            paste = new Paste(createHiddenEditable().insertBefore(textarea), textarea);
            ctlDown = false;
            $(textarea).on('keyup', function(ev) {
                var _ref;
                if ((_ref = ev.keyCode) === 17 || _ref === 224) {
                    return ctlDown = false;
                }
            });
            $(textarea).on('keydown', function(ev) {
                var _ref;
                if ((_ref = ev.keyCode) === 17 || _ref === 224) {
                    ctlDown = true;
                }
                if (ctlDown && ev.keyCode === 86) {
                    return paste._container.focus();
                }
            });
            $(paste._target).on('pasteImage', (function(_this) {
                return function() {
                    return $(textarea).focus();
                };
            })(this));
            $(paste._target).on('pasteText', (function(_this) {
                return function() {
                    return $(textarea).focus();
                };
            })(this));
            $(textarea).on('focus', (function(_this) {
                return function() {
                    return $(textarea).addClass('pastable-focus');
                };
            })(this));
            return $(textarea).on('blur', (function(_this) {
                return function() {
                    return $(textarea).removeClass('pastable-focus');
                };
            })(this));
        };

        Paste.mountContenteditable = function(contenteditable) {
            var paste;
            paste = new Paste(contenteditable, contenteditable);
            $(contenteditable).on('focus', (function(_this) {
                return function() {
                    return $(contenteditable).addClass('pastable-focus');
                };
            })(this));
            return $(contenteditable).on('blur', (function(_this) {
                return function() {
                    return $(contenteditable).removeClass('pastable-focus');
                };
            })(this));
        };

        function Paste(_at__container, _at__target) {
            this._container = _at__container;
            this._target = _at__target;
            this._container = $(this._container);
            this._target = $(this._target).addClass('pastable');
            this._container.on('paste', (function(_this) {
                return function(ev) {
                    var clipboardData, file, item, reader, text, _i, _j, _len, _len1, _ref, _ref1, _ref2, _ref3, _results;
                    if (((_ref = ev.originalEvent) != null ? _ref.clipboardData : void 0) != null) {
                        clipboardData = ev.originalEvent.clipboardData;
                        if (clipboardData.items) {
                            _ref1 = clipboardData.items;
                            for (_i = 0, _len = _ref1.length; _i < _len; _i++) {
                                item = _ref1[_i];
                                if (item.type.match(/^image\//)) {
                                    reader = new FileReader();
                                    reader.onload = function(event) {
                                        return _this._handleImage(event.target.result);
                                    };
                                    reader.readAsDataURL(item.getAsFile());
                                }
                                if (item.type === 'text/plain') {
                                    item.getAsString(function(string) {
                                        return _this._target.trigger('pasteText', {
                                            text: string
                                        });
                                    });
                                }
                            }
                        } else {
                            if (-1 !== Array.prototype.indexOf.call(clipboardData.types, 'text/plain')) {
                                text = clipboardData.getData('Text');
                                _this._target.trigger('pasteText', {
                                    text: text
                                });
                            }
                            _this._checkImagesInContainer(function(src) {
                                return _this._handleImage(src);
                            });
                        }
                    }
                    if (clipboardData = window.clipboardData) {
                        if ((_ref2 = (text = clipboardData.getData('Text'))) != null ? _ref2.length : void 0) {
                            return _this._target.trigger('pasteText', {
                                text: text
                            });
                        } else {
                            _ref3 = clipboardData.files;
                            _results = [];
                            for (_j = 0, _len1 = _ref3.length; _j < _len1; _j++) {
                                file = _ref3[_j];
                                _this._handleImage(URL.createObjectURL(file));
                                _results.push(_this._checkImagesInContainer(function() {}));
                            }
                            return _results;
                        }
                    }
                };
            })(this));
        }

        Paste.prototype._handleImage = function(src) {
            var loader;
            loader = new Image();
            loader.onload = (function(_this) {
                return function() {
                    var blob, canvas, ctx, dataURL;
                    canvas = document.createElement('canvas');
                    canvas.width = loader.width;
                    canvas.height = loader.height;
                    ctx = canvas.getContext('2d');
                    ctx.drawImage(loader, 0, 0, canvas.width, canvas.height);
                    dataURL = null;
                    try {
                        dataURL = canvas.toDataURL('image/png');
                        blob = dataURLtoBlob(dataURL);
                    } catch (_error) {}
                    if (dataURL) {
                        return _this._target.trigger('pasteImage', {
                            blob: blob,
                            dataURL: dataURL,
                            width: loader.width,
                            height: loader.height
                        });
                    }
                };
            })(this);
            return loader.src = src;
        };

        Paste.prototype._checkImagesInContainer = function(cb) {
            var img, timespan, _i, _len, _ref;
            timespan = Math.floor(1000 * Math.random());
            _ref = this._container.find('img');
            for (_i = 0, _len = _ref.length; _i < _len; _i++) {
                img = _ref[_i];
                img["_paste_marked_" + timespan] = true;
            }
            return setTimeout((function(_this) {
                return function() {
                    var _j, _len1, _ref1, _results;
                    _ref1 = _this._container.find('img');
                    _results = [];
                    for (_j = 0, _len1 = _ref1.length; _j < _len1; _j++) {
                        img = _ref1[_j];
                        if (!img["_paste_marked_" + timespan]) {
                            cb(img.src);
                        }
                        //firefox问题处理，因为采用了 pastableContenteditable 模式，故只需要删除默认的粘贴
                        if ($(img).attr('src').startsWith('data:image/')) {
                            _results.push($(img).remove());
                        };
                    }
                    return _results;
                };
            })(this), 1);
        };

        return Paste;

    })();

}).call(this);

function enablePasteImg(_editor) {
    var editor = _editor,
        name = 'paste';
    if(editor.edit == undefined || editor.edit.iframe == undefined){
        return;
    }
    var contentWindow = editor.edit.iframe[0].contentWindow;
    //var contentWindow = editor.iframeDoc;
    //var contentWindow = document.getElementsByTagName('iframe')[0].contentWindow;
    var nodeBody = contentWindow.document.getElementsByTagName('body')[0];
    console.log(nodeBody);
    $(nodeBody).pastableContenteditable();

    dataURItoBlob = function(dataURI) {
        // convert base64/URLEncoded data component to raw binary data held in a string
        var byteString;
        if (dataURI.split(',')[0].indexOf('base64') >= 0)
            byteString = atob(dataURI.split(',')[1]);
        else
            byteString = unescape(dataURI.split(',')[1]);

        // separate out the mime component
        var mimeString = dataURI.split(',')[0].split(':')[1].split(';')[0];

        // write the bytes of the string to a typed array
        var ia = new Uint8Array(byteString.length);
        for (var i = 0; i < byteString.length; i++) {
            ia[i] = byteString.charCodeAt(i);
        }

        return new Blob([ia], {type:mimeString});
    };

    $(nodeBody).on('pasteImage', function(ev, data) {
        //粘贴图片时走这里会出现两张图片走df()即可
//        console.log('pasteImage');
//        console.log("dataURL: " + data.dataURL);
//        console.log("width: " + data.width);
//        console.log("height: " + data.height);
//        var blob = dataURItoBlob(data.dataURL);
//        if (data.blob !== null) {
//            var data = new FormData();
//            data.append("imgFile",blob, "imageFilename.png");
//            console.log(data);
//            $.ajax({
//                url: '/kindeditor/upload?dir=image',
//                contentType: false,
//                type: 'POST',
//                data: data,
//                processData: false,
//                success: function(data) {
//                    console.log(data);
//                    editor.exec('insertimage', JSON.parse(data).url);
//                }
//            });
//        }
    });
    return;
};

//复制粘贴时把远程图片上传到服务器
function df(myself) {
//    var img = $("#ke_paste").find("img");
    var currele = document.activeElement;
    var img = $(currele).contents().find("img");
    var piccount = 0;
    var sstr = "";
    $(img).each(function (i) {
        var that = $(this);
        if(that.attr("src")) {
            if (that.attr("src").indexOf("http://") >= 0 || that.attr("src").indexOf("https://") >= 0) {
                piccount++;
                if (i == $(img).length - 1)
                    sstr += that.attr("src");
                else
                    sstr += that.attr("src") + "|";
            }
            else if (that.attr("src").indexOf("data:image") >= 0){
                //去掉外链
//                that.parents().removeAttr("href"); //删除所有父节点的href
            }
        }
    });
    uploadpic(sstr,myself);
}

function keShadow(myself)
{
    var keShadowContainer = document.getElementById("ke_shadow");
    if (keShadowContainer == null) {
        keShadowContainer = document.createElement("div");
        keShadowContainer.id = "ke_shadow";
        keShadowContainer.innerHTML = "<div class='ui-widget-overlay'  z-index: 1001;'></div>";
        $("#ajax-modal").after(keShadowContainer);
    }
    var tWidth = document.body.scrollWidth;
    var tHeight = document.body.scrollHeight;
    $(".ui-widget-overlay").css("width", tWidth);
    $(".ui-widget-overlay").css("height", tHeight);
    $("#ke_shadow").show();
    myself.readonly();
}

function uploadpic(piclist,myself) {
    if (piclist.length == 0) return false;
    $.ajax({
        url: "/kindeditor/uploadpic",
        data:{"pic":piclist},
        type: "POST",
        beforeSend: function () {
//            $("#ajax-indicator span").text("图片上传中请稍等...");
            keShadow(myself);
        },
        success: function (msg) {
            if (msg !== "") {
                var str = new Array();
                str = msg.split('|');
                var currele = document.activeElement;
                var img = $(currele).contents().find("img");
                var tIndex = 0;
                $(img).each(function (i) {
                    var that = $(this);
                    if(that.attr("src")){
                        if (that.attr("src").indexOf("http://") >= 0 || that.attr("src").indexOf("https://") >= 0) {
                            that.attr("src",  str[tIndex]);
                            that.attr("data-ke-src", str[tIndex]);

                            //复制过来带的链接class等都要去掉 和视频图片有关系
                            that.removeAttr("class");
                            //去掉外链
//                            that.parent().removeAttr("class");
//                            that.parents().removeAttr("href"); //删除所有父节点的href
//                            that.parent().removeAttr("data-ke-src");
                            tIndex = tIndex + 1;
                        }
                    }
                });
            }
            //                $("#ajax-indicator span").text("载入中...");
            $("#ke_shadow").hide();
            myself.readonly(false);
        }
    }).fail(function(xhr, status){
//        $("#ajax-indicator span").text("载入中...");
        $("#ke_shadow").hide();
        myself.readonly(false);
        return;
    });
}