Ueditor解决safari浏览器粘贴图片问题

来源：互联网发布：阿里云服务器能退吗编辑：程序博客网时间：2024/05/01 03:44

1.修改ueditor.all.js文件中的inserthtml函数

/**

* 插入html代码

* @command inserthtml

* @method execCommand

* @param { String } cmd 命令字符串

* @param { String } html 插入的html字符串

* @remaind 插入的标签内容是在当前的选区位置上插入，如果当前是闭合状态，那直接插入内容，如果当前是选中状态，将先清除当前选中内容后，再做插入

* @warning 注意:该命令会对当前选区的位置，对插入的内容进行过滤转换处理。过滤的规则遵循html语意化的原则。

* @example

* ```javascript

* //xxx[BB]xxx 当前选区为非闭合选区，选中BB这两个文本

* //执行命令，插入CC

* //插入后的效果 xxxCCxxx

* //xx|xxx 当前选区为闭合状态

* //插入CC

* //结果 xxCCxxx

* //xxxx|xxx 当前选区在两个p标签之间

* //插入 xxxx

* //结果 xxxxxxxxxxx

* ```

UE.commands['inserthtml'] = {

execCommand: function (command,html,notNeedFilter){

var me = this,

range,

div;

if(!html){

return;

}

if(me.fireEvent('beforeinserthtml',html) ===true){

return;

}

range = me.selection.getRange();

div = range.document.createElement( 'div' );

div.style.display = 'inline';

if (!notNeedFilter) {

var root = UE.htmlparser(html);

//如果给了过滤规则就先进行过滤

if(me.options.filterRules){

UE.filterNode(root,me.options.filterRules);

}

//执行默认的处理

me.filterInputRule(root);

html = root.toHtml()

}

// 禁止safari浏览器

if (html.indexOf('webkit-fake-url')>0 || html.indexOf('image.tiff')>0) {

if (window.BrowserEvent) {

// safari粘贴图片弹窗提示

BrowserEvent.PreventPasteTip();

setTimeout("BrowserEvent.PreventPasteTip();", 1000);

}

return;

}

div.innerHTML = utils.trim( html );

if ( !range.collapsed ) {

var tmpNode = range.startContainer;

if(domUtils.isFillChar(tmpNode)){

range.setStartBefore(tmpNode)

}

tmpNode = range.endContainer;

if(domUtils.isFillChar(tmpNode)){

range.setEndAfter(tmpNode)

}

range.txtToElmBoundary();

//结束边界可能放到了br的前边，要把br包含进来

// x[xxx]

if(range.endContainer && range.endContainer.nodeType == 1){

tmpNode = range.endContainer.childNodes[range.endOffset];

if(tmpNode && domUtils.isBr(tmpNode)){

range.setEndAfter(tmpNode);

}

if(range.startOffset == 0){

tmpNode = range.startContainer;

if(domUtils.isBoundaryNode(tmpNode,'firstChild') ){

tmpNode = range.endContainer;

if(range.endOffset == (tmpNode.nodeType == 3 ? tmpNode.nodeValue.length : tmpNode.childNodes.length) && domUtils.isBoundaryNode(tmpNode,'lastChild')){

me.body.innerHTML = ''+(browser.ie ? '' : ' ')+'';

range.setStart(me.body.firstChild,0).collapse(true)

}

!range.collapsed && range.deleteContents();

if(range.startContainer.nodeType == 1){

var child = range.startContainer.childNodes[range.startOffset],pre;

if(child && domUtils.isBlockElm(child) && (pre = child.previousSibling) && domUtils.isBlockElm(pre)){

range.setEnd(pre,pre.childNodes.length).collapse();

while(child.firstChild){

pre.appendChild(child.firstChild);

}

domUtils.remove(child);

}

var child,parent,pre,tmp,hadBreak = 0, nextNode;

//如果当前位置选中了fillchar要干掉，要不会产生空行

if(range.inFillChar()){

child = range.startContainer;

if(domUtils.isFillChar(child)){

range.setStartBefore(child).collapse(true);

domUtils.remove(child);

}else if(domUtils.isFillChar(child,true)){

child.nodeValue = child.nodeValue.replace(fillCharReg,'');

range.startOffset--;

range.collapsed && range.collapse(true)

}

//列表单独处理

var li = domUtils.findParentByTagName(range.startContainer,'li',true);

if(li){

var next,last;

while(child = div.firstChild){

//针对hr单独处理一下先

while(child && (child.nodeType == 3 || !domUtils.isBlockElm(child) || child.tagName=='HR' )){

next = child.nextSibling;

range.insertNode( child).collapse();

last = child;

child = next;

}

if(child){

if(/^(ol|ul)$/i.test(child.tagName)){

while(child.firstChild){

last = child.firstChild;

domUtils.insertAfter(li,child.firstChild);

li = li.nextSibling;

}

domUtils.remove(child)

}else{

var tmpLi;

next = child.nextSibling;

tmpLi = me.document.createElement('li');

domUtils.insertAfter(li,tmpLi);

tmpLi.appendChild(child);

last = child;

child = next;

li = tmpLi;

}

li = domUtils.findParentByTagName(range.startContainer,'li',true);

if(domUtils.isEmptyBlock(li)){

domUtils.remove(li)

}

if(last){

range.setStartAfter(last).collapse(true).select(true)

}

}else{

while ( child = div.firstChild ) {

if(hadBreak){

var p = me.document.createElement('p');

while(child && (child.nodeType == 3 || !dtd.$block[child.tagName])){

nextNode = child.nextSibling;

p.appendChild(child);

child = nextNode;

}

if(p.firstChild){

child = p

}

range.insertNode( child );

nextNode = child.nextSibling;

if ( !hadBreak && child.nodeType == domUtils.NODE_ELEMENT && domUtils.isBlockElm( child ) ){

parent = domUtils.findParent( child,function ( node ){return domUtils.isBlockElm( node ); } );

if ( parent && parent.tagName.toLowerCase() !='body' && !(dtd[parent.tagName][child.nodeName] && child.parentNode === parent)){

if(!dtd[parent.tagName][child.nodeName]){

pre = parent;

}else{

tmp = child.parentNode;

while (tmp !== parent){

pre = tmp;

tmp = tmp.parentNode;

}

domUtils.breakParent( child, pre || tmp );

//去掉break后前一个多余的节点 |<[p> ==> <div></div>|

var pre = child.previousSibling;

domUtils.trimWhiteTextNode(pre);

if(!pre.childNodes.length){

domUtils.remove(pre);

}

//trace:2012,在非ie的情况，切开后剩下的节点有可能不能点入光标添加br占位

if(!browser.ie &&

(next = child.nextSibling) &&

domUtils.isBlockElm(next) &&

next.lastChild &&

!domUtils.isBr(next.lastChild)){

next.appendChild(me.document.createElement('br'));

}

hadBreak = 1;

}

var next = child.nextSibling;

if(!div.firstChild && next && domUtils.isBlockElm(next)){

range.setStart(next,0).collapse(true);

break;

}

range.setEndAfter( child ).collapse();

}

child = range.startContainer;

if(nextNode && domUtils.isBr(nextNode)){

domUtils.remove(nextNode)

}

//用chrome可能有空白展位符

if(domUtils.isBlockElm(child) && domUtils.isEmptyNode(child)){

if(nextNode = child.nextSibling){

domUtils.remove(child);

if(nextNode.nodeType == 1 && dtd.$block[nextNode.tagName]){

range.setStart(nextNode,0).collapse(true).shrinkBoundary()

}

}else{

try{

child.innerHTML = browser.ie ? domUtils.fillChar : ' ';

}catch(e){

range.setStartBefore(child);

domUtils.remove(child)

}

//加上true因为在删除表情等时会删两次，第一次是删的fillData

try{

range.select(true);

}catch(e){}

}

setTimeout(function(){

range = me.selection.getRange();

// 此行代码是控制插入表情之后页面滚动的

// range.scrollToView(me.autoHeightEnabled,me.autoHeightEnabled ? domUtils.getXY(me.iframe).y:0);

me.fireEvent('afterinserthtml', html);

},200);

}

};

0 0