- \n *
- IE系列返回值为5,6,7,8,9,10等 \n *
- gecko系列会返回10900，158900等 \n *
- webkit系列会返回其build号 (如 522等) \n *
\n *
\n *\n * \n * \n * ```\n */\n findParent:function (node, filterFn, includeSelf) {\n if (node && !domUtils.isBody(node)) {\n node = includeSelf ? node : node.parentNode;\n while (node) {\n if (!filterFn || filterFn(node) || domUtils.isBody(node)) {\n return filterFn && !filterFn(node) && domUtils.isBody(node) ? null : node;\n }\n node = node.parentNode;\n }\n }\n return null;\n },\n /**\n * 查找node的节点名为tagName的第一个祖先节点， 查找的起点是node节点的父节点。\n * @method findParentByTagName\n * @param { Node } node 需要查找的节点对象\n * @param { Array } tagNames 需要查找的父节点的名称数组\n * @warning 查找的终点是到body节点为止\n * @return { Node | NULL } 如果找到符合条件的节点， 则返回该节点， 否则返回NULL\n * @example\n * ```javascript\n * var node = UE.dom.domUtils.findParentByTagName( document.getElementsByTagName(\"div\")[0], [ \"BODY\" ] );\n * //output: BODY\n * console.log( node.tagName );\n * ```\n */\n\n /**\n * 查找node的节点名为tagName的祖先节点， 如果includeSelf的值为true，则查找的起点是给定的节点node，\n * 否则， 起点是node的父节点。\n * @method findParentByTagName\n * @param { Node } node 需要查找的节点对象\n * @param { Array } tagNames 需要查找的父节点的名称数组\n * @param { Boolean } includeSelf 查找过程是否包含node节点自身\n * @warning 查找的终点是到body节点为止\n * @return { Node | NULL } 如果找到符合条件的节点， 则返回该节点， 否则返回NULL\n * @example\n * ```javascript\n * var queryTarget = document.getElementsByTagName(\"div\")[0];\n * var node = UE.dom.domUtils.findParentByTagName( queryTarget, [ \"DIV\" ], true );\n * //output: true\n * console.log( queryTarget === node );\n * ```\n */\n findParentByTagName:function (node, tagNames, includeSelf, excludeFn) {\n tagNames = utils.listToMap(utils.isArray(tagNames) ? tagNames : [tagNames]);\n return domUtils.findParent(node, function (node) {\n return tagNames[node.tagName] && !(excludeFn && excludeFn(node));\n }, includeSelf);\n },\n /**\n * 查找节点node的祖先节点集合， 查找的起点是给定节点的父节点，结果集中不包含给定的节点。\n * @method findParents\n * @param { Node } node 需要查找的节点对象\n * @return { Array } 给定节点的祖先节点数组\n * @grammar UE.dom.domUtils.findParents(node) => Array //返回一个祖先节点数组集合，不包含自身\n * @grammar UE.dom.domUtils.findParents(node,includeSelf) => Array //返回一个祖先节点数组集合，includeSelf指定是否包含自身\n * @grammar UE.dom.domUtils.findParents(node,includeSelf,filterFn) => Array //返回一个祖先节点数组集合，filterFn指定过滤条件，返回true的node将被选取\n * @grammar UE.dom.domUtils.findParents(node,includeSelf,filterFn,closerFirst) => Array //返回一个祖先节点数组集合，closerFirst为true的话，node的直接父亲节点是数组的第0个\n */\n\n /**\n * 查找节点node的祖先节点集合， 如果includeSelf的值为true，\n * 则返回的结果集中允许出现当前给定的节点， 否则， 该节点不会出现在其结果集中。\n * @method findParents\n * @param { Node } node 需要查找的节点对象\n * @param { Boolean } includeSelf 查找的结果中是否允许包含当前查找的节点对象\n * @return { Array } 给定节点的祖先节点数组\n */\n findParents:function (node, includeSelf, filterFn, closerFirst) {\n var parents = includeSelf && ( filterFn && filterFn(node) || !filterFn ) ? [node] : [];\n while (node = domUtils.findParent(node, filterFn)) {\n parents.push(node);\n }\n return closerFirst ? parents : parents.reverse();\n },\n\n /**\n * 在节点node后面插入新节点newNode\n * @method insertAfter\n * @param { Node } node 目标节点\n * @param { Node } newNode 新插入的节点， 该节点将置于目标节点之后\n * @return { Node } 新插入的节点\n */\n insertAfter:function (node, newNode) {\n return node.nextSibling ? node.parentNode.insertBefore(newNode, node.nextSibling):\n node.parentNode.appendChild(newNode);\n },\n\n /**\n * 删除节点node及其下属的所有节点\n * @method remove\n * @param { Node } node 需要删除的节点对象\n * @return { Node } 返回刚删除的节点对象\n * @example\n * ```html\n * \n *
\n * \n * ```\n */\n\n /**\n * 删除节点node，并根据keepChildren的值决定是否保留子节点\n * @method remove\n * @param { Node } node 需要删除的节点对象\n * @param { Boolean } keepChildren 是否需要保留子节点\n * @return { Node } 返回刚删除的节点对象\n * @example\n * ```html\n * 你好
\n * \n *
\n * \n * ```\n */\n remove:function (node, keepChildren) {\n var parent = node.parentNode,\n child;\n if (parent) {\n if (keepChildren && node.hasChildNodes()) {\n while (child = node.firstChild) {\n parent.insertBefore(child, node);\n }\n }\n parent.removeChild(node);\n }\n return node;\n },\n\n /**\n * 取得node节点的下一个兄弟节点， 如果该节点其后没有兄弟节点， 则递归查找其父节点之后的第一个兄弟节点，\n * 直到找到满足条件的节点或者递归到BODY节点之后才会结束。\n * @method getNextDomNode\n * @param { Node } node 需要获取其后的兄弟节点的节点对象\n * @return { Node | NULL } 如果找满足条件的节点， 则返回该节点， 否则返回NULL\n * @example\n * ```html\n * \n * 你好
\n * \n * \n *
\n * xxx\n * \n * \n * ```\n * @example\n * ```html\n * \n * \n * \n * xxx\n *
\n * xxx\n * \n * \n * ```\n */\n\n /**\n * 取得node节点的下一个兄弟节点， 如果startFromChild的值为ture，则先获取其子节点，\n * 如果有子节点则直接返回第一个子节点；如果没有子节点或者startFromChild的值为false，\n * 则执行getNextDomNode(Node node)的查找过程。\n * @method getNextDomNode\n * @param { Node } node 需要获取其后的兄弟节点的节点对象\n * @param { Boolean } startFromChild 查找过程是否从其子节点开始\n * @return { Node | NULL } 如果找满足条件的节点， 则返回该节点， 否则返回NULL\n * @see UE.dom.domUtils.getNextDomNode(Node)\n */\n getNextDomNode:function (node, startFromChild, filterFn, guard) {\n return getDomNode(node, 'firstChild', 'nextSibling', startFromChild, filterFn, guard);\n },\n getPreDomNode:function (node, startFromChild, filterFn, guard) {\n return getDomNode(node, 'lastChild', 'previousSibling', startFromChild, filterFn, guard);\n },\n /**\n * 检测节点node是否属是UEditor定义的bookmark节点\n * @method isBookmarkNode\n * @private\n * @param { Node } node 需要检测的节点对象\n * @return { Boolean } 是否是bookmark节点\n * @example\n * ```html\n * \n * \n * ```\n */\n isBookmarkNode:function (node) {\n return node.nodeType == 1 && node.id && /^_baidu_bookmark_/i.test(node.id);\n },\n /**\n * 获取节点node所属的window对象\n * @method getWindow\n * @param { Node } node 节点对象\n * @return { Window } 当前节点所属的window对象\n * @example\n * ```javascript\n * //output: true\n * console.log( UE.dom.domUtils.getWindow( document.body ) === window );\n * ```\n */\n getWindow:function (node) {\n var doc = node.ownerDocument || node;\n return doc.defaultView || doc.parentWindow;\n },\n /**\n * 获取离nodeA与nodeB最近的公共的祖先节点\n * @method getCommonAncestor\n * @param { Node } nodeA 第一个节点\n * @param { Node } nodeB 第二个节点\n * @remind 如果给定的两个节点是同一个节点， 将直接返回该节点。\n * @return { Node | NULL } 如果未找到公共节点， 返回NULL， 否则返回最近的公共祖先节点。\n * @example\n * ```javascript\n * var commonAncestor = UE.dom.domUtils.getCommonAncestor( document.body, document.body.firstChild );\n * //output: true\n * console.log( commonAncestor.tagName.toLowerCase() === 'body' );\n * ```\n */\n getCommonAncestor:function (nodeA, nodeB) {\n if (nodeA === nodeB)\n return nodeA;\n var parentsA = [nodeA] , parentsB = [nodeB], parent = nodeA, i = -1;\n while (parent = parent.parentNode) {\n if (parent === nodeB) {\n return parent;\n }\n parentsA.push(parent);\n }\n parent = nodeB;\n while (parent = parent.parentNode) {\n if (parent === nodeA)\n return parent;\n parentsB.push(parent);\n }\n parentsA.reverse();\n parentsB.reverse();\n while (i++, parentsA[i] === parentsB[i]) {\n }\n return i == 0 ? null : parentsA[i - 1];\n\n },\n /**\n * 清除node节点左右连续为空的兄弟inline节点\n * @method clearEmptySibling\n * @param { Node } node 执行的节点对象， 如果该节点的左右连续的兄弟节点是空的inline节点，\n * 则这些兄弟节点将被删除\n * @grammar UE.dom.domUtils.clearEmptySibling(node,ignoreNext) //ignoreNext指定是否忽略右边空节点\n * @grammar UE.dom.domUtils.clearEmptySibling(node,ignoreNext,ignorePre) //ignorePre指定是否忽略左边空节点\n * @example\n * ```html\n * \n * \n * \n * \n * \n * xxx\n * \n * \n * \n * ```\n */\n\n /**\n * 清除node节点左右连续为空的兄弟inline节点， 如果ignoreNext的值为true，\n * 则忽略对右边兄弟节点的操作。\n * @method clearEmptySibling\n * @param { Node } node 执行的节点对象， 如果该节点的左右连续的兄弟节点是空的inline节点，\n * @param { Boolean } ignoreNext 是否忽略忽略对右边的兄弟节点的操作\n * 则这些兄弟节点将被删除\n * @see UE.dom.domUtils.clearEmptySibling(Node)\n */\n\n /**\n * 清除node节点左右连续为空的兄弟inline节点， 如果ignoreNext的值为true，\n * 则忽略对右边兄弟节点的操作， 如果ignorePre的值为true，则忽略对左边兄弟节点的操作。\n * @method clearEmptySibling\n * @param { Node } node 执行的节点对象， 如果该节点的左右连续的兄弟节点是空的inline节点，\n * @param { Boolean } ignoreNext 是否忽略忽略对右边的兄弟节点的操作\n * @param { Boolean } ignorePre 是否忽略忽略对左边的兄弟节点的操作\n * 则这些兄弟节点将被删除\n * @see UE.dom.domUtils.clearEmptySibling(Node)\n */\n clearEmptySibling:function (node, ignoreNext, ignorePre) {\n function clear(next, dir) {\n var tmpNode;\n while (next && !domUtils.isBookmarkNode(next) && (domUtils.isEmptyInlineElement(next)\n //这里不能把空格算进来会吧空格干掉，出现文字间的空格丢掉了\n || !new RegExp('[^\\t\\n\\r' + domUtils.fillChar + ']').test(next.nodeValue) )) {\n tmpNode = next[dir];\n domUtils.remove(next);\n next = tmpNode;\n }\n }\n !ignoreNext && clear(node.nextSibling, 'nextSibling');\n !ignorePre && clear(node.previousSibling, 'previousSibling');\n },\n /**\n * 将一个文本节点textNode拆分成两个文本节点，offset指定拆分位置\n * @method split\n * @param { Node } textNode 需要拆分的文本节点对象\n * @param { int } offset 需要拆分的位置， 位置计算从0开始\n * @return { Node } 拆分后形成的新节点\n * @example\n * ```html\n * abcdef
\n * \n * ```\n */\n split:function (node, offset) {\n var doc = node.ownerDocument;\n if (browser.ie && offset == node.nodeValue.length) {\n var next = doc.createTextNode('');\n return domUtils.insertAfter(node, next);\n }\n var retval = node.splitText(offset);\n //ie8下splitText不会跟新childNodes,我们手动触发他的更新\n if (browser.ie8) {\n var tmpNode = doc.createTextNode('');\n domUtils.insertAfter(retval, tmpNode);\n domUtils.remove(tmpNode);\n }\n return retval;\n },\n\n /**\n * 检测文本节点textNode是否为空节点（包括空格、换行、占位符等字符）\n * @method isWhitespace\n * @param { Node } node 需要检测的节点对象\n * @return { Boolean } 检测的节点是否为空\n * @example\n * ```html\n * \n *\n *
\n * \n * ```\n */\n isWhitespace:function (node) {\n return !new RegExp('[^ \\t\\n\\r' + domUtils.fillChar + ']').test(node.nodeValue);\n },\n /**\n * 获取元素element相对于viewport的位置坐标\n * @method getXY\n * @param { Node } element 需要计算位置的节点对象\n * @return { Object } 返回形如{x:left,y:top}的一个key-value映射对象， 其中键x代表水平偏移距离，\n * y代表垂直偏移距离。\n *\n * @example\n * ```javascript\n * var location = UE.dom.domUtils.getXY( document.getElementById(\"test\") );\n * //output: test的坐标为: 12, 24\n * console.log( 'test的坐标为： ', location.x, ',', location.y );\n * ```\n */\n getXY:function (element) {\n var x = 0, y = 0;\n while (element.offsetParent) {\n y += element.offsetTop;\n x += element.offsetLeft;\n element = element.offsetParent;\n }\n return { 'x':x, 'y':y};\n },\n /**\n * 为元素element绑定原生DOM事件，type为事件类型，handler为处理函数\n * @method on\n * @param { Node } element 需要绑定事件的节点对象\n * @param { String } type 绑定的事件类型\n * @param { Function } handler 事件处理器\n * @example\n * ```javascript\n * UE.dom.domUtils.on(document.body,\"click\",function(e){\n * //e为事件对象，this为被点击元素对戏那个\n * });\n * ```\n */\n\n /**\n * 为元素element绑定原生DOM事件，type为事件类型，handler为处理函数\n * @method on\n * @param { Node } element 需要绑定事件的节点对象\n * @param { Array } type 绑定的事件类型数组\n * @param { Function } handler 事件处理器\n * @example\n * ```javascript\n * UE.dom.domUtils.on(document.body,[\"click\",\"mousedown\"],function(evt){\n * //evt为事件对象，this为被点击元素对象\n * });\n * ```\n */\n on:function (element, type, handler) {\n\n var types = utils.isArray(type) ? type : utils.trim(type).split(/\\s+/),\n k = types.length;\n if (k) while (k--) {\n type = types[k];\n if (element.addEventListener) {\n element.addEventListener(type, handler, false);\n } else {\n if (!handler._d) {\n handler._d = {\n els : []\n };\n }\n var key = type + handler.toString(),index = utils.indexOf(handler._d.els,element);\n if (!handler._d[key] || index == -1) {\n if(index == -1){\n handler._d.els.push(element);\n }\n if(!handler._d[key]){\n handler._d[key] = function (evt) {\n return handler.call(evt.srcElement, evt || window.event);\n };\n }\n\n\n element.attachEvent('on' + type, handler._d[key]);\n }\n }\n }\n element = null;\n },\n /**\n * 解除DOM事件绑定\n * @method un\n * @param { Node } element 需要解除事件绑定的节点对象\n * @param { String } type 需要接触绑定的事件类型\n * @param { Function } handler 对应的事件处理器\n * @example\n * ```javascript\n * UE.dom.domUtils.un(document.body,\"click\",function(evt){\n * //evt为事件对象，this为被点击元素对象\n * });\n * ```\n */\n\n /**\n * 解除DOM事件绑定\n * @method un\n * @param { Node } element 需要解除事件绑定的节点对象\n * @param { Array } type 需要接触绑定的事件类型数组\n * @param { Function } handler 对应的事件处理器\n * @example\n * ```javascript\n * UE.dom.domUtils.un(document.body, [\"click\",\"mousedown\"],function(evt){\n * //evt为事件对象，this为被点击元素对象\n * });\n * ```\n */\n un:function (element, type, handler) {\n var types = utils.isArray(type) ? type : utils.trim(type).split(/\\s+/),\n k = types.length;\n if (k) while (k--) {\n type = types[k];\n if (element.removeEventListener) {\n element.removeEventListener(type, handler, false);\n } else {\n var key = type + handler.toString();\n try{\n element.detachEvent('on' + type, handler._d ? handler._d[key] : handler);\n }catch(e){}\n if (handler._d && handler._d[key]) {\n var index = utils.indexOf(handler._d.els,element);\n if(index!=-1){\n handler._d.els.splice(index,1);\n }\n handler._d.els.length == 0 && delete handler._d[key];\n }\n }\n }\n },\n\n /**\n * 比较节点nodeA与节点nodeB是否具有相同的标签名、属性名以及属性值\n * @method isSameElement\n * @param { Node } nodeA 需要比较的节点\n * @param { Node } nodeB 需要比较的节点\n * @return { Boolean } 两个节点是否具有相同的标签名、属性名以及属性值\n * @example\n * ```html\n * ssss\n * bbbbb\n * ssss\n * bbbbb\n *\n * \n * ```\n */\n isSameElement:function (nodeA, nodeB) {\n if (nodeA.tagName != nodeB.tagName) {\n return false;\n }\n var thisAttrs = nodeA.attributes,\n otherAttrs = nodeB.attributes;\n if (!ie && thisAttrs.length != otherAttrs.length) {\n return false;\n }\n var attrA, attrB, al = 0, bl = 0;\n for (var i = 0; attrA = thisAttrs[i++];) {\n if (attrA.nodeName == 'style') {\n if (attrA.specified) {\n al++;\n }\n if (domUtils.isSameStyle(nodeA, nodeB)) {\n continue;\n } else {\n return false;\n }\n }\n if (ie) {\n if (attrA.specified) {\n al++;\n attrB = otherAttrs.getNamedItem(attrA.nodeName);\n } else {\n continue;\n }\n } else {\n attrB = nodeB.attributes[attrA.nodeName];\n }\n if (!attrB.specified || attrA.nodeValue != attrB.nodeValue) {\n return false;\n }\n }\n // 有可能attrB的属性包含了attrA的属性之外还有自己的属性\n if (ie) {\n for (i = 0; attrB = otherAttrs[i++];) {\n if (attrB.specified) {\n bl++;\n }\n }\n if (al != bl) {\n return false;\n }\n }\n return true;\n },\n\n /**\n * 判断节点nodeA与节点nodeB的元素的style属性是否一致\n * @method isSameStyle\n * @param { Node } nodeA 需要比较的节点\n * @param { Node } nodeB 需要比较的节点\n * @return { Boolean } 两个节点是否具有相同的style属性值\n * @example\n * ```html\n * ssss\n * bbbbb\n * ssss\n * bbbbb\n *\n * \n * ```\n */\n isSameStyle:function (nodeA, nodeB) {\n var styleA = nodeA.style.cssText.replace(/( ?; ?)/g, ';').replace(/( ?: ?)/g, ':'),\n styleB = nodeB.style.cssText.replace(/( ?; ?)/g, ';').replace(/( ?: ?)/g, ':');\n if (browser.opera) {\n styleA = nodeA.style;\n styleB = nodeB.style;\n if (styleA.length != styleB.length)\n return false;\n for (var p in styleA) {\n if (/^(\\d+|csstext)$/i.test(p)) {\n continue;\n }\n if (styleA[p] != styleB[p]) {\n return false;\n }\n }\n return true;\n }\n if (!styleA || !styleB) {\n return styleA == styleB;\n }\n styleA = styleA.split(';');\n styleB = styleB.split(';');\n if (styleA.length != styleB.length) {\n return false;\n }\n for (var i = 0, ci; ci = styleA[i++];) {\n if (utils.indexOf(styleB, ci) == -1) {\n return false;\n }\n }\n return true;\n },\n /**\n * 检查节点node是否为block元素\n * @method isBlockElm\n * @param { Node } node 需要检测的节点对象\n * @return { Boolean } 是否是block元素节点\n * @warning 该方法的判断规则如下： 如果该元素原本是block元素， 则不论该元素当前的css样式是什么都会返回true；\n * 否则，检测该元素的css样式， 如果该元素当前是block元素， 则返回true。 其余情况下都返回false。\n * @example\n * ```html\n * \n * \n * \n *\n * \n * ```\n */\n isBlockElm:function (node) {\n return node.nodeType == 1 && (dtd.$block[node.tagName] || styleBlock[domUtils.getComputedStyle(node, 'display')]) && !dtd.$nonChild[node.tagName];\n },\n /**\n * 检测node节点是否为body节点\n * @method isBody\n * @param { Element } node 需要检测的dom元素\n * @return { Boolean } 给定的元素是否是body元素\n * @example\n * ```javascript\n * //output: true\n * console.log( UE.dom.domUtils.isBody( document.body ) );\n * ```\n */\n isBody:function (node) {\n return node && node.nodeType == 1 && node.tagName.toLowerCase() == 'body';\n },\n /**\n * 以node节点为分界，将该节点的指定祖先节点parent拆分成两个独立的节点，\n * 拆分形成的两个节点之间是node节点\n * @method breakParent\n * @param { Node } node 作为分界的节点对象\n * @param { Node } parent 该节点必须是node节点的祖先节点， 且是block节点。\n * @return { Node } 给定的node分界节点\n * @example\n * ```javascript\n *\n * var node = document.createElement(\"span\"),\n * wrapNode = document.createElement( \"div\" ),\n * parent = document.createElement(\"p\");\n *\n * parent.appendChild( node );\n * wrapNode.appendChild( parent );\n *\n * //拆分前\n * //output: \n * console.log( wrapNode.innerHTML );\n *\n *\n * UE.dom.domUtils.breakParent( node, parent );\n * //拆分后\n * //output: \n * console.log( wrapNode.innerHTML );\n *\n * ```\n */\n breakParent:function (node, parent) {\n var tmpNode,\n parentClone = node,\n clone = node,\n leftNodes,\n rightNodes;\n do {\n parentClone = parentClone.parentNode;\n if (leftNodes) {\n tmpNode = parentClone.cloneNode(false);\n tmpNode.appendChild(leftNodes);\n leftNodes = tmpNode;\n tmpNode = parentClone.cloneNode(false);\n tmpNode.appendChild(rightNodes);\n rightNodes = tmpNode;\n } else {\n leftNodes = parentClone.cloneNode(false);\n rightNodes = leftNodes.cloneNode(false);\n }\n while (tmpNode = clone.previousSibling) {\n leftNodes.insertBefore(tmpNode, leftNodes.firstChild);\n }\n while (tmpNode = clone.nextSibling) {\n rightNodes.appendChild(tmpNode);\n }\n clone = parentClone;\n } while (parent !== parentClone);\n tmpNode = parent.parentNode;\n tmpNode.insertBefore(leftNodes, parent);\n tmpNode.insertBefore(rightNodes, parent);\n tmpNode.insertBefore(node, rightNodes);\n domUtils.remove(parent);\n return node;\n },\n /**\n * 检查节点node是否是空inline节点\n * @method isEmptyInlineElement\n * @param { Node } node 需要检测的节点对象\n * @return { Number } 如果给定的节点是空的inline节点， 则返回1, 否则返回0。\n * @example\n * ```html\n * => 1\n * => 1\n * => 1\n * xx => 0\n * ```\n */\n isEmptyInlineElement:function (node) {\n if (node.nodeType != 1 || !dtd.$removeEmpty[ node.tagName ]) {\n return 0;\n }\n node = node.firstChild;\n while (node) {\n //如果是创建的bookmark就跳过\n if (domUtils.isBookmarkNode(node)) {\n return 0;\n }\n if (node.nodeType == 1 && !domUtils.isEmptyInlineElement(node) ||\n node.nodeType == 3 && !domUtils.isWhitespace(node)\n ) {\n return 0;\n }\n node = node.nextSibling;\n }\n return 1;\n\n },\n\n /**\n * 删除node节点下首尾两端的空白文本子节点\n * @method trimWhiteTextNode\n * @param { Element } node 需要执行删除操作的元素对象\n * @example\n * ```javascript\n * var node = document.createElement(\"div\");\n *\n * node.appendChild( document.createTextNode( \"\" ) );\n *\n * node.appendChild( document.createElement(\"div\") );\n *\n * node.appendChild( document.createTextNode( \"\" ) );\n *\n * //3\n * console.log( node.childNodes.length );\n *\n * UE.dom.domUtils.trimWhiteTextNode( node );\n *\n * //1\n * console.log( node.childNodes.length );\n * ```\n */\n trimWhiteTextNode:function (node) {\n function remove(dir) {\n var child;\n while ((child = node[dir]) && child.nodeType == 3 && domUtils.isWhitespace(child)) {\n node.removeChild(child);\n }\n }\n remove('firstChild');\n remove('lastChild');\n },\n\n /**\n * 合并node节点下相同的子节点\n * @name mergeChild\n * @desc\n * UE.dom.domUtils.mergeChild(node,tagName) //tagName要合并的子节点的标签\n * @example\n *
xxaaxx
\n * ==> UE.dom.domUtils.mergeChild(node,'span')\n *xxaaxx
\n */\n mergeChild:function (node, tagName, attrs) {\n var list = domUtils.getElementsByTagName(node, node.tagName.toLowerCase());\n for (var i = 0, ci; ci = list[i++];) {\n if (!ci.parentNode || domUtils.isBookmarkNode(ci)) {\n continue;\n }\n //span单独处理\n if (ci.tagName.toLowerCase() == 'span') {\n if (node === ci.parentNode) {\n domUtils.trimWhiteTextNode(node);\n if (node.childNodes.length == 1) {\n node.style.cssText = ci.style.cssText + \";\" + node.style.cssText;\n domUtils.remove(ci, true);\n continue;\n }\n }\n ci.style.cssText = node.style.cssText + ';' + ci.style.cssText;\n if (attrs) {\n var style = attrs.style;\n if (style) {\n style = style.split(';');\n for (var j = 0, s; s = style[j++];) {\n ci.style[utils.cssStyleToDomStyle(s.split(':')[0])] = s.split(':')[1];\n }\n }\n }\n if (domUtils.isSameStyle(ci, node)) {\n domUtils.remove(ci, true);\n }\n continue;\n }\n if (domUtils.isSameElement(node, ci)) {\n domUtils.remove(ci, true);\n }\n }\n },\n\n /**\n * 原生方法getElementsByTagName的封装\n * @method getElementsByTagName\n * @param { Node } node 目标节点对象\n * @param { String } tagName 需要查找的节点的tagName， 多个tagName以空格分割\n * @return { Array } 符合条件的节点集合\n */\n getElementsByTagName:function (node, name,filter) {\n if(filter && utils.isString(filter)){\n var className = filter;\n filter = function(node){return domUtils.hasClass(node,className)}\n }\n name = utils.trim(name).replace(/[ ]{2,}/g,' ').split(' ');\n var arr = [];\n for(var n = 0,ni;ni=name[n++];){\n var list = node.getElementsByTagName(ni);\n for (var i = 0, ci; ci = list[i++];) {\n if(!filter || filter(ci))\n arr.push(ci);\n }\n }\n\n return arr;\n },\n /**\n * 将节点node提取到父节点上\n * @method mergeToParent\n * @param { Element } node 需要提取的元素对象\n * @example\n * ```html\n *\n *
\n *\n * \n * ```\n */\n mergeToParent:function (node) {\n var parent = node.parentNode;\n while (parent && dtd.$removeEmpty[parent.tagName]) {\n if (parent.tagName == node.tagName || parent.tagName == 'A') {//针对a标签单独处理\n domUtils.trimWhiteTextNode(parent);\n //span需要特殊处理 不处理这样的情况 xxxxxxxxx\n if (parent.tagName == 'SPAN' && !domUtils.isSameStyle(parent, node)\n || (parent.tagName == 'A' && node.tagName == 'SPAN')) {\n if (parent.childNodes.length > 1 || parent !== node.parentNode) {\n node.style.cssText = parent.style.cssText + \";\" + node.style.cssText;\n parent = parent.parentNode;\n continue;\n } else {\n parent.style.cssText += \";\" + node.style.cssText;\n //trace:952 a标签要保持下划线\n if (parent.tagName == 'A') {\n parent.style.textDecoration = 'underline';\n }\n }\n }\n if (parent.tagName != 'A') {\n parent === node.parentNode && domUtils.remove(node, true);\n break;\n }\n }\n parent = parent.parentNode;\n }\n },\n /**\n * 合并节点node的左右兄弟节点\n * @method mergeSibling\n * @param { Element } node 需要合并的目标节点\n * @example\n * ```html\n * xxxxoooxxxx\n *\n * \n * ```\n */\n\n /**\n * 合并节点node的左右兄弟节点， 可以根据给定的条件选择是否忽略合并左节点。\n * @method mergeSibling\n * @param { Element } node 需要合并的目标节点\n * @param { Boolean } ignorePre 是否忽略合并左节点\n * @example\n * ```html\n * xxxxoooxxxx\n *\n * \n * ```\n */\n\n /**\n * 合并节点node的左右兄弟节点，可以根据给定的条件选择是否忽略合并左右节点。\n * @method mergeSibling\n * @param { Element } node 需要合并的目标节点\n * @param { Boolean } ignorePre 是否忽略合并左节点\n * @param { Boolean } ignoreNext 是否忽略合并右节点\n * @remind 如果同时忽略左右节点， 则该操作什么也不会做\n * @example\n * ```html\n * xxxxoooxxxx\n *\n * \n * ```\n */\n mergeSibling:function (node, ignorePre, ignoreNext) {\n function merge(rtl, start, node) {\n var next;\n if ((next = node[rtl]) && !domUtils.isBookmarkNode(next) && next.nodeType == 1 && domUtils.isSameElement(node, next)) {\n while (next.firstChild) {\n if (start == 'firstChild') {\n node.insertBefore(next.lastChild, node.firstChild);\n } else {\n node.appendChild(next.firstChild);\n }\n }\n domUtils.remove(next);\n }\n }\n !ignorePre && merge('previousSibling', 'firstChild', node);\n !ignoreNext && merge('nextSibling', 'lastChild', node);\n },\n\n /**\n * 设置节点node及其子节点不会被选中\n * @method unSelectable\n * @param { Element } node 需要执行操作的dom元素\n * @remind 执行该操作后的节点， 将不能被鼠标选中\n * @example\n * ```javascript\n * UE.dom.domUtils.unSelectable( document.body );\n * ```\n */\n unSelectable:ie && browser.ie9below || browser.opera ? function (node) {\n //for ie9\n node.onselectstart = function () {\n return false;\n };\n node.onclick = node.onkeyup = node.onkeydown = function () {\n return false;\n };\n node.unselectable = 'on';\n node.setAttribute(\"unselectable\", \"on\");\n for (var i = 0, ci; ci = node.all[i++];) {\n switch (ci.tagName.toLowerCase()) {\n case 'iframe' :\n case 'textarea' :\n case 'input' :\n case 'select' :\n break;\n default :\n ci.unselectable = 'on';\n node.setAttribute(\"unselectable\", \"on\");\n }\n }\n } : function (node) {\n node.style.MozUserSelect =\n node.style.webkitUserSelect =\n node.style.msUserSelect =\n node.style.KhtmlUserSelect = 'none';\n },\n /**\n * 删除节点node上的指定属性名称的属性\n * @method removeAttributes\n * @param { Node } node 需要删除属性的节点对象\n * @param { String } attrNames 可以是空格隔开的多个属性名称，该操作将会依次删除相应的属性\n * @example\n * ```html\n * \n * \n *
\n * \n * xxxxx\n *
\n *\n * \n * ```\n */\n\n /**\n * 删除节点node上的指定属性名称的属性\n * @method removeAttributes\n * @param { Node } node 需要删除属性的节点对象\n * @param { Array } attrNames 需要删除的属性名数组\n * @example\n * ```html\n * \n * xxxxx\n *
\n *\n * \n * ```\n */\n removeAttributes:function (node, attrNames) {\n attrNames = utils.isArray(attrNames) ? attrNames : utils.trim(attrNames).replace(/[ ]{2,}/g,' ').split(' ');\n for (var i = 0, ci; ci = attrNames[i++];) {\n ci = attrFix[ci] || ci;\n switch (ci) {\n case 'className':\n node[ci] = '';\n break;\n case 'style':\n node.style.cssText = '';\n var val = node.getAttributeNode('style');\n !browser.ie && val && node.removeAttributeNode(val);\n }\n node.removeAttribute(ci);\n }\n },\n /**\n * 在doc下创建一个标签名为tag，属性为attrs的元素\n * @method createElement\n * @param { DomDocument } doc 新创建的元素属于该document节点创建\n * @param { String } tagName 需要创建的元素的标签名\n * @param { Object } attrs 新创建的元素的属性key-value集合\n * @return { Element } 新创建的元素对象\n * @example\n * ```javascript\n * var ele = UE.dom.domUtils.createElement( document, 'div', {\n * id: 'test'\n * } );\n *\n * //output: DIV\n * console.log( ele.tagName );\n *\n * //output: test\n * console.log( ele.id );\n *\n * ```\n */\n createElement:function (doc, tag, attrs) {\n return domUtils.setAttributes(doc.createElement(tag), attrs)\n },\n /**\n * 为节点node添加属性attrs，attrs为属性键值对\n * @method setAttributes\n * @param { Element } node 需要设置属性的元素对象\n * @param { Object } attrs 需要设置的属性名-值对\n * @return { Element } 设置属性的元素对象\n * @example\n * ```html\n * \n *\n * \n *\n */\n setAttributes:function (node, attrs) {\n for (var attr in attrs) {\n if(attrs.hasOwnProperty(attr)){\n var value = attrs[attr];\n switch (attr) {\n case 'class':\n //ie下要这样赋值，setAttribute不起作用\n node.className = value;\n break;\n case 'style' :\n node.style.cssText = node.style.cssText + \";\" + value;\n break;\n case 'innerHTML':\n node[attr] = value;\n break;\n case 'value':\n node.value = value;\n break;\n default:\n node.setAttribute(attrFix[attr] || attr, value);\n }\n }\n }\n return node;\n },\n\n /**\n * 获取元素element经过计算后的样式值\n * @method getComputedStyle\n * @param { Element } element 需要获取样式的元素对象\n * @param { String } styleName 需要获取的样式名\n * @return { String } 获取到的样式值\n * @example\n * ```html\n * \n *\n * \n *\n * \n * ```\n */\n getComputedStyle:function (element, styleName) {\n //一下的属性单独处理\n var pros = 'width height top left';\n\n if(pros.indexOf(styleName) > -1){\n return element['offset' + styleName.replace(/^\\w/,function(s){return s.toUpperCase()})] + 'px';\n }\n //忽略文本节点\n if (element.nodeType == 3) {\n element = element.parentNode;\n }\n //ie下font-size若body下定义了font-size，则从currentStyle里会取到这个font-size. 取不到实际值，故此修改.\n if (browser.ie && browser.version < 9 && styleName == 'font-size' && !element.style.fontSize &&\n !dtd.$empty[element.tagName] && !dtd.$nonChild[element.tagName]) {\n var span = element.ownerDocument.createElement('span');\n span.style.cssText = 'padding:0;border:0;font-family:simsun;';\n span.innerHTML = '.';\n element.appendChild(span);\n var result = span.offsetHeight;\n element.removeChild(span);\n span = null;\n return result + 'px';\n }\n try {\n var value = domUtils.getStyle(element, styleName) ||\n (window.getComputedStyle ? domUtils.getWindow(element).getComputedStyle(element, '').getPropertyValue(styleName) :\n ( element.currentStyle || element.style )[utils.cssStyleToDomStyle(styleName)]);\n\n } catch (e) {\n return \"\";\n }\n return utils.transUnitToPx(utils.fixColor(styleName, value));\n },\n /**\n * 删除元素element指定的className\n * @method removeClasses\n * @param { Element } ele 需要删除class的元素节点\n * @param { String } classNames 需要删除的className， 多个className之间以空格分开\n * @example\n * ```html\n * xxx\n *\n * \n * ```\n */\n\n /**\n * 删除元素element指定的className\n * @method removeClasses\n * @param { Element } ele 需要删除class的元素节点\n * @param { Array } classNames 需要删除的className数组\n * @example\n * ```html\n * xxx\n *\n * \n * ```\n */\n removeClasses:function (elm, classNames) {\n classNames = utils.isArray(classNames) ? classNames :\n utils.trim(classNames).replace(/[ ]{2,}/g,' ').split(' ');\n for(var i = 0,ci,cls = elm.className;ci=classNames[i++];){\n cls = cls.replace(new RegExp('\\\\b' + ci + '\\\\b'),'')\n }\n cls = utils.trim(cls).replace(/[ ]{2,}/g,' ');\n if(cls){\n elm.className = cls;\n }else{\n domUtils.removeAttributes(elm,['class']);\n }\n },\n /**\n * 给元素element添加className\n * @method addClass\n * @param { Node } ele 需要增加className的元素\n * @param { String } classNames 需要添加的className， 多个className之间以空格分割\n * @remind 相同的类名不会被重复添加\n * @example\n * ```html\n * \n *\n * \n * ```\n */\n\n /**\n * 判断元素element是否包含给定的样式类名className\n * @method hasClass\n * @param { Node } ele 需要检测的元素\n * @param { Array } classNames 需要检测的className数组\n * @return { Boolean } 元素是否包含所有给定的className\n * @example\n * ```html\n * \n *\n * \n * ```\n */\n hasClass:function (element, className) {\n if(utils.isRegExp(className)){\n return className.test(element.className)\n }\n className = utils.trim(className).replace(/[ ]{2,}/g,' ').split(' ');\n for(var i = 0,ci,cls = element.className;ci=className[i++];){\n if(!new RegExp('\\\\b' + ci + '\\\\b','i').test(cls)){\n return false;\n }\n }\n return i - 1 == className.length;\n },\n\n /**\n * 阻止事件默认行为\n * @method preventDefault\n * @param { Event } evt 需要阻止默认行为的事件对象\n * @example\n * ```javascript\n * UE.dom.domUtils.preventDefault( evt );\n * ```\n */\n preventDefault:function (evt) {\n evt.preventDefault ? evt.preventDefault() : (evt.returnValue = false);\n },\n /**\n * 删除元素element指定的样式\n * @method removeStyle\n * @param { Element } element 需要删除样式的元素\n * @param { String } styleName 需要删除的样式名\n * @example\n * ```html\n * \n *\n * \n * ```\n */\n removeStyle:function (element, name) {\n if(browser.ie ){\n //针对color先单独处理一下\n if(name == 'color'){\n name = '(^|;)' + name;\n }\n element.style.cssText = element.style.cssText.replace(new RegExp(name + '[^:]*:[^;]+;?','ig'),'')\n }else{\n if (element.style.removeProperty) {\n element.style.removeProperty (name);\n }else {\n element.style.removeAttribute (utils.cssStyleToDomStyle(name));\n }\n }\n\n\n if (!element.style.cssText) {\n domUtils.removeAttributes(element, ['style']);\n }\n },\n /**\n * 获取元素element的style属性的指定值\n * @method getStyle\n * @param { Element } element 需要获取属性值的元素\n * @param { String } styleName 需要获取的style的名称\n * @warning 该方法仅获取元素style属性中所标明的值\n * @return { String } 该元素包含指定的style属性值\n * @example\n * ```html\n * \n *\n * \n * ```\n */\n getStyle:function (element, name) {\n var value = element.style[ utils.cssStyleToDomStyle(name) ];\n return utils.fixColor(name, value);\n },\n /**\n * 为元素element设置样式属性值\n * @method setStyle\n * @param { Element } element 需要设置样式的元素\n * @param { String } styleName 样式名\n * @param { String } styleValue 样式值\n * @example\n * ```html\n * \n *\n * \n * ```\n */\n setStyle:function (element, name, value) {\n element.style[utils.cssStyleToDomStyle(name)] = value;\n if(!utils.trim(element.style.cssText)){\n this.removeAttributes(element,'style')\n }\n },\n /**\n * 为元素element设置多个样式属性值\n * @method setStyles\n * @param { Element } element 需要设置样式的元素\n * @param { Object } styles 样式名值对\n * @example\n * ```html\n * \n *\n * \n * ```\n */\n setStyles:function (element, styles) {\n for (var name in styles) {\n if (styles.hasOwnProperty(name)) {\n domUtils.setStyle(element, name, styles[name]);\n }\n }\n },\n /**\n * 删除_moz_dirty属性\n * @private\n * @method removeDirtyAttr\n */\n removeDirtyAttr:function (node) {\n for (var i = 0, ci, nodes = node.getElementsByTagName('*'); ci = nodes[i++];) {\n ci.removeAttribute('_moz_dirty');\n }\n node.removeAttribute('_moz_dirty');\n },\n /**\n * 获取子节点的数量\n * @method getChildCount\n * @param { Element } node 需要检测的元素\n * @return { Number } 给定的node元素的子节点数量\n * @example\n * ```html\n * \n * \n *
\n *\n * \n * ```\n */\n\n /**\n * 根据给定的过滤规则， 获取符合条件的子节点的数量\n * @method getChildCount\n * @param { Element } node 需要检测的元素\n * @param { Function } fn 过滤器， 要求对符合条件的子节点返回true， 反之则要求返回false\n * @return { Number } 符合过滤条件的node元素的子节点数量\n * @example\n * ```html\n * \n * \n *
\n *\n * \n * ```\n */\n getChildCount:function (node, fn) {\n var count = 0, first = node.firstChild;\n fn = fn || function () {\n return 1;\n };\n while (first) {\n if (fn(first)) {\n count++;\n }\n first = first.nextSibling;\n }\n return count;\n },\n\n /**\n * 判断给定节点是否为空节点\n * @method isEmptyNode\n * @param { Node } node 需要检测的节点对象\n * @return { Boolean } 节点是否为空\n * @example\n * ```javascript\n * UE.dom.domUtils.isEmptyNode( document.body );\n * ```\n */\n isEmptyNode:function (node) {\n return !node.firstChild || domUtils.getChildCount(node, function (node) {\n return !domUtils.isBr(node) && !domUtils.isBookmarkNode(node) && !domUtils.isWhitespace(node)\n }) == 0\n },\n clearSelectedArr:function (nodes) {\n var node;\n while (node = nodes.pop()) {\n domUtils.removeAttributes(node, ['class']);\n }\n },\n /**\n * 将显示区域滚动到指定节点的位置\n * @method scrollToView\n * @param {Node} node 节点\n * @param {window} win window对象\n * @param {Number} offsetTop 距离上方的偏移量\n */\n scrollToView:function (node, win, offsetTop) {\n var getViewPaneSize = function () {\n var doc = win.document,\n mode = doc.compatMode == 'CSS1Compat';\n return {\n width:( mode ? doc.documentElement.clientWidth : doc.body.clientWidth ) || 0,\n height:( mode ? doc.documentElement.clientHeight : doc.body.clientHeight ) || 0\n };\n },\n getScrollPosition = function (win) {\n if ('pageXOffset' in win) {\n return {\n x:win.pageXOffset || 0,\n y:win.pageYOffset || 0\n };\n }\n else {\n var doc = win.document;\n return {\n x:doc.documentElement.scrollLeft || doc.body.scrollLeft || 0,\n y:doc.documentElement.scrollTop || doc.body.scrollTop || 0\n };\n }\n };\n var winHeight = getViewPaneSize().height, offset = winHeight * -1 + offsetTop;\n offset += (node.offsetHeight || 0);\n var elementPosition = domUtils.getXY(node);\n offset += elementPosition.y;\n var currentScroll = getScrollPosition(win).y;\n // offset += 50;\n if (offset > currentScroll || offset < currentScroll - winHeight) {\n win.scrollTo(0, offset + (offset < 0 ? -20 : 20));\n }\n },\n /**\n * 判断给定节点是否为br\n * @method isBr\n * @param { Node } node 需要判断的节点对象\n * @return { Boolean } 给定的节点是否是br节点\n */\n isBr:function (node) {\n return node.nodeType == 1 && node.tagName == 'BR';\n },\n /**\n * 判断给定的节点是否是一个“填充”节点\n * @private\n * @method isFillChar\n * @param { Node } node 需要判断的节点\n * @param { Boolean } isInStart 是否从节点内容的开始位置匹配\n * @returns { Boolean } 节点是否是填充节点\n */\n isFillChar:function (node,isInStart) {\n if(node.nodeType != 3)\n return false;\n var text = node.nodeValue;\n if(isInStart){\n return new RegExp('^' + domUtils.fillChar).test(text)\n }\n return !text.replace(new RegExp(domUtils.fillChar,'g'), '').length\n },\n isStartInblock:function (range) {\n var tmpRange = range.cloneRange(),\n flag = 0,\n start = tmpRange.startContainer,\n tmp;\n if(start.nodeType == 1 && start.childNodes[tmpRange.startOffset]){\n start = start.childNodes[tmpRange.startOffset];\n var pre = start.previousSibling;\n while(pre && domUtils.isFillChar(pre)){\n start = pre;\n pre = pre.previousSibling;\n }\n }\n if(this.isFillChar(start,true) && tmpRange.startOffset == 1){\n tmpRange.setStartBefore(start);\n start = tmpRange.startContainer;\n }\n\n while (start && domUtils.isFillChar(start)) {\n tmp = start;\n start = start.previousSibling\n }\n if (tmp) {\n tmpRange.setStartBefore(tmp);\n start = tmpRange.startContainer;\n }\n if (start.nodeType == 1 && domUtils.isEmptyNode(start) && tmpRange.startOffset == 1) {\n tmpRange.setStart(start, 0).collapse(true);\n }\n while (!tmpRange.startOffset) {\n start = tmpRange.startContainer;\n if (domUtils.isBlockElm(start) || domUtils.isBody(start)) {\n flag = 1;\n break;\n }\n var pre = tmpRange.startContainer.previousSibling,\n tmpNode;\n if (!pre) {\n tmpRange.setStartBefore(tmpRange.startContainer);\n } else {\n while (pre && domUtils.isFillChar(pre)) {\n tmpNode = pre;\n pre = pre.previousSibling;\n }\n if (tmpNode) {\n tmpRange.setStartBefore(tmpNode);\n } else {\n tmpRange.setStartBefore(tmpRange.startContainer);\n }\n }\n }\n return flag && !domUtils.isBody(tmpRange.startContainer) ? 1 : 0;\n },\n\n /**\n * 判断给定的元素是否是一个空元素\n * @method isEmptyBlock\n * @param { Element } node 需要判断的元素\n * @return { Boolean } 是否是空元素\n * @example\n * ```html\n * \n *\n * \n * ```\n */\n\n /**\n * 根据指定的判断规则判断给定的元素是否是一个空元素\n * @method isEmptyBlock\n * @param { Element } node 需要判断的元素\n * @param { RegExp } reg 对内容执行判断的正则表达式对象\n * @return { Boolean } 是否是空元素\n */\n isEmptyBlock:function (node,reg) {\n if(node.nodeType != 1)\n return 0;\n reg = reg || new RegExp('[ \\xa0\\t\\r\\n' + domUtils.fillChar + ']', 'g');\n\n if (node[browser.ie ? 'innerText' : 'textContent'].replace(reg, '').length > 0) {\n return 0;\n }\n for (var n in dtd.$isNotEmpty) {\n if (node.getElementsByTagName(n).length) {\n return 0;\n }\n }\n return 1;\n },\n\n /**\n * 移动元素使得该元素的位置移动指定的偏移量的距离\n * @method setViewportOffset\n * @param { Element } element 需要设置偏移量的元素\n * @param { Object } offset 偏移量， 形如{ left: 100, top: 50 }的一个键值对， 表示该元素将在\n * 现有的位置上向水平方向偏移offset.left的距离， 在竖直方向上偏移\n * offset.top的距离\n * @example\n * ```html\n * \n *\n * \n * ```\n */\n setViewportOffset:function (element, offset) {\n var left = parseInt(element.style.left) | 0;\n var top = parseInt(element.style.top) | 0;\n var rect = element.getBoundingClientRect();\n var offsetLeft = offset.left - rect.left;\n var offsetTop = offset.top - rect.top;\n if (offsetLeft) {\n element.style.left = left + offsetLeft + 'px';\n }\n if (offsetTop) {\n element.style.top = top + offsetTop + 'px';\n }\n },\n\n /**\n * 用“填充字符”填充节点\n * @method fillNode\n * @private\n * @param { DomDocument } doc 填充的节点所在的docment对象\n * @param { Node } node 需要填充的节点对象\n * @example\n * ```html\n * \n *\n * \n * ```\n */\n fillNode:function (doc, node) {\n var tmpNode = browser.ie ? doc.createTextNode(domUtils.fillChar) : doc.createElement('br');\n node.innerHTML = '';\n node.appendChild(tmpNode);\n },\n\n /**\n * 把节点src的所有子节点追加到另一个节点tag上去\n * @method moveChild\n * @param { Node } src 源节点， 该节点下的所有子节点将被移除\n * @param { Node } tag 目标节点， 从源节点移除的子节点将被追加到该节点下\n * @example\n * ```html\n * \n * \n *
\n * \n * \n *
\n *\n * \n * ```\n */\n\n /**\n * 把节点src的所有子节点移动到另一个节点tag上去, 可以通过dir参数控制附加的行为是“追加”还是“插入顶部”\n * @method moveChild\n * @param { Node } src 源节点， 该节点下的所有子节点将被移除\n * @param { Node } tag 目标节点， 从源节点移除的子节点将被附加到该节点下\n * @param { Boolean } dir 附加方式， 如果为true， 则附加进去的节点将被放到目标节点的顶部， 反之，则放到末尾\n * @example\n * ```html\n * \n * \n *
\n * \n * \n *
\n *\n * \n * ```\n */\n moveChild:function (src, tag, dir) {\n while (src.firstChild) {\n if (dir && tag.firstChild) {\n tag.insertBefore(src.lastChild, tag.firstChild);\n } else {\n tag.appendChild(src.firstChild);\n }\n }\n },\n\n /**\n * 判断节点的标签上是否不存在任何属性\n * @method hasNoAttributes\n * @private\n * @param { Node } node 需要检测的节点对象\n * @return { Boolean } 节点是否不包含任何属性\n * @example\n * ```html\n * xxxx
\n *\n * \n * ```\n */\n hasNoAttributes:function (node) {\n return browser.ie ? /^<\\w+\\s*?>/.test(node.outerHTML) : node.attributes.length == 0;\n },\n\n /**\n * 检测节点是否是UEditor所使用的辅助节点\n * @method isCustomeNode\n * @private\n * @param { Node } node 需要检测的节点\n * @remind 辅助节点是指编辑器要完成工作临时添加的节点， 在输出的时候将会从编辑器内移除， 不会影响最终的结果。\n * @return { Boolean } 给定的节点是否是一个辅助节点\n */\n isCustomeNode:function (node) {\n return node.nodeType == 1 && node.getAttribute('_ue_custom_node_');\n },\n\n /**\n * 检测节点的标签是否是给定的标签\n * @method isTagNode\n * @param { Node } node 需要检测的节点对象\n * @param { String } tagName 标签\n * @return { Boolean } 节点的标签是否是给定的标签\n * @example\n * ```html\n * \n *\n * \n * ```\n */\n isTagNode:function (node, tagNames) {\n return node.nodeType == 1 && new RegExp('\\\\b' + node.tagName + '\\\\b','i').test(tagNames)\n },\n\n /**\n * 给定一个节点数组，在通过指定的过滤器过滤后， 获取其中满足过滤条件的第一个节点\n * @method filterNodeList\n * @param { Array } nodeList 需要过滤的节点数组\n * @param { Function } fn 过滤器， 对符合条件的节点， 执行结果返回true， 反之则返回false\n * @return { Node | NULL } 如果找到符合过滤条件的节点， 则返回该节点， 否则返回NULL\n * @example\n * ```javascript\n * var divNodes = document.getElementsByTagName(\"div\");\n * divNodes = [].slice.call( divNodes, 0 );\n *\n * //output: null\n * console.log( UE.dom.domUtils.filterNodeList( divNodes, function ( node ) {\n * return node.tagName.toLowerCase() !== 'div';\n * } ) );\n * ```\n */\n\n /**\n * 给定一个节点数组nodeList和一组标签名tagNames， 获取其中能够匹配标签名的节点集合中的第一个节点\n * @method filterNodeList\n * @param { Array } nodeList 需要过滤的节点数组\n * @param { String } tagNames 需要匹配的标签名， 多个标签名之间用空格分割\n * @return { Node | NULL } 如果找到标签名匹配的节点， 则返回该节点， 否则返回NULL\n * @example\n * ```javascript\n * var divNodes = document.getElementsByTagName(\"div\");\n * divNodes = [].slice.call( divNodes, 0 );\n *\n * //output: null\n * console.log( UE.dom.domUtils.filterNodeList( divNodes, 'a span' ) );\n * ```\n */\n\n /**\n * 给定一个节点数组，在通过指定的过滤器过滤后， 如果参数forAll为true， 则会返回所有满足过滤\n * 条件的节点集合， 否则， 返回满足条件的节点集合中的第一个节点\n * @method filterNodeList\n * @param { Array } nodeList 需要过滤的节点数组\n * @param { Function } fn 过滤器， 对符合条件的节点， 执行结果返回true， 反之则返回false\n * @param { Boolean } forAll 是否返回整个节点数组, 如果该参数为false， 则返回节点集合中的第一个节点\n * @return { Array | Node | NULL } 如果找到符合过滤条件的节点， 则根据参数forAll的值决定返回满足\n * 过滤条件的节点数组或第一个节点， 否则返回NULL\n * @example\n * ```javascript\n * var divNodes = document.getElementsByTagName(\"div\");\n * divNodes = [].slice.call( divNodes, 0 );\n *\n * //output: 3（假定有3个div）\n * console.log( divNodes.length );\n *\n * var nodes = UE.dom.domUtils.filterNodeList( divNodes, function ( node ) {\n * return node.tagName.toLowerCase() === 'div';\n * }, true );\n *\n * //output: 3\n * console.log( nodes.length );\n *\n * var node = UE.dom.domUtils.filterNodeList( divNodes, function ( node ) {\n * return node.tagName.toLowerCase() === 'div';\n * }, false );\n *\n * //output: div\n * console.log( node.nodeName );\n * ```\n */\n filterNodeList : function(nodelist,filter,forAll){\n var results = [];\n if(!utils .isFunction(filter)){\n var str = filter;\n filter = function(n){\n return utils.indexOf(utils.isArray(str) ? str:str.split(' '), n.tagName.toLowerCase()) != -1\n };\n }\n utils.each(nodelist,function(n){\n filter(n) && results.push(n)\n });\n return results.length == 0 ? null : results.length == 1 || !forAll ? results[0] : results\n },\n\n /**\n * 查询给定的range选区是否在给定的node节点内，且在该节点的最末尾\n * @method isInNodeEndBoundary\n * @param { UE.dom.Range } rng 需要判断的range对象， 该对象的startContainer不能为NULL\n * @param node 需要检测的节点对象\n * @return { Number } 如果给定的选取range对象是在node内部的最末端， 则返回1, 否则返回0\n */\n isInNodeEndBoundary : function (rng,node){\n var start = rng.startContainer;\n if(start.nodeType == 3 && rng.startOffset != start.nodeValue.length){\n return 0;\n }\n if(start.nodeType == 1 && rng.startOffset != start.childNodes.length){\n return 0;\n }\n while(start !== node){\n if(start.nextSibling){\n return 0\n };\n start = start.parentNode;\n }\n return 1;\n },\n isBoundaryNode : function (node,dir){\n var tmp;\n while(!domUtils.isBody(node)){\n tmp = node;\n node = node.parentNode;\n if(tmp !== node[dir]){\n return false;\n }\n }\n return true;\n },\n fillHtml : browser.ie11below ? ' ' : ''\n};\nvar fillCharReg = new RegExp(domUtils.fillChar, 'g');\n\n// core/Range.js\n/**\n * Range封装\n * @file\n * @module UE.dom\n * @class Range\n * @since 1.2.6.1\n */\n\n/**\n * dom操作封装\n * @unfile\n * @module UE.dom\n */\n\n/**\n * Range实现类，本类是UEditor底层核心类，封装不同浏览器之间的Range操作。\n * @unfile\n * @module UE.dom\n * @class Range\n */\n\n\n(function () {\n var guid = 0,\n fillChar = domUtils.fillChar,\n fillData;\n\n /**\n * 更新range的collapse状态\n * @param {Range} range range对象\n */\n function updateCollapse(range) {\n range.collapsed =\n range.startContainer && range.endContainer &&\n range.startContainer === range.endContainer &&\n range.startOffset == range.endOffset;\n }\n\n function selectOneNode(rng){\n return !rng.collapsed && rng.startContainer.nodeType == 1 && rng.startContainer === rng.endContainer && rng.endOffset - rng.startOffset == 1\n }\n function setEndPoint(toStart, node, offset, range) {\n //如果node是自闭合标签要处理\n if (node.nodeType == 1 && (dtd.$empty[node.tagName] || dtd.$nonChild[node.tagName])) {\n offset = domUtils.getNodeIndex(node) + (toStart ? 0 : 1);\n node = node.parentNode;\n }\n if (toStart) {\n range.startContainer = node;\n range.startOffset = offset;\n if (!range.endContainer) {\n range.collapse(true);\n }\n } else {\n range.endContainer = node;\n range.endOffset = offset;\n if (!range.startContainer) {\n range.collapse(false);\n }\n }\n updateCollapse(range);\n return range;\n }\n\n function execContentsAction(range, action) {\n //调整边界\n //range.includeBookmark();\n var start = range.startContainer,\n end = range.endContainer,\n startOffset = range.startOffset,\n endOffset = range.endOffset,\n doc = range.document,\n frag = doc.createDocumentFragment(),\n tmpStart, tmpEnd;\n if (start.nodeType == 1) {\n start = start.childNodes[startOffset] || (tmpStart = start.appendChild(doc.createTextNode('')));\n }\n if (end.nodeType == 1) {\n end = end.childNodes[endOffset] || (tmpEnd = end.appendChild(doc.createTextNode('')));\n }\n if (start === end && start.nodeType == 3) {\n frag.appendChild(doc.createTextNode(start.substringData(startOffset, endOffset - startOffset)));\n //is not clone\n if (action) {\n start.deleteData(startOffset, endOffset - startOffset);\n range.collapse(true);\n }\n return frag;\n }\n var current, currentLevel, clone = frag,\n startParents = domUtils.findParents(start, true), endParents = domUtils.findParents(end, true);\n for (var i = 0; startParents[i] == endParents[i];) {\n i++;\n }\n for (var j = i, si; si = startParents[j]; j++) {\n current = si.nextSibling;\n if (si == start) {\n if (!tmpStart) {\n if (range.startContainer.nodeType == 3) {\n clone.appendChild(doc.createTextNode(start.nodeValue.slice(startOffset)));\n //is not clone\n if (action) {\n start.deleteData(startOffset, start.nodeValue.length - startOffset);\n }\n } else {\n clone.appendChild(!action ? start.cloneNode(true) : start);\n }\n }\n } else {\n currentLevel = si.cloneNode(false);\n clone.appendChild(currentLevel);\n }\n while (current) {\n if (current === end || current === endParents[j]) {\n break;\n }\n si = current.nextSibling;\n clone.appendChild(!action ? current.cloneNode(true) : current);\n current = si;\n }\n clone = currentLevel;\n }\n clone = frag;\n if (!startParents[i]) {\n clone.appendChild(startParents[i - 1].cloneNode(false));\n clone = clone.firstChild;\n }\n for (var j = i, ei; ei = endParents[j]; j++) {\n current = ei.previousSibling;\n if (ei == end) {\n if (!tmpEnd && range.endContainer.nodeType == 3) {\n clone.appendChild(doc.createTextNode(end.substringData(0, endOffset)));\n //is not clone\n if (action) {\n end.deleteData(0, endOffset);\n }\n }\n } else {\n currentLevel = ei.cloneNode(false);\n clone.appendChild(currentLevel);\n }\n //如果两端同级，右边第一次已经被开始做了\n if (j != i || !startParents[i]) {\n while (current) {\n if (current === start) {\n break;\n }\n ei = current.previousSibling;\n clone.insertBefore(!action ? current.cloneNode(true) : current, clone.firstChild);\n current = ei;\n }\n }\n clone = currentLevel;\n }\n if (action) {\n range.setStartBefore(!endParents[i] ? endParents[i - 1] : !startParents[i] ? startParents[i - 1] : endParents[i]).collapse(true);\n }\n tmpStart && domUtils.remove(tmpStart);\n tmpEnd && domUtils.remove(tmpEnd);\n return frag;\n }\n\n /**\n * 创建一个跟document绑定的空的Range实例\n * @constructor\n * @param { Document } document 新建的选区所属的文档对象\n */\n\n /**\n * @property { Node } startContainer 当前Range的开始边界的容器节点, 可以是一个元素节点或者是文本节点\n */\n\n /**\n * @property { Node } startOffset 当前Range的开始边界容器节点的偏移量, 如果是元素节点，\n * 该值就是childNodes中的第几个节点， 如果是文本节点就是文本内容的第几个字符\n */\n\n /**\n * @property { Node } endContainer 当前Range的结束边界的容器节点, 可以是一个元素节点或者是文本节点\n */\n\n /**\n * @property { Node } endOffset 当前Range的结束边界容器节点的偏移量, 如果是元素节点，\n * 该值就是childNodes中的第几个节点， 如果是文本节点就是文本内容的第几个字符\n */\n\n /**\n * @property { Boolean } collapsed 当前Range是否闭合\n * @default true\n * @remind Range是闭合的时候， startContainer === endContainer && startOffset === endOffset\n */\n\n /**\n * @property { Document } document 当前Range所属的Document对象\n * @remind 不同range的的document属性可以是不同的\n */\n var Range = dom.Range = function (document) {\n var me = this;\n me.startContainer =\n me.startOffset =\n me.endContainer =\n me.endOffset = null;\n me.document = document;\n me.collapsed = true;\n };\n\n /**\n * 删除fillData\n * @param doc\n * @param excludeNode\n */\n function removeFillData(doc, excludeNode) {\n try {\n if (fillData && domUtils.inDoc(fillData, doc)) {\n if (!fillData.nodeValue.replace(fillCharReg, '').length) {\n var tmpNode = fillData.parentNode;\n domUtils.remove(fillData);\n while (tmpNode && domUtils.isEmptyInlineElement(tmpNode) &&\n //safari的contains有bug\n (browser.safari ? !(domUtils.getPosition(tmpNode,excludeNode) & domUtils.POSITION_CONTAINS) : !tmpNode.contains(excludeNode))\n ) {\n fillData = tmpNode.parentNode;\n domUtils.remove(tmpNode);\n tmpNode = fillData;\n }\n } else {\n fillData.nodeValue = fillData.nodeValue.replace(fillCharReg, '');\n }\n }\n } catch (e) {\n }\n }\n\n /**\n * @param node\n * @param dir\n */\n function mergeSibling(node, dir) {\n var tmpNode;\n node = node[dir];\n while (node && domUtils.isFillChar(node)) {\n tmpNode = node[dir];\n domUtils.remove(node);\n node = tmpNode;\n }\n }\n\n Range.prototype = {\n\n /**\n * 克隆选区的内容到一个DocumentFragment里\n * @method cloneContents\n * @return { DocumentFragment | NULL } 如果选区是闭合的将返回null， 否则， 返回包含所clone内容的DocumentFragment元素\n * @example\n * ```html\n * \n * \n * xx[xxx]x\n *\n * \n * \n * ```\n */\n cloneContents:function () {\n return this.collapsed ? null : execContentsAction(this, 0);\n },\n\n /**\n * 删除当前选区范围中的所有内容\n * @method deleteContents\n * @remind 执行完该操作后， 当前Range对象变成了闭合状态\n * @return { UE.dom.Range } 当前操作的Range对象\n * @example\n * ```html\n * \n * \n * xx[xxx]x\n *\n * \n * \n * ```\n */\n deleteContents:function () {\n var txt;\n if (!this.collapsed) {\n execContentsAction(this, 1);\n }\n if (browser.webkit) {\n txt = this.startContainer;\n if (txt.nodeType == 3 && !txt.nodeValue.length) {\n this.setStartBefore(txt).collapse(true);\n domUtils.remove(txt);\n }\n }\n return this;\n },\n\n /**\n * 将当前选区的内容提取到一个DocumentFragment里\n * @method extractContents\n * @remind 执行该操作后， 选区将变成闭合状态\n * @warning 执行该操作后， 原来选区所选中的内容将从dom树上剥离出来\n * @return { DocumentFragment } 返回包含所提取内容的DocumentFragment对象\n * @example\n * ```html\n * \n * \n * xx[xxx]x\n *\n * \n * \n */\n extractContents:function () {\n return this.collapsed ? null : execContentsAction(this, 2);\n },\n\n /**\n * 设置Range的开始容器节点和偏移量\n * @method setStart\n * @remind 如果给定的节点是元素节点，那么offset指的是其子元素中索引为offset的元素，\n * 如果是文本节点，那么offset指的是其文本内容的第offset个字符\n * @remind 如果提供的容器节点是一个不能包含子元素的节点， 则该选区的开始容器将被设置\n * 为该节点的父节点， 此时， 其距离开始容器的偏移量也变成了该节点在其父节点\n * 中的索引\n * @param { Node } node 将被设为当前选区开始边界容器的节点对象\n * @param { int } offset 选区的开始位置偏移量\n * @return { UE.dom.Range } 当前range对象\n * @example\n * ```html\n * \n * xxxxxxxxxxxxx[xxx]\n *\n * \n * ```\n * @example\n * ```html\n * \n * xxx
xxxx[xxxx]x
==> range.applyInlineStyle(\"strong\") ==>xxxx[xxxx]x
\n * ```\n */\n\n /**\n * 给range选区中的内容添加给定的inline标签， 并且为标签附加上一些初始化属性。\n * @method applyInlineStyle\n * @param { String } tagName 需要添加的标签名\n * @param { Object } attrs 跟随新添加的标签的属性\n * @return { UE.dom.Range } 当前选区\n * @example\n * ```html\n *xxxx[xxxx]x
\n *\n * ==>\n *\n * \n * range.applyInlineStyle(\"strong\",{\"style\":\"font-size:12px\"})\n *\n * ==>\n *\n *xxxx[xxxx]x
\n * ```\n */\n applyInlineStyle:function (tagName, attrs, list) {\n if (this.collapsed)return this;\n this.trimBoundary().enlarge(false,\n function (node) {\n return node.nodeType == 1 && domUtils.isBlockElm(node)\n }).adjustmentBoundary();\n var bookmark = this.createBookmark(),\n end = bookmark.end,\n filterFn = function (node) {\n return node.nodeType == 1 ? node.tagName.toLowerCase() != 'br' : !domUtils.isWhitespace(node);\n },\n current = domUtils.getNextDomNode(bookmark.start, false, filterFn),\n node,\n pre,\n range = this.cloneRange();\n while (current && (domUtils.getPosition(current, end) & domUtils.POSITION_PRECEDING)) {\n if (current.nodeType == 3 || dtd[tagName][current.tagName]) {\n range.setStartBefore(current);\n node = current;\n while (node && (node.nodeType == 3 || dtd[tagName][node.tagName]) && node !== end) {\n pre = node;\n node = domUtils.getNextDomNode(node, node.nodeType == 1, null, function (parent) {\n return dtd[tagName][parent.tagName];\n });\n }\n var frag = range.setEndAfter(pre).extractContents(), elm;\n if (list && list.length > 0) {\n var level, top;\n top = level = list[0].cloneNode(false);\n for (var i = 1, ci; ci = list[i++];) {\n level.appendChild(ci.cloneNode(false));\n level = level.firstChild;\n }\n elm = level;\n } else {\n elm = range.document.createElement(tagName);\n }\n if (attrs) {\n domUtils.setAttributes(elm, attrs);\n }\n elm.appendChild(frag);\n range.insertNode(list ? top : elm);\n //处理下滑线在a上的情况\n var aNode;\n if (tagName == 'span' && attrs.style && /text\\-decoration/.test(attrs.style) && (aNode = domUtils.findParentByTagName(elm, 'a', true))) {\n domUtils.setAttributes(aNode, attrs);\n domUtils.remove(elm, true);\n elm = aNode;\n } else {\n domUtils.mergeSibling(elm);\n domUtils.clearEmptySibling(elm);\n }\n //去除子节点相同的\n domUtils.mergeChild(elm, attrs);\n current = domUtils.getNextDomNode(elm, false, filterFn);\n domUtils.mergeToParent(elm);\n if (node === end) {\n break;\n }\n } else {\n current = domUtils.getNextDomNode(current, true, filterFn);\n }\n }\n return this.moveToBookmark(bookmark);\n },\n\n /**\n * 移除当前选区内指定的inline标签，但保留其中的内容\n * @method removeInlineStyle\n * @param { String } tagName 需要移除的标签名\n * @return { UE.dom.Range } 当前的range对象\n * @example\n * ```html\n * xx[xxxxyyyzz]z => range.removeInlineStyle([\"em\"]) => xx[xxxxyyyzz]z\n * ```\n */\n\n /**\n * 移除当前选区内指定的一组inline标签，但保留其中的内容\n * @method removeInlineStyle\n * @param { Array } tagNameArr 需要移除的标签名的数组\n * @return { UE.dom.Range } 当前的range对象\n * @see UE.dom.Range:removeInlineStyle(String)\n */\n removeInlineStyle:function (tagNames) {\n if (this.collapsed)return this;\n tagNames = utils.isArray(tagNames) ? tagNames : [tagNames];\n this.shrinkBoundary().adjustmentBoundary();\n var start = this.startContainer, end = this.endContainer;\n while (1) {\n if (start.nodeType == 1) {\n if (utils.indexOf(tagNames, start.tagName.toLowerCase()) > -1) {\n break;\n }\n if (start.tagName.toLowerCase() == 'body') {\n start = null;\n break;\n }\n }\n start = start.parentNode;\n }\n while (1) {\n if (end.nodeType == 1) {\n if (utils.indexOf(tagNames, end.tagName.toLowerCase()) > -1) {\n break;\n }\n if (end.tagName.toLowerCase() == 'body') {\n end = null;\n break;\n }\n }\n end = end.parentNode;\n }\n var bookmark = this.createBookmark(),\n frag,\n tmpRange;\n if (start) {\n tmpRange = this.cloneRange().setEndBefore(bookmark.start).setStartBefore(start);\n frag = tmpRange.extractContents();\n tmpRange.insertNode(frag);\n domUtils.clearEmptySibling(start, true);\n start.parentNode.insertBefore(bookmark.start, start);\n }\n if (end) {\n tmpRange = this.cloneRange().setStartAfter(bookmark.end).setEndAfter(end);\n frag = tmpRange.extractContents();\n tmpRange.insertNode(frag);\n domUtils.clearEmptySibling(end, false, true);\n end.parentNode.insertBefore(bookmark.end, end.nextSibling);\n }\n var current = domUtils.getNextDomNode(bookmark.start, false, function (node) {\n return node.nodeType == 1;\n }), next;\n while (current && current !== bookmark.end) {\n next = domUtils.getNextDomNode(current, true, function (node) {\n return node.nodeType == 1;\n });\n if (utils.indexOf(tagNames, current.tagName.toLowerCase()) > -1) {\n domUtils.remove(current, true);\n }\n current = next;\n }\n return this.moveToBookmark(bookmark);\n },\n\n /**\n * 获取当前选中的自闭合的节点\n * @method getClosedNode\n * @return { Node | NULL } 如果当前选中的是自闭合节点， 则返回该节点， 否则返回NULL\n */\n getClosedNode:function () {\n var node;\n if (!this.collapsed) {\n var range = this.cloneRange().adjustmentBoundary().shrinkBoundary();\n if (selectOneNode(range)) {\n var child = range.startContainer.childNodes[range.startOffset];\n if (child && child.nodeType == 1 && (dtd.$empty[child.tagName] || dtd.$nonChild[child.tagName])) {\n node = child;\n }\n }\n }\n return node;\n },\n\n /**\n * 在页面上高亮range所表示的选区\n * @method select\n * @return { UE.dom.Range } 返回当前Range对象\n */\n //这里不区分ie9以上，trace:3824\n select:browser.ie ? function (noFillData, textRange) {\n var nativeRange;\n if (!this.collapsed)\n this.shrinkBoundary();\n var node = this.getClosedNode();\n if (node && !textRange) {\n try {\n nativeRange = this.document.body.createControlRange();\n nativeRange.addElement(node);\n nativeRange.select();\n } catch (e) {}\n return this;\n }\n var bookmark = this.createBookmark(),\n start = bookmark.start,\n end;\n nativeRange = this.document.body.createTextRange();\n nativeRange.moveToElementText(start);\n nativeRange.moveStart('character', 1);\n if (!this.collapsed) {\n var nativeRangeEnd = this.document.body.createTextRange();\n end = bookmark.end;\n nativeRangeEnd.moveToElementText(end);\n nativeRange.setEndPoint('EndToEnd', nativeRangeEnd);\n } else {\n if (!noFillData && this.startContainer.nodeType != 3) {\n //使用|x固定住光标\n var tmpText = this.document.createTextNode(fillChar),\n tmp = this.document.createElement('span');\n tmp.appendChild(this.document.createTextNode(fillChar));\n start.parentNode.insertBefore(tmp, start);\n start.parentNode.insertBefore(tmpText, start);\n //当点b,i,u时，不能清除i上边的b\n removeFillData(this.document, tmpText);\n fillData = tmpText;\n mergeSibling(tmp, 'previousSibling');\n mergeSibling(start, 'nextSibling');\n nativeRange.moveStart('character', -1);\n nativeRange.collapse(true);\n }\n }\n this.moveToBookmark(bookmark);\n tmp && domUtils.remove(tmp);\n //IE在隐藏状态下不支持range操作，catch一下\n try {\n nativeRange.select();\n } catch (e) {\n }\n return this;\n } : function (notInsertFillData) {\n function checkOffset(rng){\n\n function check(node,offset,dir){\n if(node.nodeType == 3 && node.nodeValue.length < offset){\n rng[dir + 'Offset'] = node.nodeValue.length\n }\n }\n check(rng.startContainer,rng.startOffset,'start');\n check(rng.endContainer,rng.endOffset,'end');\n }\n var win = domUtils.getWindow(this.document),\n sel = win.getSelection(),\n txtNode;\n //FF下关闭自动长高时滚动条在关闭dialog时会跳\n //ff下如果不body.focus将不能定位闭合光标到编辑器内\n browser.gecko ? this.document.body.focus() : win.focus();\n if (sel) {\n sel.removeAllRanges();\n // trace:870 chrome/safari后边是br对于闭合得range不能定位 所以去掉了判断\n // this.startContainer.nodeType != 3 &&! ((child = this.startContainer.childNodes[this.startOffset]) && child.nodeType == 1 && child.tagName == 'BR'\n if (this.collapsed && !notInsertFillData) {\n// //opear如果没有节点接着，原生的不能够定位,不能在body的第一级插入空白节点\n// if (notInsertFillData && browser.opera && !domUtils.isBody(this.startContainer) && this.startContainer.nodeType == 1) {\n// var tmp = this.document.createTextNode('');\n// this.insertNode(tmp).setStart(tmp, 0).collapse(true);\n// }\n//\n //处理光标落在文本节点的情况\n //处理以下的情况\n //|xxxx\n //xxxx|xxxx\n //xxxx|\n var start = this.startContainer,child = start;\n if(start.nodeType == 1){\n child = start.childNodes[this.startOffset];\n\n }\n if( !(start.nodeType == 3 && this.startOffset) &&\n (child ?\n (!child.previousSibling || child.previousSibling.nodeType != 3)\n :\n (!start.lastChild || start.lastChild.nodeType != 3)\n )\n ){\n txtNode = this.document.createTextNode(fillChar);\n //跟着前边走\n this.insertNode(txtNode);\n removeFillData(this.document, txtNode);\n mergeSibling(txtNode, 'previousSibling');\n mergeSibling(txtNode, 'nextSibling');\n fillData = txtNode;\n this.setStart(txtNode, browser.webkit ? 1 : 0).collapse(true);\n }\n }\n var nativeRange = this.document.createRange();\n if(this.collapsed && browser.opera && this.startContainer.nodeType == 1){\n var child = this.startContainer.childNodes[this.startOffset];\n if(!child){\n //往前靠拢\n child = this.startContainer.lastChild;\n if( child && domUtils.isBr(child)){\n this.setStartBefore(child).collapse(true);\n }\n }else{\n //向后靠拢\n while(child && domUtils.isBlockElm(child)){\n if(child.nodeType == 1 && child.childNodes[0]){\n child = child.childNodes[0]\n }else{\n break;\n }\n }\n child && this.setStartBefore(child).collapse(true)\n }\n\n }\n //是createAddress最后一位算的不准，现在这里进行微调\n checkOffset(this);\n nativeRange.setStart(this.startContainer, this.startOffset);\n nativeRange.setEnd(this.endContainer, this.endOffset);\n sel.addRange(nativeRange);\n }\n return this;\n },\n\n /**\n * 滚动到当前range开始的位置\n * @method scrollToView\n * @param { Window } win 当前range对象所属的window对象\n * @return { UE.dom.Range } 当前Range对象\n */\n\n /**\n * 滚动到距离当前range开始位置 offset 的位置处\n * @method scrollToView\n * @param { Window } win 当前range对象所属的window对象\n * @param { Number } offset 距离range开始位置处的偏移量， 如果为正数， 则向下偏移， 反之， 则向上偏移\n * @return { UE.dom.Range } 当前Range对象\n */\n scrollToView:function (win, offset) {\n win = win ? window : domUtils.getWindow(this.document);\n var me = this,\n span = me.document.createElement('span');\n //trace:717\n span.innerHTML = ' ';\n me.cloneRange().insertNode(span);\n domUtils.scrollToView(span, win, offset);\n domUtils.remove(span);\n return me;\n },\n\n /**\n * 判断当前选区内容是否占位符\n * @private\n * @method inFillChar\n * @return { Boolean } 如果是占位符返回true，否则返回false\n */\n inFillChar : function(){\n var start = this.startContainer;\n if(this.collapsed && start.nodeType == 3\n && start.nodeValue.replace(new RegExp('^' + domUtils.fillChar),'').length + 1 == start.nodeValue.length\n ){\n return true;\n }\n return false;\n },\n\n /**\n * 保存\n * @method createAddress\n * @private\n * @return { Boolean } 返回开始和结束的位置\n * @example\n * ```html\n * \n *\n * aaaa\n * \n * \n * bbbb\n * \n * \n *
\n *\n * \n * \n * ```\n */\n createAddress : function(ignoreEnd,ignoreTxt){\n var addr = {},me = this;\n\n function getAddress(isStart){\n var node = isStart ? me.startContainer : me.endContainer;\n var parents = domUtils.findParents(node,true,function(node){return !domUtils.isBody(node)}),\n addrs = [];\n for(var i = 0,ci;ci = parents[i++];){\n addrs.push(domUtils.getNodeIndex(ci,ignoreTxt));\n }\n var firstIndex = 0;\n\n if(ignoreTxt){\n if(node.nodeType == 3){\n var tmpNode = node.previousSibling;\n while(tmpNode && tmpNode.nodeType == 3){\n firstIndex += tmpNode.nodeValue.replace(fillCharReg,'').length;\n tmpNode = tmpNode.previousSibling;\n }\n firstIndex += (isStart ? me.startOffset : me.endOffset)// - (fillCharReg.test(node.nodeValue) ? 1 : 0 )\n }else{\n node = node.childNodes[ isStart ? me.startOffset : me.endOffset];\n if(node){\n firstIndex = domUtils.getNodeIndex(node,ignoreTxt);\n }else{\n node = isStart ? me.startContainer : me.endContainer;\n var first = node.firstChild;\n while(first){\n if(domUtils.isFillChar(first)){\n first = first.nextSibling;\n continue;\n }\n firstIndex++;\n if(first.nodeType == 3){\n while( first && first.nodeType == 3){\n first = first.nextSibling;\n }\n }else{\n first = first.nextSibling;\n }\n }\n }\n }\n\n }else{\n firstIndex = isStart ? domUtils.isFillChar(node) ? 0 : me.startOffset : me.endOffset\n }\n if(firstIndex < 0){\n firstIndex = 0;\n }\n addrs.push(firstIndex);\n return addrs;\n }\n addr.startAddress = getAddress(true);\n if(!ignoreEnd){\n addr.endAddress = me.collapsed ? [].concat(addr.startAddress) : getAddress();\n }\n return addr;\n },\n\n /**\n * 保存\n * @method createAddress\n * @private\n * @return { Boolean } 返回开始和结束的位置\n * @example\n * ```html\n * \n *\n * aaaa\n * \n * \n * bbbb\n * \n * \n *
\n *\n * \n * \n * ```\n */\n moveToAddress : function(addr,ignoreEnd){\n var me = this;\n function getNode(address,isStart){\n var tmpNode = me.document.body,\n parentNode,offset;\n for(var i= 0,ci,l=address.length;i