xxxxxxxxxx
==> xxx
xxxxx
*/
breakParent:function ( node, parent ) {
var tmpNode, parentClone = node, clone = node, leftNodes, rightNodes;
do {
parentClone = parentClone.parentNode;
if ( leftNodes ) {
tmpNode = parentClone.cloneNode( false );
tmpNode.appendChild( leftNodes );
leftNodes = tmpNode;
tmpNode = parentClone.cloneNode( false );
tmpNode.appendChild( rightNodes );
rightNodes = tmpNode;
} else {
leftNodes = parentClone.cloneNode( false );
rightNodes = leftNodes.cloneNode( false );
}
while ( tmpNode = clone.previousSibling ) {
leftNodes.insertBefore( tmpNode, leftNodes.firstChild );
}
while ( tmpNode = clone.nextSibling ) {
rightNodes.appendChild( tmpNode );
}
clone = parentClone;
} while ( parent !== parentClone );
tmpNode = parent.parentNode;
tmpNode.insertBefore( leftNodes, parent );
tmpNode.insertBefore( rightNodes, parent );
tmpNode.insertBefore( node, rightNodes );
domUtils.remove( parent );
return node;
},
/**
* 检查是否是空inline节点
* @param {Node} node 节点
* @return {Boolean} 返回1为是，0为否
* @example
* <b><i></i></b> //true
* true
* <b></b> true <b>xx<i></i></b> //false
*/
isEmptyInlineElement:function ( node ) {
if ( node.nodeType != 1 || !dtd.$removeEmpty[ node.tagName ] ) {
return 0;
}
node = node.firstChild;
while ( node ) {
//如果是创建的bookmark就跳过
if ( domUtils.isBookmarkNode( node ) ) {
return 0;
}
if ( node.nodeType == 1 && !domUtils.isEmptyInlineElement( node ) ||
node.nodeType == 3 && !domUtils.isWhitespace( node )
) {
return 0;
}
node = node.nextSibling;
}
return 1;
},
/**
* 删除空白子节点
* @param {Element} node 需要删除空白子节点的元素
*/
trimWhiteTextNode:function ( node ) {
function remove( dir ) {
var child;
while ( (child = node[dir]) && child.nodeType == 3 && domUtils.isWhitespace( child ) ) {
node.removeChild( child )
}
}
remove( 'firstChild' );
remove( 'lastChild' );
},
/**
* 合并子节点
* @param {Node} node 节点
* @param {String} tagName 标签
* @param {String} attrs 属性
* @example <span style="font-size:12px;">xx<span style="font-size:12px;">aa</span>xx</span 使用后
* <span style="font-size:12px;">xxaaxx</span
*/
mergChild:function ( node, tagName, attrs ) {
var list = domUtils.getElementsByTagName( node, node.tagName.toLowerCase() );
for ( var i = 0, ci; ci = list[i++]; ) {
if ( !ci.parentNode || domUtils.isBookmarkNode( ci ) ) {
continue;
}
//span单独处理
if ( ci.tagName.toLowerCase() == 'span' ) {
if ( node === ci.parentNode ) {
domUtils.trimWhiteTextNode( node );
if ( node.childNodes.length == 1 ) {
node.style.cssText = ci.style.cssText + ";" + node.style.cssText;
domUtils.remove( ci, true );
continue;
}
}
ci.style.cssText = node.style.cssText + ';' + ci.style.cssText;
if ( attrs ) {
var style = attrs.style;
if ( style ) {
style = style.split( ';' );
for ( var j = 0, s; s = style[j++]; ) {
ci.style[utils.cssStyleToDomStyle( s.split( ':' )[0] )] = s.split( ':' )[1];
}
}
}
if ( domUtils.isSameStyle( ci, node ) ) {
domUtils.remove( ci, true );
}
continue;
}
if ( domUtils.isSameElement( node, ci ) ) {
domUtils.remove( ci, true );
}
}
if ( tagName == 'span' ) {
var as = domUtils.getElementsByTagName( node, 'a' );
for ( var i = 0, ai; ai = as[i++]; ) {
ai.style.cssText = ';' + node.style.cssText;
ai.style.textDecoration = 'underline';
}
}
},
/**
* 封装原生的getElemensByTagName
* @param {Node} node 根节点
* @param {String} name 标签的tagName
* @return {Array} 返回符合条件的元素数组
*/
getElementsByTagName:function ( node, name ) {
var list = node.getElementsByTagName( name ), arr = [];
for ( var i = 0, ci; ci = list[i++]; ) {
arr.push( ci )
}
return arr;
},
/**
* 将子节点合并到父节点上
* @param {Element} node 节点
* @example <span style="color:#ff"><span style="font-size:12px">xxx</span></span> ==> <span style="color:#ff;font-size:12px">xxx</span>
*/
mergToParent:function ( node ) {
var parent = node.parentNode;
while ( parent && dtd.$removeEmpty[parent.tagName] ) {
if ( parent.tagName == node.tagName || parent.tagName == 'A' ) {//针对a标签单独处理
domUtils.trimWhiteTextNode( parent );
//span需要特殊处理 不处理这样的情况 xxxxxxxxx
if ( parent.tagName == 'SPAN' && !domUtils.isSameStyle( parent, node )
|| (parent.tagName == 'A' && node.tagName == 'SPAN') ) {
if ( parent.childNodes.length > 1 || parent !== node.parentNode ) {
node.style.cssText = parent.style.cssText + ";" + node.style.cssText;
parent = parent.parentNode;
continue;
} else {
parent.style.cssText += ";" + node.style.cssText;
//trace:952 a标签要保持下划线
if ( parent.tagName == 'A' ) {
parent.style.textDecoration = 'underline';
}
}
}
if ( parent.tagName != 'A' ) {
parent === node.parentNode && domUtils.remove( node, true );
break;
}
}
parent = parent.parentNode;
}
},
/**
* 合并左右兄弟节点
* @function
* @param {Node} node
* @param {Boolean} ingoreNext 默认为false合并上一个兄弟节点。true为不合并上一个兄弟节点
* @param {Boolean} ingorePre 默认为false合并下一个兄弟节点。true为不合并下一个兄弟节点
* @example <b>xxxx</b><b>xxx</b><b>xxxx</b> ==> <b>xxxxxxxxxxx</b>
*/
mergSibling:function ( node, ingorePre, ingoreNext ) {
function merg( rtl, start, node ) {
var next;
if ( (next = node[rtl]) && !domUtils.isBookmarkNode( next ) && next.nodeType == 1 && domUtils.isSameElement( node, next ) ) {
while ( next.firstChild ) {
if ( start == 'firstChild' ) {
node.insertBefore( next.lastChild, node.firstChild );
} else {
node.appendChild( next.firstChild );
}
}
domUtils.remove( next );
}
}
!ingorePre && merg( 'previousSibling', 'firstChild', node );
!ingoreNext && merg( 'nextSibling', 'lastChild', node );
},
/**
* 使得元素及其子节点不能被选择
* @function
* @param {Node} node 节点
*/
unselectable:ie || browser.opera ? function ( node ) {
//for ie9
node.onselectstart = function () {
return false;
};
node.onclick = node.onkeyup = node.onkeydown = function () {
return false;
};
node.unselectable = 'on';
node.setAttribute( "unselectable", "on" );
for ( var i = 0, ci; ci = node.all[i++]; ) {
switch ( ci.tagName.toLowerCase() ) {
case 'iframe' :
case 'textarea' :
case 'input' :
case 'select' :
break;
default :
ci.unselectable = 'on';
node.setAttribute( "unselectable", "on" );
}
}
} : function ( node ) {
node.style.MozUserSelect =
node.style.webkitUserSelect =
node.style.KhtmlUserSelect = 'none';
},
/**
* 删除元素上的属性，可以删除多个
* @function
* @param {Element} element 元素
* @param {Array} attrNames 要删除的属性数组
*/
removeAttributes:function ( elm, attrNames ) {
for ( var i = 0, ci; ci = attrNames[i++]; ) {
ci = attrFix[ci] || ci;
switch ( ci ) {
case 'className':
elm[ci] = '';
break;
case 'style':
elm.style.cssText = '';
!browser.ie && elm.removeAttributeNode( elm.getAttributeNode( 'style' ) )
}
elm.removeAttribute( ci );
}
},
creElm:function ( doc, tag, attrs ) {
return this.setAttributes( doc.createElement( tag ), attrs )
},
/**
* 给节点添加属性
* @function
* @param {Node} node 节点
* @param {Object} attrNames 要添加的属性名称，采用json对象存放
*/
setAttributes:function ( node, attrs ) {
for ( var name in attrs ) {
var value = attrs[name];
switch ( name ) {
case 'class':
//ie下要这样赋值，setAttribute不起作用
node.className = value;
break;
case 'style' :
node.style.cssText = node.style.cssText + ";" + value;
break;
case 'innerHTML':
node[name] = value;
break;
case 'value':
node.value = value;
break;
default:
node.setAttribute( attrFix[name] || name, value );
}
}
return node;
},
/**
* 获取元素的样式
* @function
* @param {Element} element 元素
* @param {String} styleName 样式名称
* @return {String} 样式值
*/
getComputedStyle:function ( element, styleName ) {
function fixUnit( key, val ) {
if ( key == 'font-size' && /pt$/.test( val ) ) {
val = Math.round( parseFloat( val ) / 0.75 ) + 'px';
}
return val;
}
if ( element.nodeType == 3 ) {
element = element.parentNode;
}
//ie下font-size若body下定义了font-size，则从currentStyle里会取到这个font-size. 取不到实际值，故此修改.
if ( browser.ie && browser.version < 9 && styleName == 'font-size' && !element.style.fontSize &&
!dtd.$empty[element.tagName] && !dtd.$nonChild[element.tagName] ) {
var span = element.ownerDocument.createElement( 'span' );
span.style.cssText = 'padding:0;border:0;font-family:simsun;';
span.innerHTML = '.';
element.appendChild( span );
var result = span.offsetHeight;
element.removeChild( span );
span = null;
return result + 'px';
}
try {
var value = domUtils.getStyle( element, styleName ) ||
(window.getComputedStyle ? domUtils.getWindow( element ).getComputedStyle( element, '' ).getPropertyValue( styleName ) :
( element.currentStyle || element.style )[utils.cssStyleToDomStyle( styleName )]);
} catch ( e ) {
return null;
}
return fixUnit( styleName, utils.fixColor( styleName, value ) );
},
/**
* 删除cssClass，可以支持删除多个class
* @param {Element} element 元素
* @param {Array} classNames 删除的className
*/
removeClasses:function ( element, classNames ) {
classNames = utils.isArray( classNames ) ? classNames : [classNames];
element.className = (' ' + element.className + ' ').replace(
new RegExp( '(?:\\s+(?:' + classNames.join( '|' ) + '))+\\s+', 'g' ), ' ' );
},
/**
* 增加一个class
* @param element
* @param className
*/
addClass:function ( element, className ) {
if ( !this.hasClass( element, className ) ) {
element.className += " " + className;
}
},
/**
* 删除元素的样式
* @param {Element} element元素
* @param {String} name 删除的样式名称
*/
removeStyle:function ( node, name ) {
node.style[utils.cssStyleToDomStyle( name )] = '';
if ( !node.style.cssText ) {
domUtils.removeAttributes( node, ['style'] );
}
},
/**
* 判断元素属性中是否包含某一个classname
* @param {Element} element 元素
* @param {String} className 样式名
* @returns {Boolean} 是否包含该classname
*/
hasClass:function ( element, className ) {
return ( ' ' + element.className + ' ' ).indexOf( ' ' + className + ' ' ) > -1;
},
/**
* 阻止事件默认行为
* @param {Event} evt 需要组织的事件对象
*/
preventDefault:function ( evt ) {
evt.preventDefault ? evt.preventDefault() : (evt.returnValue = false);
},
/**
* 获得元素样式
* @param {Element} element 元素
* @param {String} name 样式名称
* @return {String} 返回元素样式值
*/
getStyle:function ( element, name ) {
var value = element.style[ utils.cssStyleToDomStyle( name ) ];
return utils.fixColor( name, value );
},
setStyle:function ( element, name, value ) {
element.style[utils.cssStyleToDomStyle( name )] = value;
},
setStyles:function ( element, styles ) {
for ( var name in styles ) {
if ( styles.hasOwnProperty( name ) ) {
domUtils.setStyle( element, name, styles[name] );
}
}
},
/**
* 删除_moz_dirty属性
* @function
* @param {Node} node 节点
*/
removeDirtyAttr:function ( node ) {
for ( var i = 0, ci, nodes = node.getElementsByTagName( '*' ); ci = nodes[i++]; ) {
ci.removeAttribute( '_moz_dirty' );
}
node.removeAttribute( '_moz_dirty' );
},
/**
* 返回子节点的数量
* @function
* @param {Node} node 父节点
* @param {Function} fn 过滤子节点的规则，若为空，则得到所有子节点的数量
* @return {Number} 符合条件子节点的数量
*/
getChildCount:function ( node, fn ) {
var count = 0, first = node.firstChild;
fn = fn || function () {
return 1;
};
while ( first ) {
if ( fn( first ) ) {
count++;
}
first = first.nextSibling;
}
return count;
},
/**
* 判断是否为空节点
* @function
* @param {Node} node 节点
* @return {Boolean} 是否为空节点
*/
isEmptyNode:function ( node ) {
return !node.firstChild || domUtils.getChildCount( node, function ( node ) {
return !domUtils.isBr( node ) && !domUtils.isBookmarkNode( node ) && !domUtils.isWhitespace( node )
} ) == 0
},
/**
* 清空节点所有的className
* @function
* @param {Array} nodes 节点数组
*/
clearSelectedArr:function ( nodes ) {
var node;
while ( node = nodes.pop() ) {
domUtils.removeAttributes( node, ['class'] );
}
},
/**
* 将显示区域滚动到显示节点的位置
* @function
* @param {Node} node 节点
* @param {window} win window对象
* @param {Number} offsetTop 距离上方的偏移量
*/
scrollToView:function ( node, win, offsetTop ) {
var getViewPaneSize = function () {
var doc = win.document,
mode = doc.compatMode == 'CSS1Compat';
return {
width:( mode ? doc.documentElement.clientWidth : doc.body.clientWidth ) || 0,
height:( mode ? doc.documentElement.clientHeight : doc.body.clientHeight ) || 0
};
},
getScrollPosition = function ( win ) {
if ( 'pageXOffset' in win ) {
return {
x:win.pageXOffset || 0,
y:win.pageYOffset || 0
};
}
else {
var doc = win.document;
return {
x:doc.documentElement.scrollLeft || doc.body.scrollLeft || 0,
y:doc.documentElement.scrollTop || doc.body.scrollTop || 0
};
}
};
var winHeight = getViewPaneSize().height, offset = winHeight * -1 + offsetTop;
offset += (node.offsetHeight || 0);
var elementPosition = domUtils.getXY( node );
offset += elementPosition.y;
var currentScroll = getScrollPosition( win ).y;
// offset += 50;
if ( offset > currentScroll || offset < currentScroll - winHeight ) {
win.scrollTo( 0, offset + (offset < 0 ? -20 : 20) );
}
},
/**
* 判断节点是否为br
* @function
* @param {Node} node 节点
*/
isBr:function ( node ) {
return node.nodeType == 1 && node.tagName == 'BR';
},
isFillChar:function ( node ) {
return node.nodeType == 3 && !node.nodeValue.replace( new RegExp( domUtils.fillChar ), '' ).length
},
isStartInblock:function ( range ) {
var tmpRange = range.cloneRange(),
flag = 0,
start = tmpRange.startContainer,
tmp;
while ( start && domUtils.isFillChar( start ) ) {
tmp = start;
start = start.previousSibling
}
if ( tmp ) {
tmpRange.setStartBefore( tmp );
start = tmpRange.startContainer;
}
if ( start.nodeType == 1 && domUtils.isEmptyNode( start ) && tmpRange.startOffset == 1 ) {
tmpRange.setStart( start, 0 ).collapse( true );
}
while ( !tmpRange.startOffset ) {
start = tmpRange.startContainer;
if ( domUtils.isBlockElm( start ) || domUtils.isBody( start ) ) {
flag = 1;
break;
}
var pre = tmpRange.startContainer.previousSibling,
tmpNode;
if ( !pre ) {
tmpRange.setStartBefore( tmpRange.startContainer );
} else {
while ( pre && domUtils.isFillChar( pre ) ) {
tmpNode = pre;
pre = pre.previousSibling;
}
if ( tmpNode ) {
tmpRange.setStartBefore( tmpNode );
} else {
tmpRange.setStartBefore( tmpRange.startContainer );
}
}
}
return flag && !domUtils.isBody( tmpRange.startContainer ) ? 1 : 0;
},
isEmptyBlock:function ( node ) {
var reg = new RegExp( '[ \t\r\n' + domUtils.fillChar + ']', 'g' );
if ( node[browser.ie ? 'innerText' : 'textContent'].replace( reg, '' ).length > 0 ) {
return 0;
}
for ( var n in dtd.$isNotEmpty ) {
if ( node.getElementsByTagName( n ).length ) {
return 0;
}
}
return 1;
},
setViewportOffset:function ( element, offset ) {
var left = parseInt( element.style.left ) | 0;
var top = parseInt( element.style.top ) | 0;
var rect = element.getBoundingClientRect();
var offsetLeft = offset.left - rect.left;
var offsetTop = offset.top - rect.top;
if ( offsetLeft ) {
element.style.left = left + offsetLeft + 'px';
}
if ( offsetTop ) {
element.style.top = top + offsetTop + 'px';
}
},
fillNode:function ( doc, node ) {
var tmpNode = browser.ie ? doc.createTextNode( domUtils.fillChar ) : doc.createElement( 'br' );
node.innerHTML = '';
node.appendChild( tmpNode );
},
moveChild:function ( src, tag, dir ) {
while ( src.firstChild ) {
if ( dir && tag.firstChild ) {
tag.insertBefore( src.lastChild, tag.firstChild );
} else {
tag.appendChild( src.firstChild );
}
}
},
//判断是否有额外属性
hasNoAttributes:function ( node ) {
return browser.ie ? /^<\w+\s*?>/.test( node.outerHTML ) : node.attributes.length == 0;
},
//判断是否是编辑器自定义的参数
isCustomeNode:function ( node ) {
return node.nodeType == 1 && node.getAttribute( '_ue_custom_node_' );
},
isTagNode:function ( node, tagName ) {
return node.nodeType == 1 && node.tagName.toLowerCase() == tagName;
}
};
var fillCharReg = new RegExp( domUtils.fillChar, 'g' );
///import editor.js
///import core/utils.js
///import core/browser.js
///import core/dom/dom.js
///import core/dom/dtd.js
///import core/dom/domUtils.js
/**
* @class baidu.editor.dom.Range Range类
*/
/**
* @description Range类实现
* @author zhanyi
*/
(function () {
var guid = 0,
fillChar = domUtils.fillChar,
fillData;
/**
* 更新range的collapse状态
* @param {Range} range range对象
*/
function updateCollapse( range ) {
range.collapsed =
range.startContainer && range.endContainer &&
range.startContainer === range.endContainer &&
range.startOffset == range.endOffset;
}
function setEndPoint( toStart, node, offset, range ) {
//如果node是自闭合标签要处理
if ( node.nodeType == 1 && (dtd.$empty[node.tagName] || dtd.$nonChild[node.tagName]) ) {
offset = domUtils.getNodeIndex( node ) + (toStart ? 0 : 1);
node = node.parentNode;
}
if ( toStart ) {
range.startContainer = node;
range.startOffset = offset;
if ( !range.endContainer ) {
range.collapse( true );
}
} else {
range.endContainer = node;
range.endOffset = offset;
if ( !range.startContainer ) {
range.collapse( false );
}
}
updateCollapse( range );
return range;
}
function execContentsAction( range, action ) {
//调整边界
//range.includeBookmark();
var start = range.startContainer,
end = range.endContainer,
startOffset = range.startOffset,
endOffset = range.endOffset,
doc = range.document,
frag = doc.createDocumentFragment(),
tmpStart, tmpEnd;
if ( start.nodeType == 1 ) {
start = start.childNodes[startOffset] || (tmpStart = start.appendChild( doc.createTextNode( '' ) ));
}
if ( end.nodeType == 1 ) {
end = end.childNodes[endOffset] || (tmpEnd = end.appendChild( doc.createTextNode( '' ) ));
}
if ( start === end && start.nodeType == 3 ) {
frag.appendChild( doc.createTextNode( start.substringData( startOffset, endOffset - startOffset ) ) );
//is not clone
if ( action ) {
start.deleteData( startOffset, endOffset - startOffset );
range.collapse( true );
}
return frag;
}
var current, currentLevel, clone = frag,
startParents = domUtils.findParents( start, true ), endParents = domUtils.findParents( end, true );
for ( var i = 0; startParents[i] == endParents[i]; ) {
i++;
}
for ( var j = i, si; si = startParents[j]; j++ ) {
current = si.nextSibling;
if ( si == start ) {
if ( !tmpStart ) {
if ( range.startContainer.nodeType == 3 ) {
clone.appendChild( doc.createTextNode( start.nodeValue.slice( startOffset ) ) );
//is not clone
if ( action ) {
start.deleteData( startOffset, start.nodeValue.length - startOffset );
}
} else {
clone.appendChild( !action ? start.cloneNode( true ) : start );
}
}
} else {
currentLevel = si.cloneNode( false );
clone.appendChild( currentLevel );
}
while ( current ) {
if ( current === end || current === endParents[j] ) {
break;
}
si = current.nextSibling;
clone.appendChild( !action ? current.cloneNode( true ) : current );
current = si;
}
clone = currentLevel;
}
clone = frag;
if ( !startParents[i] ) {
clone.appendChild( startParents[i - 1].cloneNode( false ) );
clone = clone.firstChild;
}
for ( var j = i, ei; ei = endParents[j]; j++ ) {
current = ei.previousSibling;
if ( ei == end ) {
if ( !tmpEnd && range.endContainer.nodeType == 3 ) {
clone.appendChild( doc.createTextNode( end.substringData( 0, endOffset ) ) );
//is not clone
if ( action ) {
end.deleteData( 0, endOffset );
}
}
} else {
currentLevel = ei.cloneNode( false );
clone.appendChild( currentLevel );
}
//如果两端同级，右边第一次已经被开始做了
if ( j != i || !startParents[i] ) {
while ( current ) {
if ( current === start ) {
break;
}
ei = current.previousSibling;
clone.insertBefore( !action ? current.cloneNode( true ) : current, clone.firstChild );
current = ei;
}
}
clone = currentLevel;
}
if ( action ) {
range.setStartBefore( !endParents[i] ? endParents[i - 1] : !startParents[i] ? startParents[i - 1] : endParents[i] ).collapse( true );
}
tmpStart && domUtils.remove( tmpStart );
tmpEnd && domUtils.remove( tmpEnd );
return frag;
}
/**
* Range类
* @param {Document} document 编辑器页面document对象
*/
var Range = dom.Range = function ( document ) {
var me = this;
me.startContainer =
me.startOffset =
me.endContainer =
me.endOffset = null;
me.document = document;
me.collapsed = true;
};
/**
* 删除fillData
* @param doc
* @param excludeNode
*/
function removeFillData( doc, excludeNode ) {
try {
if ( fillData && domUtils.inDoc( fillData, doc ) ) {
if ( !fillData.nodeValue.replace( fillCharReg, '' ).length ) {
var tmpNode = fillData.parentNode;
domUtils.remove( fillData );
while ( tmpNode && domUtils.isEmptyInlineElement( tmpNode ) && !tmpNode.contains( excludeNode ) ) {
fillData = tmpNode.parentNode;
domUtils.remove( tmpNode );
tmpNode = fillData;
}
} else {
fillData.nodeValue = fillData.nodeValue.replace( fillCharReg, '' );
}
}
} catch ( e ) {
}
}
/**
*
* @param node
* @param dir
*/
function mergSibling( node, dir ) {
var tmpNode;
node = node[dir];
while ( node && domUtils.isFillChar( node ) ) {
tmpNode = node[dir];
domUtils.remove( node );
node = tmpNode;
}
}
Range.prototype = {
/**
* 克隆选中的内容到一个fragment里
* @public
* @function
* @name baidu.editor.dom.Range.cloneContents
* @return {Fragment} frag|null 返回选中内容的文本片段或者空
*/
cloneContents:function () {
return this.collapsed ? null : execContentsAction( this, 0 );
},
/**
* 删除所选内容
* @public
* @function
* @name baidu.editor.dom.Range.deleteContents
* @return {Range} 删除选中内容后的Range
*/
deleteContents:function () {
var txt;
if ( !this.collapsed ) {
execContentsAction( this, 1 );
}
if ( browser.webkit ) {
txt = this.startContainer;
if ( txt.nodeType == 3 && !txt.nodeValue.length ) {
this.setStartBefore( txt ).collapse( true );
domUtils.remove( txt );
}
}
return this;
},
/**
* 取出内容
* @public
* @function
* @name baidu.editor.dom.Range.extractContents
* @return {String} 获得Range选中的内容
*/
extractContents:function () {
return this.collapsed ? null : execContentsAction( this, 2 );
},
/**
* 设置range的开始位置
* @public
* @function
* @name baidu.editor.dom.Range.setStart
* @param {Node} node range开始节点
* @param {Number} offset 偏移量
* @return {Range} 返回Range
*/
setStart:function ( node, offset ) {
return setEndPoint( true, node, offset, this );
},
/**
* 设置range结束点的位置
* @public
* @function
* @name baidu.editor.dom.Range.setEnd
* @param {Node} node range结束节点
* @param {Number} offset 偏移量
* @return {Range} 返回Range
*/
setEnd:function ( node, offset ) {
return setEndPoint( false, node, offset, this );
},
/**
* 将开始位置设置到node后
* @public
* @function
* @name baidu.editor.dom.Range.setStartAfter
* @param {Node} node 节点
* @return {Range} 返回Range
*/
setStartAfter:function ( node ) {
return this.setStart( node.parentNode, domUtils.getNodeIndex( node ) + 1 );
},
/**
* 将开始位置设置到node前
* @public
* @function
* @name baidu.editor.dom.Range.setStartBefore
* @param {Node} node 节点
* @return {Range} 返回Range
*/
setStartBefore:function ( node ) {
return this.setStart( node.parentNode, domUtils.getNodeIndex( node ) );
},
/**
* 将结束点位置设置到node后
* @public
* @function
* @name baidu.editor.dom.Range.setEndAfter
* @param {Node} node 节点
* @return {Range} 返回Range
*/
setEndAfter:function ( node ) {
return this.setEnd( node.parentNode, domUtils.getNodeIndex( node ) + 1 );
},
/**
* 将开始设置到node的最开始位置 */ getClosedNode:function () { var node; if ( !this.collapsed ) { var range = this.cloneRange().adjustmentBoundary().shrinkBoundary(); if ( range.startContainer.nodeType == 1 && range.startContainer === range.endContainer && range.endOffset - range.startOffset == 1 ) { var child = range.startContainer.childNodes[range.startOffset]; if ( child && child.nodeType == 1 && (dtd.$empty[child.tagName] || dtd.$nonChild[child.tagName]) ) { node = child; } } } return node; }, /** * 根据range选中元素 * @public * @function * @name baidu.editor.dom.Range.select * @param {Boolean} notInsertFillData true为不加占位符 */ select:browser.ie ? function ( notInsertFillData, textRange ) { var nativeRange; if ( !this.collapsed ) this.shrinkBoundary(); var node = this.getClosedNode(); if ( node && !textRange ) { try { nativeRange = this.document.body.createControlRange(); nativeRange.addElement( node ); nativeRange.select(); } catch ( e ) {} return this; } var bookmark = this.createBookmark(), start = bookmark.start, end; nativeRange = this.document.body.createTextRange(); nativeRange.moveToElementText( start ); nativeRange.moveStart( 'character', 1 ); if ( !this.collapsed ) { var nativeRangeEnd = this.document.body.createTextRange(); end = bookmark.end; nativeRangeEnd.moveToElementText( end ); nativeRange.setEndPoint( 'EndToEnd', nativeRangeEnd ); } else { if ( !notInsertFillData && this.startContainer.nodeType != 3 ) { //使用|x固定住光标 var tmpText = this.document.createTextNode( fillChar ), tmp = this.document.createElement( 'span' ); tmp.appendChild( this.document.createTextNode( fillChar ) ); start.parentNode.insertBefore( tmp, start ); start.parentNode.insertBefore( tmpText, start ); //当点b,i,u时，不能清除i上边的b removeFillData( this.document, tmpText ); fillData = tmpText; mergSibling( tmp, 'previousSibling' ); mergSibling( start, 'nextSibling' ); nativeRange.moveStart( 'character', -1 ); nativeRange.collapse( true ); } } this.moveToBookmark( bookmark ); tmp && domUtils.remove( tmp ); //IE在隐藏状态下不支持range操作，catch一下 try{ nativeRange.select(); }catch(e){} return this; } : function ( notInsertFillData ) { var win = domUtils.getWindow( this.document ), sel = win.getSelection(), txtNode; //FF下关闭自动长高时滚动条在关闭dialog时会跳 //ff下如果不body.focus将不能定位闭合光标到编辑器内 browser.gecko ? this.document.body.focus() : win.focus(); if ( sel ) { sel.removeAllRanges(); // trace:870 chrome/safari后边是br对于闭合得range不能定位 所以去掉了判断 // this.startContainer.nodeType != 3 &&! ((child = this.startContainer.childNodes[this.startOffset]) && child.nodeType == 1 && child.tagName == 'BR' if ( this.collapsed ) { //opear如果没有节点接着，原生的不能够定位,不能在body的第一级插入空白节点 if ( notInsertFillData && browser.opera && !domUtils.isBody( this.startContainer ) && this.startContainer.nodeType == 1 ) { var tmp = this.document.createTextNode( '' ); this.insertNode( tmp ).setStart( tmp, 0 ).collapse( true ); } if ( !notInsertFillData ) { txtNode = this.document.createTextNode( fillChar ); //跟着前边走 this.insertNode( txtNode ); removeFillData( this.document, txtNode ); mergSibling( txtNode, 'previousSibling' ); mergSibling( txtNode, 'nextSibling' ); fillData = txtNode; this.setStart( txtNode, browser.webkit ? 1 : 0 ).collapse( true ); } } var nativeRange = this.document.createRange(); nativeRange.setStart( this.startContainer, this.startOffset ); nativeRange.setEnd( this.endContainer, this.endOffset ); sel.addRange( nativeRange ); } return this; }, /** * 滚动到可视范围 * @public * @function * @name baidu.editor.dom.Range.scrollToView * @param {Boolean} win 操作的window对象，若为空，则使用当前的window对象 * @param {Number} offset 滚动的偏移量 * @return {Range} Range对象 */ scrollToView:function ( win, offset ) { win = win ? window : domUtils.getWindow( this.document ); var span = this.document.createElement( 'span' ); //trace:717 span.innerHTML = ' '; var tmpRange = this.cloneRange(); tmpRange.insertNode( span ); domUtils.scrollToView( span, win, offset ); domUtils.remove( span ); return this; } }; })(); ///import editor.js ///import core/browser.js ///import core/dom/dom.js ///import core/dom/dtd.js ///import core/dom/domUtils.js ///import core/dom/Range.js /** * @class baidu.editor.dom.Selection Selection类 */ (function () { function getBoundaryInformation( range, start ) { var getIndex = domUtils.getNodeIndex; range = range.duplicate(); range.collapse( start ); var parent = range.parentElement(); //如果节点里没有子节点，直接退出 if ( !parent.hasChildNodes() ) { return {container:parent, offset:0}; } var siblings = parent.children, child, testRange = range.duplicate(), startIndex = 0, endIndex = siblings.length - 1, index = -1, distance; while ( startIndex <= endIndex ) { index = Math.floor( (startIndex + endIndex) / 2 ); child = siblings[index]; testRange.moveToElementText( child ); var position = testRange.compareEndPoints( 'StartToStart', range ); if ( position > 0 ) { endIndex = index - 1; } else if ( position < 0 ) { startIndex = index + 1; } else { //trace:1043 return {container:parent, offset:getIndex( child )}; } } if ( index == -1 ) { testRange.moveToElementText( parent ); testRange.setEndPoint( 'StartToStart', range ); distance = testRange.text.replace( /(\r\n|\r)/g, '\n' ).length; siblings = parent.childNodes; if ( !distance ) { child = siblings[siblings.length - 1]; return {container:child, offset:child.nodeValue.length}; } var i = siblings.length; while ( distance > 0 ){ distance -= siblings[ --i ].nodeValue.length; } return {container:siblings[i], offset:-distance}; } testRange.collapse( position > 0 ); testRange.setEndPoint( position > 0 ? 'StartToStart' : 'EndToStart', range ); distance = testRange.text.replace( /(\r\n|\r)/g, '\n' ).length; if ( !distance ) { return dtd.$empty[child.tagName] || dtd.$nonChild[child.tagName] ? {container:parent, offset:getIndex( child ) + (position > 0 ? 0 : 1)} : {container:child, offset:position > 0 ? 0 : child.childNodes.length} } while ( distance > 0 ) { try { var pre = child; child = child[position > 0 ? 'previousSibling' : 'nextSibling']; distance -= child.nodeValue.length; } catch ( e ) { return {container:parent, offset:getIndex( pre )}; } } return {container:child, offset:position > 0 ? -distance : child.nodeValue.length + distance} } /** * 将ieRange转换为Range对象 * @param {Range} ieRange ieRange对象 * @param {Range} range Range对象 * @return {Range} range 返回转换后的Range对象 */ function transformIERangeToRange( ieRange, range ) { if ( ieRange.item ) { range.selectNode( ieRange.item( 0 ) ); } else { var bi = getBoundaryInformation( ieRange, true ); range.setStart( bi.container, bi.offset ); if ( ieRange.compareEndPoints( 'StartToEnd', ieRange ) != 0 ) { bi = getBoundaryInformation( ieRange, false ); range.setEnd( bi.container, bi.offset ); } } return range; } /** * 获得ieRange * @param {Selection} sel Selection对象 * @return {ieRange} 得到ieRange */ function _getIERange( sel ) { var ieRange; //ie下有可能报错 try { ieRange = sel.getNative().createRange(); } catch ( e ) { return null; } var el = ieRange.item ? ieRange.item( 0 ) : ieRange.parentElement(); if ( ( el.ownerDocument || el ) === sel.document ) { return ieRange; } return null; } var Selection = dom.Selection = function ( doc ) { var me = this, iframe; me.document = doc; if ( ie ) { iframe = domUtils.getWindow( doc ).frameElement; domUtils.on( iframe, 'beforedeactivate', function () { me._bakIERange = me.getIERange(); } ); domUtils.on( iframe, 'activate', function () { try { if ( !_getIERange( me ) && me._bakIERange ) { me._bakIERange.select(); } } catch ( ex ) { } me._bakIERange = null; } ); } iframe = doc = null; }; Selection.prototype = { /** * 获取原生seleciton对象 * @public * @function * @name baidu.editor.dom.Selection.getNative * @return {Selection} 获得selection对象 */ getNative:function () { var doc = this.document; try { return !doc ? null : ie ? doc.selection : domUtils.getWindow( doc ).getSelection(); } catch ( e ) { return null; } }, /** * 获得ieRange * @public * @function * @name baidu.editor.dom.Selection.getIERange * @return {ieRange} 返回ie原生的Range */ getIERange:function () { var ieRange = _getIERange( this ); if ( !ieRange ) { if ( this._bakIERange ) { return this._bakIERange; } } return ieRange; }, /** * 缓存当前选区的range和选区的开始节点 * @public * @function * @name baidu.editor.dom.Selection.cache */ cache:function () { this.clear(); this._cachedRange = this.getRange(); this._cachedStartElement = this.getStart(); this._cachedStartElementPath = this.getStartElementPath(); }, getStartElementPath:function () { if ( this._cachedStartElementPath ) { return this._cachedStartElementPath; } var start = this.getStart(); if ( start ) { return domUtils.findParents( start, true, null, true ) } return []; }, /** * 清空缓存 * @public * @function * @name baidu.editor.dom.Selection.clear */ clear:function () { this._cachedStartElementPath = this._cachedRange = this._cachedStartElement = null; }, /** * 编辑器是否得到了选区 */ isFocus:function () { try { return browser.ie && _getIERange( this ) || !browser.ie && this.getNative().rangeCount ? true : false; } catch ( e ) { return false; } }, /** * 获取选区对应的Range * @public * @function * @name baidu.editor.dom.Selection.getRange * @returns {baidu.editor.dom.Range} 得到Range对象 */ getRange:function () { var me = this; function optimze( range ) { var child = me.document.body.firstChild, collapsed = range.collapsed; while ( child && child.firstChild ) { range.setStart( child, 0 ); child = child.firstChild; } if ( !range.startContainer ) { range.setStart( me.document.body, 0 ) } if ( collapsed ) { range.collapse( true ); } } if ( me._cachedRange != null ) { return this._cachedRange; } var range = new baidu.editor.dom.Range( me.document ); if ( ie ) { var nativeRange = me.getIERange(); if ( nativeRange ) { transformIERangeToRange( nativeRange, range ); } else { optimze( range ); } } else { var sel = me.getNative(); if ( sel && sel.rangeCount ) { var firstRange = sel.getRangeAt( 0 ); var lastRange = sel.getRangeAt( sel.rangeCount - 1 ); range.setStart( firstRange.startContainer, firstRange.startOffset ).setEnd( lastRange.endContainer, lastRange.endOffset ); if ( range.collapsed && domUtils.isBody( range.startContainer ) && !range.startOffset ) { optimze( range ); } } else { //trace:1734 有可能已经不在dom树上了，标识的节点 if ( this._bakRange && domUtils.inDoc( this._bakRange.startContainer, this.document ) ){ return this._bakRange; } optimze( range ); } } return this._bakRange = range; }, /** * 获取开始元素，用于状态反射 * @public * @function * @name baidu.editor.dom.Selection.getStart * @return {Element} 获得开始元素 */ getStart:function () { if ( this._cachedStartElement ) { return this._cachedStartElement; } var range = ie ? this.getIERange() : this.getRange(), tmpRange, start, tmp, parent; if ( ie ) { if ( !range ) { //todo 给第一个值可能会有问题 return this.document.body.firstChild; } //control元素 if ( range.item ){ return range.item( 0 ); } tmpRange = range.duplicate(); //修正ie下x[xx] 闭合后 x|xx tmpRange.text.length > 0 && tmpRange.moveStart( 'character', 1 ); tmpRange.collapse( 1 ); start = tmpRange.parentElement(); parent = tmp = range.parentElement(); while ( tmp = tmp.parentNode ) { if ( tmp == start ) { start = parent; break; } } } else { range.shrinkBoundary(); start = range.startContainer; if ( start.nodeType == 1 && start.hasChildNodes() ){ start = start.childNodes[Math.min( start.childNodes.length - 1, range.startOffset )]; } if ( start.nodeType == 3 ){ return start.parentNode; } } return start; }, /** * 得到选区中的文本 * @public * @function * @name baidu.editor.dom.Selection.getText * @return {String} 选区中包含的文本 */ getText:function () { var nativeSel, nativeRange; if ( this.isFocus() && (nativeSel = this.getNative()) ) { nativeRange = browser.ie ? nativeSel.createRange() : nativeSel.getRangeAt( 0 ); return browser.ie ? nativeRange.text : nativeRange.toString(); } return ''; } }; })(); ///import editor.js ///import core/utils.js ///import core/EventBase.js ///import core/browser.js ///import core/dom/dom.js ///import core/dom/domUtils.js ///import core/dom/Selection.js ///import core/dom/dtd.js (function () { var uid = 0, _selectionChangeTimer; function replaceSrc( div ) { var imgs = div.getElementsByTagName( "img" ), orgSrc; for ( var i = 0, img; img = imgs[i++]; ) { if ( orgSrc = img.getAttribute( "orgSrc" ) ) { img.src = orgSrc; img.removeAttribute( "orgSrc" ); } } var as = div.getElementsByTagName( "a" ); for ( var i = 0, ai; ai = as[i++]; i++ ) { if ( ai.getAttribute( 'data_ue_src' ) ) { ai.setAttribute( 'href', ai.getAttribute( 'data_ue_src' ) ) } } } function setValue( form, editor ) { var textarea; if ( editor.textarea ) { if ( utils.isString( editor.textarea ) ) { for ( var i = 0, ti, tis = domUtils.getElementsByTagName( form, 'textarea' ); ti = tis[i++]; ) { if ( ti.id == 'ueditor_textarea_' + editor.options.textarea ) { textarea = ti; break; } } } else { textarea = editor.textarea; } } if ( !textarea ) { form.appendChild( textarea = domUtils.creElm( document, 'textarea', { 'name':editor.options.textarea, 'id':'ueditor_textarea_' + editor.options.textarea, 'style':"display:none" } ) ); } textarea.value = editor.options.allHtmlEnabled ? editor.getAllHtml() : editor.getContent(null,null,true) } /** * 编辑器类 * @public * @class * @extends baidu.editor.EventBase * @name baidu.editor.Editor * @param {Object} options */ var Editor = UE.Editor = function ( options ) { var me = this; me.uid = uid++; EventBase.call( me ); me.commands = {}; me.options = utils.extend( options || {},UEDITOR_CONFIG, true ); //设置默认的常用属性 me.setOpt( { isShow:true, initialContent:'欢迎使用ueditor!', autoClearinitialContent:false, iframeCssUrl:me.options.UEDITOR_HOME_URL + '/themes/default/iframe.css', textarea:'editorValue', focus:false, minFrameHeight:320, autoClearEmptyNode:true, fullscreen:false, readonly:false, zIndex:999, imagePopup:true, enterTag:'p', pageBreakTag:'_baidu_page_break_tag_', customDomain:false, lang:'zh-cn', langPath:me.options.UEDITOR_HOME_URL + 'lang/', allHtmlEnabled:false } ); utils.loadFile( document, { src:me.options.langPath + me.options.lang + "/" + me.options.lang + ".js", tag:"script", type:"text/javascript", defer:"defer" }, function () { //初始化插件 for ( var pi in UE.plugins ) { UE.plugins[pi].call( me ) } me.langIsReady = true; me.fireEvent( "langReady" ); } ); UE.instants['ueditorInstant' + me.uid] = me; }; Editor.prototype = /**@lends baidu.editor.Editor.prototype*/{ /** * 当编辑器ready后执行传入的fn,如果编辑器已经ready好了，就马上执行fn，fn的中的this是编辑器实例 * @param {function} fn 需要执行的函数 */ ready:function ( fn ) { var me = this; if ( fn ) me.isReady ? fn.apply( me ) : me.addListener( 'ready', fn ); }, setOpt:function ( key, val ) { var obj = {}; if ( utils.isString( key ) ) { obj[key] = val } else { obj = key; } utils.extend( this.options, obj, true ); }, destroy:function () { var me = this; me.fireEvent( 'destroy' ); me.container.innerHTML = ''; domUtils.remove( me.container ); //trace:2004 for ( var p in me ) { if ( me.hasOwnProperty( p ) ) { delete this[p]; } } }, /** * 渲染编辑器的DOM到指定容器，必须且只能调用一次 * @public * @function * @param {Element|String} container */ render:function ( container ) { var me = this, options = me.options; if ( container.constructor === String ) { container = document.getElementById( container ); } if ( container ) { var useBodyAsViewport = ie && browser.version < 9, html = ( ie && browser.version < 9 ? '' : '') + '' + ( options.iframeCssUrl ? '' : '' ) + '