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 :
gecko ?
function(node) {
node.style.MozUserSelect = 'none';
}
: webkit ?
function(node) {
node.style.KhtmlUserSelect = 'none';
}
:
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
* @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) {
element.className = (' ' + element.className + ' ').replace(
new RegExp('(?:\\s+(?:' + classNames.join('|') + '))+\\s+', 'g'), ' ');
},
/**
* 删除元素的样式
* @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_div_script');
}
};
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;
};
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){}
}
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() {
if ( !this.collapsed )
execContentsAction( this, 1 );
if(browser.webkit){
var 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 ); nativeRange.select(); return this; } : function( notInsertFillData ) { var win = domUtils.getWindow( this.document ), sel = win.getSelection(), txtNode; 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 && !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.getContent() } /** * 编辑器类 * @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_' }); //初始化插件 for ( var pi in UE.plugins ) { UE.plugins[pi].call( me ) } }; Editor.prototype = /**@lends baidu.editor.Editor.prototype*/{ 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){ delete this[p] } }, /** * 渲染编辑器的DOM到指定容器，必须且只能调用一次 * @public * @function * @param {Element|String} container */ render : function ( container ) { if (container.constructor === String) { container = document.getElementById(container); } if(container){ container.innerHTML = ''; container.style.overflow = 'hidden'; this._setup( container.firstChild.contentWindow.document ); } }, _setup: function ( doc ) { var me = this, options = me.options; //防止在chrome下连接后边带# 会跳动的问题 !browser.webkit && doc.open(); var useBodyAsViewport = ie && browser.version < 9; doc.write( ( ie && browser.version < 9 ? '' : '') + '' + ( options.iframeCssUrl ? '' : '' ) + '