]/.test(html)) {
return UM.htmlparser(html).children[0]
} else {
return new uNode({
type:'element',
children:[],
tagName:html
})
}
};
uNode.createText = function (data,noTrans) {
return new UM.uNode({
type:'text',
'data':noTrans ? data : utils.unhtml(data || '')
})
};
function nodeToHtml(node, arr, formatter, current) {
switch (node.type) {
case 'root':
for (var i = 0, ci; ci = node.children[i++];) {
//插入新行
if (formatter && ci.type == 'element' && !dtd.$inlineWithA[ci.tagName] && i > 1) {
insertLine(arr, current, true);
insertIndent(arr, current)
}
nodeToHtml(ci, arr, formatter, current)
}
break;
case 'text':
isText(node, arr);
break;
case 'element':
isElement(node, arr, formatter, current);
break;
case 'comment':
isComment(node, arr, formatter);
}
return arr;
}
function isText(node, arr) {
if(node.parentNode.tagName == 'pre'){
//源码模式下输入html标签，不能做转换处理，直接输出
arr.push(node.data)
}else{
arr.push(notTransTagName[node.parentNode.tagName] ? utils.html(node.data) : node.data.replace(/[ ]{2}/g,' '))
}
}
function isElement(node, arr, formatter, current) {
var attrhtml = '';
if (node.attrs) {
attrhtml = [];
var attrs = node.attrs;
for (var a in attrs) {
//这里就针对
//'
//这里边的\"做转换，要不用innerHTML直接被截断了，属性src
//有可能做的不够
attrhtml.push(a + (attrs[a] !== undefined ? '="' + (notTransAttrs[a] ? utils.html(attrs[a]).replace(/["]/g, function (a) {
return '"'
}) : utils.unhtml(attrs[a])) + '"' : ''))
}
attrhtml = attrhtml.join(' ');
}
arr.push('<' + node.tagName +
(attrhtml ? ' ' + attrhtml : '') +
(dtd.$empty[node.tagName] ? '\/' : '' ) + '>'
);
//插入新行
if (formatter && !dtd.$inlineWithA[node.tagName] && node.tagName != 'pre') {
if(node.children && node.children.length){
current = insertLine(arr, current, true);
insertIndent(arr, current)
}
}
if (node.children && node.children.length) {
for (var i = 0, ci; ci = node.children[i++];) {
if (formatter && ci.type == 'element' && !dtd.$inlineWithA[ci.tagName] && i > 1) {
insertLine(arr, current);
insertIndent(arr, current)
}
nodeToHtml(ci, arr, formatter, current)
}
}
if (!dtd.$empty[node.tagName]) {
if (formatter && !dtd.$inlineWithA[node.tagName] && node.tagName != 'pre') {
if(node.children && node.children.length){
current = insertLine(arr, current);
insertIndent(arr, current)
}
}
arr.push('<\/' + node.tagName + '>');
}
}
function isComment(node, arr) {
arr.push('');
}
function getNodeById(root, id) {
var node;
if (root.type == 'element' && root.getAttr('id') == id) {
return root;
}
if (root.children && root.children.length) {
for (var i = 0, ci; ci = root.children[i++];) {
if (node = getNodeById(ci, id)) {
return node;
}
}
}
}
function getNodesByTagName(node, tagName, arr) {
if (node.type == 'element' && node.tagName == tagName) {
arr.push(node);
}
if (node.children && node.children.length) {
for (var i = 0, ci; ci = node.children[i++];) {
getNodesByTagName(ci, tagName, arr)
}
}
}
function nodeTraversal(root,fn){
if(root.children && root.children.length){
for(var i= 0,ci;ci=root.children[i];){
nodeTraversal(ci,fn);
//ci被替换的情况，这里就不再走 fn了
if(ci.parentNode ){
if(ci.children && ci.children.length){
fn(ci)
}
if(ci.parentNode) i++
}
}
}else{
fn(root)
}
}
uNode.prototype = {
/**
* 当前节点对象，转换成html文本
* @method toHtml
* @return { String } 返回转换后的html字符串
* @example
* ```javascript
* node.toHtml();
* ```
*/
/**
* 当前节点对象，转换成html文本
* @method toHtml
* @param { Boolean } formatter 是否格式化返回值
* @return { String } 返回转换后的html字符串
* @example
* ```javascript
* node.toHtml( true );
* ```
*/
toHtml:function (formatter) {
var arr = [];
nodeToHtml(this, arr, formatter, 0);
return arr.join('')
},
/**
* 获取节点的html内容
* @method innerHTML
* @warning 假如节点的type不是'element'，或节点的标签名称不在dtd列表里，直接返回当前节点
* @return { String } 返回节点的html内容
* @example
* ```javascript
* var htmlstr = node.innerHTML();
* ```
*/
/**
* 设置节点的html内容
* @method innerHTML
* @warning 假如节点的type不是'element'，或节点的标签名称不在dtd列表里，直接返回当前节点
* @param { String } htmlstr 传入要设置的html内容
* @return { UM.uNode } 返回节点本身
* @example
* ```javascript
* node.innerHTML('text ');
* ```
*/
innerHTML:function (htmlstr) {
if (this.type != 'element' || dtd.$empty[this.tagName]) {
return this;
}
if (utils.isString(htmlstr)) {
if(this.children){
for (var i = 0, ci; ci = this.children[i++];) {
ci.parentNode = null;
}
}
this.children = [];
var tmpRoot = UM.htmlparser(htmlstr);
for (var i = 0, ci; ci = tmpRoot.children[i++];) {
this.children.push(ci);
ci.parentNode = this;
}
return this;
} else {
var tmpRoot = new UM.uNode({
type:'root',
children:this.children
});
return tmpRoot.toHtml();
}
},
/**
* 获取节点的纯文本内容
* @method innerText
* @warning 假如节点的type不是'element'，或节点的标签名称不在dtd列表里，直接返回当前节点
* @return { String } 返回节点的存文本内容
* @example
* ```javascript
* var textStr = node.innerText();
* ```
*/
/**
* 设置节点的纯文本内容
* @method innerText
* @warning 假如节点的type不是'element'，或节点的标签名称不在dtd列表里，直接返回当前节点
* @param { String } textStr 传入要设置的文本内容
* @return { UM.uNode } 返回节点本身
* @example
* ```javascript
* node.innerText('text ');
* ```
*/
innerText:function (textStr,noTrans) {
if (this.type != 'element' || dtd.$empty[this.tagName]) {
return this;
}
if (textStr) {
if(this.children){
for (var i = 0, ci; ci = this.children[i++];) {
ci.parentNode = null;
}
}
this.children = [];
this.appendChild(uNode.createText(textStr,noTrans));
return this;
} else {
return this.toHtml().replace(/<[^>]+>/g, '');
}
},
/**
* 获取当前对象的data属性
* @method getData
* @return { Object } 若节点的type值是elemenet，返回空字符串，否则返回节点的data属性
* @example
* ```javascript
* node.getData();
* ```
*/
getData:function () {
if (this.type == 'element')
return '';
return this.data
},
/**
* 获取当前节点下的第一个子节点
* @method firstChild
* @return { UM.uNode } 返回第一个子节点
* @example
* ```javascript
* node.firstChild(); //返回第一个子节点
* ```
*/
firstChild:function () {
// if (this.type != 'element' || dtd.$empty[this.tagName]) {
// return this;
// }
return this.children ? this.children[0] : null;
},
/**
* 获取当前节点下的最后一个子节点
* @method lastChild
* @return { UM.uNode } 返回最后一个子节点
* @example
* ```javascript
* node.lastChild(); //返回最后一个子节点
* ```
*/
lastChild:function () {
// if (this.type != 'element' || dtd.$empty[this.tagName] ) {
// return this;
// }
return this.children ? this.children[this.children.length - 1] : null;
},
/**
* 获取和当前节点有相同父亲节点的前一个节点
* @method previousSibling
* @return { UM.uNode } 返回前一个节点
* @example
* ```javascript
* node.children[2].previousSibling(); //返回子节点node.children[1]
* ```
*/
previousSibling : function(){
var parent = this.parentNode;
for (var i = 0, ci; ci = parent.children[i]; i++) {
if (ci === this) {
return i == 0 ? null : parent.children[i-1];
}
}
},
/**
* 获取和当前节点有相同父亲节点的后一个节点
* @method nextSibling
* @return { UM.uNode } 返回后一个节点,找不到返回null
* @example
* ```javascript
* node.children[2].nextSibling(); //如果有，返回子节点node.children[3]
* ```
*/
nextSibling : function(){
var parent = this.parentNode;
for (var i = 0, ci; ci = parent.children[i++];) {
if (ci === this) {
return parent.children[i];
}
}
},
/**
* 用新的节点替换当前节点
* @method replaceChild
* @param { UM.uNode } target 要替换成该节点参数
* @param { UM.uNode } source 要被替换掉的节点
* @return { UM.uNode } 返回替换之后的节点对象
* @example
* ```javascript
* node.replaceChild(newNode, childNode); //用newNode替换childNode,childNode是node的子节点
* ```
*/
replaceChild:function (target, source) {
if (this.children) {
if(target.parentNode){
target.parentNode.removeChild(target);
}
for (var i = 0, ci; ci = this.children[i]; i++) {
if (ci === source) {
this.children.splice(i, 1, target);
source.parentNode = null;
target.parentNode = this;
return target;
}
}
}
},
/**
* 在节点的子节点列表最后位置插入一个节点
* @method appendChild
* @param { UM.uNode } node 要插入的节点
* @return { UM.uNode } 返回刚插入的子节点
* @example
* ```javascript
* node.appendChild( newNode ); //在node内插入子节点newNode
* ```
*/
appendChild:function (node) {
if (this.type == 'root' || (this.type == 'element' && !dtd.$empty[this.tagName])) {
if (!this.children) {
this.children = []
}
if(node.parentNode){
node.parentNode.removeChild(node);
}
for (var i = 0, ci; ci = this.children[i]; i++) {
if (ci === node) {
this.children.splice(i, 1);
break;
}
}
this.children.push(node);
node.parentNode = this;
return node;
}
},
/**
* 在传入节点的前面插入一个节点
* @method insertBefore
* @param { UM.uNode } target 要插入的节点
* @param { UM.uNode } source 在该参数节点前面插入
* @return { UM.uNode } 返回刚插入的子节点
* @example
* ```javascript
* node.parentNode.insertBefore(newNode, node); //在node节点后面插入newNode
* ```
*/
insertBefore:function (target, source) {
if (this.children) {
if(target.parentNode){
target.parentNode.removeChild(target);
}
for (var i = 0, ci; ci = this.children[i]; i++) {
if (ci === source) {
this.children.splice(i, 0, target);
target.parentNode = this;
return target;
}
}
}
},
/**
* 在传入节点的后面插入一个节点
* @method insertAfter
* @param { UM.uNode } target 要插入的节点
* @param { UM.uNode } source 在该参数节点后面插入
* @return { UM.uNode } 返回刚插入的子节点
* @example
* ```javascript
* node.parentNode.insertAfter(newNode, node); //在node节点后面插入newNode
* ```
*/
insertAfter:function (target, source) {
if (this.children) {
if(target.parentNode){
target.parentNode.removeChild(target);
}
for (var i = 0, ci; ci = this.children[i]; i++) {
if (ci === source) {
this.children.splice(i + 1, 0, target);
target.parentNode = this;
return target;
}
}
}
},
/**
* 从当前节点的子节点列表中，移除节点
* @method removeChild
* @param { UM.uNode } node 要移除的节点引用
* @param { Boolean } keepChildren 是否保留移除节点的子节点，若传入true，自动把移除节点的子节点插入到移除的位置
* @return { * } 返回刚移除的子节点
* @example
* ```javascript
* node.removeChild(childNode,true); //在node的子节点列表中移除child节点，并且吧child的子节点插入到移除的位置
* ```
*/
removeChild:function (node,keepChildren) {
if (this.children) {
for (var i = 0, ci; ci = this.children[i]; i++) {
if (ci === node) {
this.children.splice(i, 1);
ci.parentNode = null;
if(keepChildren && ci.children && ci.children.length){
for(var j= 0,cj;cj=ci.children[j];j++){
this.children.splice(i+j,0,cj);
cj.parentNode = this;
}
}
return ci;
}
}
}
},
/**
* 获取当前节点所代表的元素属性，即获取attrs对象下的属性值
* @method getAttr
* @param { String } attrName 要获取的属性名称
* @return { * } 返回attrs对象下的属性值
* @example
* ```javascript
* node.getAttr('title');
* ```
*/
getAttr:function (attrName) {
return this.attrs && this.attrs[attrName.toLowerCase()]
},
/**
* 设置当前节点所代表的元素属性，即设置attrs对象下的属性值
* @method setAttr
* @param { String } attrName 要设置的属性名称
* @param { * } attrVal 要设置的属性值，类型视设置的属性而定
* @return { * } 返回attrs对象下的属性值
* @example
* ```javascript
* node.setAttr('title','标题');
* ```
*/
setAttr:function (attrName, attrVal) {
if (!attrName) {
delete this.attrs;
return;
}
if(!this.attrs){
this.attrs = {};
}
if (utils.isObject(attrName)) {
for (var a in attrName) {
if (!attrName[a]) {
delete this.attrs[a]
} else {
this.attrs[a.toLowerCase()] = attrName[a];
}
}
} else {
if (!attrVal) {
delete this.attrs[attrName]
} else {
this.attrs[attrName.toLowerCase()] = attrVal;
}
}
},
hasAttr: function( attrName ){
var attrVal = this.getAttr( attrName );
return ( attrVal !== null ) && ( attrVal !== undefined );
},
/**
* 获取当前节点在父节点下的位置索引
* @method getIndex
* @return { Number } 返回索引数值，如果没有父节点，返回-1
* @example
* ```javascript
* node.getIndex();
* ```
*/
getIndex:function(){
var parent = this.parentNode;
for(var i= 0,ci;ci=parent.children[i];i++){
if(ci === this){
return i;
}
}
return -1;
},
/**
* 在当前节点下，根据id查找节点
* @method getNodeById
* @param { String } id 要查找的id
* @return { UM.uNode } 返回找到的节点
* @example
* ```javascript
* node.getNodeById('textId');
* ```
*/
getNodeById:function (id) {
var node;
if (this.children && this.children.length) {
for (var i = 0, ci; ci = this.children[i++];) {
if (node = getNodeById(ci, id)) {
return node;
}
}
}
},
/**
* 在当前节点下，根据元素名称查找节点列表
* @method getNodesByTagName
* @param { String } tagNames 要查找的元素名称
* @return { Array } 返回找到的节点列表
* @example
* ```javascript
* node.getNodesByTagName('span');
* ```
*/
getNodesByTagName:function (tagNames) {
tagNames = utils.trim(tagNames).replace(/[ ]{2,}/g, ' ').split(' ');
var arr = [], me = this;
utils.each(tagNames, function (tagName) {
if (me.children && me.children.length) {
for (var i = 0, ci; ci = me.children[i++];) {
getNodesByTagName(ci, tagName, arr)
}
}
});
return arr;
},
/**
* 根据样式名称，获取节点的样式值
* @method getStyle
* @param { String } name 要获取的样式名称
* @return { String } 返回样式值
* @example
* ```javascript
* node.getStyle('font-size');
* ```
*/
getStyle:function (name) {
var cssStyle = this.getAttr('style');
if (!cssStyle) {
return ''
}
var reg = new RegExp('(^|;)\\s*' + name + ':([^;]+)','i');
var match = cssStyle.match(reg);
if (match && match[0]) {
return match[2]
}
return '';
},
/**
* 给节点设置样式
* @method setStyle
* @param { String } name 要设置的的样式名称
* @param { String } val 要设置的的样值
* @example
* ```javascript
* node.setStyle('font-size', '12px');
* ```
*/
setStyle:function (name, val) {
function exec(name, val) {
var reg = new RegExp('(^|;)\\s*' + name + ':([^;]+;?)', 'gi');
cssStyle = cssStyle.replace(reg, '$1');
if (val) {
cssStyle = name + ':' + utils.unhtml(val) + ';' + cssStyle
}
}
var cssStyle = this.getAttr('style');
if (!cssStyle) {
cssStyle = '';
}
if (utils.isObject(name)) {
for (var a in name) {
exec(a, name[a])
}
} else {
exec(name, val)
}
this.setAttr('style', utils.trim(cssStyle))
},
hasClass: function( className ){
if( this.hasAttr('class') ) {
var classNames = this.getAttr('class').split(/\s+/),
hasClass = false;
$.each(classNames, function(key, item){
if( item === className ) {
hasClass = true;
}
});
return hasClass;
} else {
return false;
}
},
addClass: function( className ){
var classes = null,
hasClass = false;
if( this.hasAttr('class') ) {
classes = this.getAttr('class');
classes = classes.split(/\s+/);
classes.forEach( function( item ){
if( item===className ) {
hasClass = true;
return;
}
} );
!hasClass && classes.push( className );
this.setAttr('class', classes.join(" "));
} else {
this.setAttr('class', className);
}
},
removeClass: function( className ){
if( this.hasAttr('class') ) {
var cl = this.getAttr('class');
cl = cl.replace(new RegExp('\\b' + className + '\\b', 'g'),'');
this.setAttr('class', utils.trim(cl).replace(/[ ]{2,}/g,' '));
}
},
/**
* 传入一个函数，递归遍历当前节点下的所有节点
* @method traversal
* @param { Function } fn 遍历到节点的时，传入节点作为参数，运行此函数
* @example
* ```javascript
* traversal(node, function(){
* console.log(node.type);
* });
* ```
*/
traversal:function(fn){
if(this.children && this.children.length){
nodeTraversal(this,fn);
}
return this;
}
}
})();
//html字符串转换成uNode节点
//by zhanyi
var htmlparser = UM.htmlparser = function (htmlstr,ignoreBlank) {
//todo 原来的方式 [^"'<>\/] 有\/就不能配对上 这样的标签了
//先去掉了，加上的原因忘了，这里先记录
var re_tag = /<(?:(?:\/([^>]+)>)|(?:!--([\S|\s]*?)-->)|(?:([^\s\/>]+)\s*((?:(?:"[^"]*")|(?:'[^']*')|[^"'<>])*)\/?>))/g,
re_attr = /([\w\-:.]+)(?:(?:\s*=\s*(?:(?:"([^"]*)")|(?:'([^']*)')|([^\s>]+)))|(?=\s|$))/g;
//ie下取得的html可能会有\n存在，要去掉，在处理replace(/[\t\r\n]*/g,'');代码高量的\n不能去除
var allowEmptyTags = {
b:1,code:1,i:1,u:1,strike:1,s:1,tt:1,strong:1,q:1,samp:1,em:1,span:1,
sub:1,img:1,sup:1,font:1,big:1,small:1,iframe:1,a:1,br:1,pre:1
};
htmlstr = htmlstr.replace(new RegExp(domUtils.fillChar, 'g'), '');
if(!ignoreBlank){
htmlstr = htmlstr.replace(new RegExp('[\\r\\t\\n'+(ignoreBlank?'':' ')+']*<\/?(\\w+)\\s*(?:[^>]*)>[\\r\\t\\n'+(ignoreBlank?'':' ')+']*','g'), function(a,b){
//br暂时单独处理
if(b && allowEmptyTags[b.toLowerCase()]){
return a.replace(/(^[\n\r]+)|([\n\r]+$)/g,'');
}
return a.replace(new RegExp('^[\\r\\n'+(ignoreBlank?'':' ')+']+'),'').replace(new RegExp('[\\r\\n'+(ignoreBlank?'':' ')+']+$'),'');
});
}
var notTransAttrs = {
'href':1,
'src':1
};
var uNode = UM.uNode,
needParentNode = {
'td':'tr',
'tr':['tbody','thead','tfoot'],
'tbody':'table',
'th':'tr',
'thead':'table',
'tfoot':'table',
'caption':'table',
'li':['ul', 'ol'],
'dt':'dl',
'dd':'dl',
'option':'select'
},
needChild = {
'ol':'li',
'ul':'li'
};
function text(parent, data) {
if(needChild[parent.tagName]){
var tmpNode = uNode.createElement(needChild[parent.tagName]);
parent.appendChild(tmpNode);
tmpNode.appendChild(uNode.createText(data));
parent = tmpNode;
}else{
parent.appendChild(uNode.createText(data));
}
}
function element(parent, tagName, htmlattr) {
var needParentTag;
if (needParentTag = needParentNode[tagName]) {
var tmpParent = parent,hasParent;
while(tmpParent.type != 'root'){
if(utils.isArray(needParentTag) ? utils.indexOf(needParentTag, tmpParent.tagName) != -1 : needParentTag == tmpParent.tagName){
parent = tmpParent;
hasParent = true;
break;
}
tmpParent = tmpParent.parentNode;
}
if(!hasParent){
parent = element(parent, utils.isArray(needParentTag) ? needParentTag[0] : needParentTag)
}
}
//按dtd处理嵌套
// if(parent.type != 'root' && !dtd[parent.tagName][tagName])
// parent = parent.parentNode;
var elm = new uNode({
parentNode:parent,
type:'element',
tagName:tagName.toLowerCase(),
//是自闭合的处理一下
children:dtd.$empty[tagName] ? null : []
});
//如果属性存在，处理属性
if (htmlattr) {
var attrs = {}, match;
while (match = re_attr.exec(htmlattr)) {
attrs[match[1].toLowerCase()] = notTransAttrs[match[1].toLowerCase()] ? (match[2] || match[3] || match[4]) : utils.unhtml(match[2] || match[3] || match[4])
}
elm.attrs = attrs;
}
parent.children.push(elm);
//如果是自闭合节点返回父亲节点
return dtd.$empty[tagName] ? parent : elm
}
function comment(parent, data) {
parent.children.push(new uNode({
type:'comment',
data:data,
parentNode:parent
}));
}
var match, currentIndex = 0, nextIndex = 0;
//设置根节点
var root = new uNode({
type:'root',
children:[]
});
var currentParent = root;
while (match = re_tag.exec(htmlstr)) {
currentIndex = match.index;
try{
if (currentIndex > nextIndex) {
//text node
text(currentParent, htmlstr.slice(nextIndex, currentIndex));
}
if (match[3]) {
if(dtd.$cdata[currentParent.tagName]){
text(currentParent, match[0]);
}else{
//start tag
currentParent = element(currentParent, match[3].toLowerCase(), match[4]);
}
} else if (match[1]) {
if(currentParent.type != 'root'){
if(dtd.$cdata[currentParent.tagName] && !dtd.$cdata[match[1]]){
text(currentParent, match[0]);
}else{
var tmpParent = currentParent;
while(currentParent.type == 'element' && currentParent.tagName != match[1].toLowerCase()){
currentParent = currentParent.parentNode;
if(currentParent.type == 'root'){
currentParent = tmpParent;
throw 'break'
}
}
//end tag
currentParent = currentParent.parentNode;
}
}
} else if (match[2]) {
//comment
comment(currentParent, match[2])
}
}catch(e){}
nextIndex = re_tag.lastIndex;
}
//如果结束是文本，就有可能丢掉，所以这里手动判断一下
//例如 sdfsdfsdf sdfsdfsdfsdf
if (nextIndex < htmlstr.length) {
text(currentParent, htmlstr.slice(nextIndex));
}
return root;
};
/**
* @file
* @name UM.filterNode
* @short filterNode
* @desc 根据给定的规则过滤节点
* @import editor.js,core/utils.js
* @anthor zhanyi
*/
var filterNode = UM.filterNode = function () {
function filterNode(node,rules){
switch (node.type) {
case 'text':
break;
case 'element':
var val;
if(val = rules[node.tagName]){
if(val === '-'){
node.parentNode.removeChild(node)
}else if(utils.isFunction(val)){
var parentNode = node.parentNode,
index = node.getIndex();
val(node);
if(node.parentNode){
if(node.children){
for(var i = 0,ci;ci=node.children[i];){
filterNode(ci,rules);
if(ci.parentNode){
i++;
}
}
}
}else{
for(var i = index,ci;ci=parentNode.children[i];){
filterNode(ci,rules);
if(ci.parentNode){
i++;
}
}
}
}else{
var attrs = val['$'];
if(attrs && node.attrs){
var tmpAttrs = {},tmpVal;
for(var a in attrs){
tmpVal = node.getAttr(a);
//todo 只先对style单独处理
if(a == 'style' && utils.isArray(attrs[a])){
var tmpCssStyle = [];
utils.each(attrs[a],function(v){
var tmp;
if(tmp = node.getStyle(v)){
tmpCssStyle.push(v + ':' + tmp);
}
});
tmpVal = tmpCssStyle.join(';')
}
if(tmpVal){
tmpAttrs[a] = tmpVal;
}
}
node.attrs = tmpAttrs;
}
if(node.children){
for(var i = 0,ci;ci=node.children[i];){
filterNode(ci,rules);
if(ci.parentNode){
i++;
}
}
}
}
}else{
//如果不在名单里扣出子节点并删除该节点,cdata除外
if(dtd.$cdata[node.tagName]){
node.parentNode.removeChild(node)
}else{
var parentNode = node.parentNode,
index = node.getIndex();
node.parentNode.removeChild(node,true);
for(var i = index,ci;ci=parentNode.children[i];){
filterNode(ci,rules);
if(ci.parentNode){
i++;
}
}
}
}
break;
case 'comment':
node.parentNode.removeChild(node)
}
}
return function(root,rules){
if(utils.isEmptyObject(rules)){
return root;
}
var val;
if(val = rules['-']){
utils.each(val.split(' '),function(k){
rules[k] = '-'
})
}
for(var i= 0,ci;ci=root.children[i];){
filterNode(ci,rules);
if(ci.parentNode){
i++;
}
}
return root;
}
}();
///import core
/**
* @description 插入内容
* @name baidu.editor.execCommand
* @param {String} cmdName inserthtml插入内容的命令
* @param {String} html 要插入的内容
* @author zhanyi
*/
UM.commands['inserthtml'] = {
execCommand: function (command,html,notNeedFilter){
var me = this,
range,
div;
if(!html){
return;
}
if(me.fireEvent('beforeinserthtml',html) === true){
return;
}
range = me.selection.getRange();
div = range.document.createElement( 'div' );
div.style.display = 'inline';
if (!notNeedFilter) {
var root = UM.htmlparser(html);
//如果给了过滤规则就先进行过滤
if(me.options.filterRules){
UM.filterNode(root,me.options.filterRules);
}
//执行默认的处理
me.filterInputRule(root);
html = root.toHtml()
}
div.innerHTML = utils.trim( html );
if ( !range.collapsed ) {
var tmpNode = range.startContainer;
if(domUtils.isFillChar(tmpNode)){
range.setStartBefore(tmpNode)
}
tmpNode = range.endContainer;
if(domUtils.isFillChar(tmpNode)){
range.setEndAfter(tmpNode)
}
range.txtToElmBoundary();
//结束边界可能放到了br的前边，要把br包含进来
// x[xxx]'+(browser.ie ? '' : '
';
range.setStart(me.body.firstChild,0).collapse(true)
}
}
}
!range.collapsed && range.deleteContents();
if(range.startContainer.nodeType == 1){
var child = range.startContainer.childNodes[range.startOffset],pre;
if(child && domUtils.isBlockElm(child) && (pre = child.previousSibling) && domUtils.isBlockElm(pre)){
range.setEnd(pre,pre.childNodes.length).collapse();
while(child.firstChild){
pre.appendChild(child.firstChild);
}
domUtils.remove(child);
}
}
}
var child,parent,pre,tmp,hadBreak = 0, nextNode;
//如果当前位置选中了fillchar要干掉，要不会产生空行
if(range.inFillChar()){
child = range.startContainer;
if(domUtils.isFillChar(child)){
range.setStartBefore(child).collapse(true);
domUtils.remove(child);
}else if(domUtils.isFillChar(child,true)){
child.nodeValue = child.nodeValue.replace(fillCharReg,'');
range.startOffset--;
range.collapsed && range.collapse(true)
}
}
while ( child = div.firstChild ) {
if(hadBreak){
var p = me.document.createElement('p');
while(child && (child.nodeType == 3 || !dtd.$block[child.tagName])){
nextNode = child.nextSibling;
p.appendChild(child);
child = nextNode;
}
if(p.firstChild){
child = p
}
}
range.insertNode( child );
nextNode = child.nextSibling;
if ( !hadBreak && child.nodeType == domUtils.NODE_ELEMENT && domUtils.isBlockElm( child ) ){
parent = domUtils.findParent( child,function ( node ){ return domUtils.isBlockElm( node ); } );
if ( parent && parent.tagName.toLowerCase() != 'body' && !(dtd[parent.tagName][child.nodeName] && child.parentNode === parent)){
if(!dtd[parent.tagName][child.nodeName]){
pre = parent;
}else{
tmp = child.parentNode;
while (tmp !== parent){
pre = tmp;
tmp = tmp.parentNode;
}
}
domUtils.breakParent( child, pre || tmp );
//去掉break后前一个多余的节点 |<[p> ==>
|
var pre = child.previousSibling;
domUtils.trimWhiteTextNode(pre);
if(!pre.childNodes.length){
domUtils.remove(pre);
}
//trace:2012,在非ie的情况，切开后剩下的节点有可能不能点入光标添加br占位
if(!browser.ie &&
(next = child.nextSibling) &&
domUtils.isBlockElm(next) &&
next.lastChild &&
!domUtils.isBr(next.lastChild)){
next.appendChild(me.document.createElement('br'));
}
hadBreak = 1;
}
}
var next = child.nextSibling;
if(!div.firstChild && next && domUtils.isBlockElm(next)){
range.setStart(next,0).collapse(true);
break;
}
range.setEndAfter( child ).collapse();
}
child = range.startContainer;
if(nextNode && domUtils.isBr(nextNode)){
domUtils.remove(nextNode)
}
//用chrome可能有空白展位符
if(domUtils.isBlockElm(child) && domUtils.isEmptyNode(child)){
if(nextNode = child.nextSibling){
domUtils.remove(child);
if(nextNode.nodeType == 1 && dtd.$block[nextNode.tagName]){
range.setStart(nextNode,0).collapse(true).shrinkBoundary()
}
}else{
try{
child.innerHTML = browser.ie ? domUtils.fillChar : '' + str + '
';
}
html.push(str);
} else {
for (var i = 0; ci = opt[i++];) {
str = '
';
html.push(str);
}
}
me.execCommand('insertHtml', html.join(''), true);
}
};
///import core
///commands 段落格式,居左,居右,居中,两端对齐
///commandsName JustifyLeft,JustifyCenter,JustifyRight,JustifyJustify
///commandsTitle 居左对齐,居中对齐,居右对齐,两端对齐
/**
* @description 居左右中
* @name UM.execCommand
* @param {String} cmdName justify执行对齐方式的命令
* @param {String} align 对齐方式：left居左，right居右，center居中，justify两端对齐
* @author zhanyi
*/
UM.plugins['justify']=function(){
var me = this;
$.each('justifyleft justifyright justifycenter justifyfull'.split(' '),function(i,cmdName){
me.commands[cmdName] = {
execCommand:function (cmdName) {
return this.document.execCommand(cmdName);
},
queryCommandValue: function (cmdName) {
var val = this.document.queryCommandValue(cmdName);
return val === true || val === 'true' ? cmdName.replace(/justify/,'') : '';
},
queryCommandState: function (cmdName) {
return this.document.queryCommandState(cmdName) ? 1 : 0
}
};
})
};
///import core
///import plugins\removeformat.js
///commands 字体颜色,背景色,字号,字体,下划线,删除线
///commandsName ForeColor,BackColor,FontSize,FontFamily,Underline,StrikeThrough
///commandsTitle 字体颜色,背景色,字号,字体,下划线,删除线
/**
* @description 字体
* @name UM.execCommand
* @param {String} cmdName 执行的功能名称
* @param {String} value 传入的值
*/
UM.plugins['font'] = function () {
var me = this,
fonts = {
'forecolor': 'forecolor',
'backcolor': 'backcolor',
'fontsize': 'fontsize',
'fontfamily': 'fontname'
},
cmdNameToStyle = {
'forecolor': 'color',
'backcolor': 'background-color',
'fontsize': 'font-size',
'fontfamily': 'font-family'
},
cmdNameToAttr = {
'forecolor': 'color',
'fontsize': 'size',
'fontfamily': 'face'
};
me.setOpt({
'fontfamily': [
{ name: 'songti', val: '宋体,SimSun'},
{ name: 'yahei', val: '微软雅黑,Microsoft YaHei'},
{ name: 'kaiti', val: '楷体,楷体_GB2312, SimKai'},
{ name: 'heiti', val: '黑体, SimHei'},
{ name: 'lishu', val: '隶书, SimLi'},
{ name: 'andaleMono', val: 'andale mono'},
{ name: 'arial', val: 'arial, helvetica,sans-serif'},
{ name: 'arialBlack', val: 'arial black,avant garde'},
{ name: 'comicSansMs', val: 'comic sans ms'},
{ name: 'impact', val: 'impact,chicago'},
{ name: 'timesNewRoman', val: 'times new roman'},
{ name: 'sans-serif',val:'sans-serif'}
],
'fontsize': [10, 12, 16, 18,24, 32,48]
});
me.addOutputRule(function (root) {
utils.each(root.getNodesByTagName('font'), function (node) {
if (node.tagName == 'font') {
var cssStyle = [];
for (var p in node.attrs) {
switch (p) {
case 'size':
var val = node.attrs[p];
$.each({
'10':'1',
'12':'2',
'16':'3',
'18':'4',
'24':'5',
'32':'6',
'48':'7'
},function(k,v){
if(v == val){
val = k;
return false;
}
});
cssStyle.push('font-size:' + val + 'px');
break;
case 'color':
cssStyle.push('color:' + node.attrs[p]);
break;
case 'face':
cssStyle.push('font-family:' + node.attrs[p]);
break;
case 'style':
cssStyle.push(node.attrs[p]);
}
}
node.attrs = {
'style': cssStyle.join(';')
};
}
node.tagName = 'span';
if(node.parentNode.tagName == 'span' && node.parentNode.children.length == 1){
$.each(node.attrs,function(k,v){
node.parentNode.attrs[k] = k == 'style' ? node.parentNode.attrs[k] + v : v;
})
node.parentNode.removeChild(node,true);
}
});
});
for(var p in fonts){
(function (cmd) {
me.commands[cmd] = {
execCommand: function (cmdName,value) {
if(value == 'transparent'){
return;
}
var rng = this.selection.getRange();
if(rng.collapsed){
var span = $('' +opt.href+' ').attr(opt)[0]).select()
}
}else{
me.document.execCommand('createlink',false,'_umeditor_link');
utils.each(domUtils.getElementsByTagName(me.body,'a',function(n){
return n.getAttribute('href') == '_umeditor_link'
}),function(l){
if($(l).text() == '_umeditor_link'){
$(l).text(opt.href);
}
domUtils.setAttributes(l,opt);
rng.selectNode(l).select()
})
}
},
queryCommandState:function(){
return this.queryCommandValue('link') ? 1 : 0;
},
queryCommandValue:function(){
var path = this.selection.getStartElementPath();
var result;
$.each(path,function(i,n){
if(n.nodeName == "A"){
result = n;
return false;
}
})
return result;
}
};
me.commands['unlink'] = {
execCommand : function() {
this.document.execCommand('unlink');
}
};
};
///import core
///commands 打印
///commandsName Print
///commandsTitle 打印
/**
* @description 打印
* @name baidu.editor.execCommand
* @param {String} cmdName print打印编辑器内容
* @author zhanyi
*/
UM.commands['print'] = {
execCommand : function(){
var me = this,
id = 'editor_print_' + +new Date();
$('').attr('id', id)
.css({
width:'0px',
height:'0px',
'overflow':'hidden',
'float':'left',
'position':'absolute',
top:'-10000px',
left:'-10000px'
})
.appendTo(me.$container.find('.edui-dialog-container'));
var w = window.open('', id, ''),
d = w.document;
d.open();
d.write(''+this.getContent(null,null,true)+'
');
d.close();
},
notNeedUndo : 1
};
///import core
///commands 格式
///commandsName Paragraph
///commandsTitle 段落格式
/**
* 段落样式
* @function
* @name UM.execCommand
* @param {String} cmdName paragraph插入段落执行命令
* @param {String} style 标签值为：'p', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6'
* @param {String} attrs 标签的属性
* @author zhanyi
*/
UM.plugins['paragraph'] = function() {
var me = this;
me.setOpt('paragraph',{'p':'', 'h1':'', 'h2':'', 'h3':'', 'h4':'', 'h5':'', 'h6':''});
me.commands['paragraph'] = {
execCommand : function( cmdName, style ) {
return this.document.execCommand('formatBlock',false,'<' + style + '>');
},
queryCommandValue : function() {
try{
var val = this.document.queryCommandValue('formatBlock')
}catch(e){
}
return val ;
}
};
};
///import core
///import plugins\inserthtml.js
///commands 分割线
///commandsName Horizontal
///commandsTitle 分隔线
/**
* 分割线
* @function
* @name UM.execCommand
* @param {String} cmdName horizontal插入分割线
*/
UM.plugins['horizontal'] = function(){
var me = this;
me.commands['horizontal'] = {
execCommand : function( ) {
this.document.execCommand('insertHorizontalRule');
var rng = me.selection.getRange().txtToElmBoundary(true),
start = rng.startContainer;
if(domUtils.isBody(rng.startContainer)){
var next = rng.startContainer.childNodes[rng.startOffset];
if(!next){
next = $('
').appendTo(rng.startContainer).html(browser.ie ? ' ' : '"+(ie ? "" : "
";
range.setStart(me.body.firstChild,0).setCursor(false,true);
setTimeout(function(){
me.fireEvent("clearDoc");
},0);
}
};
///import core
///commands 撤销和重做
///commandsName Undo,Redo
///commandsTitle 撤销,重做
/**
* @description 回退
* @author zhanyi
*/
UM.plugins['undo'] = function () {
var saveSceneTimer;
var me = this,
maxUndoCount = me.options.maxUndoCount || 20,
maxInputCount = me.options.maxInputCount || 20,
fillchar = new RegExp(domUtils.fillChar + '|<\/hr>', 'gi');// ie会产生多余的
var noNeedFillCharTags = {
ol:1,ul:1,table:1,tbody:1,tr:1,body:1
};
var orgState = me.options.autoClearEmptyNode;
function compareAddr(indexA, indexB) {
if (indexA.length != indexB.length)
return 0;
for (var i = 0, l = indexA.length; i < l; i++) {
if (indexA[i] != indexB[i])
return 0
}
return 1;
}
function compareRangeAddress(rngAddrA, rngAddrB) {
if (rngAddrA.collapsed != rngAddrB.collapsed) {
return 0;
}
if (!compareAddr(rngAddrA.startAddress, rngAddrB.startAddress) || !compareAddr(rngAddrA.endAddress, rngAddrB.endAddress)) {
return 0;
}
return 1;
}
function UndoManager() {
this.list = [];
this.index = 0;
this.hasUndo = false;
this.hasRedo = false;
this.undo = function () {
if (this.hasUndo) {
if (!this.list[this.index - 1] && this.list.length == 1) {
this.reset();
return;
}
while (this.list[this.index].content == this.list[this.index - 1].content) {
this.index--;
if (this.index == 0) {
return this.restore(0);
}
}
this.restore(--this.index);
}
};
this.redo = function () {
if (this.hasRedo) {
while (this.list[this.index].content == this.list[this.index + 1].content) {
this.index++;
if (this.index == this.list.length - 1) {
return this.restore(this.index);
}
}
this.restore(++this.index);
}
};
this.restore = function () {
var me = this.editor;
var scene = this.list[this.index];
var root = UM.htmlparser(scene.content.replace(fillchar, ''));
me.options.autoClearEmptyNode = false;
me.filterInputRule(root,true);
me.options.autoClearEmptyNode = orgState;
//trace:873
//去掉展位符
me.body.innerHTML = root.toHtml();
me.fireEvent('afterscencerestore');
//处理undo后空格不展位的问题
if (browser.ie) {
utils.each(domUtils.getElementsByTagName(me.document,'td th caption p'),function(node){
if(domUtils.isEmptyNode(node)){
domUtils.fillNode(me.document, node);
}
})
}
try{
var rng = new dom.Range(me.document,me.body).moveToAddress(scene.address);
if(browser.ie && rng.collapsed && rng.startContainer.nodeType == 1){
var tmpNode = rng.startContainer.childNodes[rng.startOffset];
if( !tmpNode || tmpNode.nodeType == 1 && dtd.$empty[tmpNode]){
rng.insertNode(me.document.createTextNode(' ')).collapse(true);
}
}
rng.select(noNeedFillCharTags[rng.startContainer.nodeName.toLowerCase()]);
}catch(e){}
this.update();
this.clearKey();
//不能把自己reset了
me.fireEvent('reset', true);
};
this.getScene = function () {
var me = this.editor;
var rng = me.selection.getRange(),
rngAddress = rng.createAddress(false,true);
me.fireEvent('beforegetscene');
var root = UM.htmlparser(me.body.innerHTML,true);
me.options.autoClearEmptyNode = false;
me.filterOutputRule(root,true);
me.options.autoClearEmptyNode = orgState;
var cont = root.toHtml();
browser.ie && (cont = cont.replace(/> <').replace(/\s*\s*/g, '>'));
me.fireEvent('aftergetscene');
return {
address:rngAddress,
content:cont
}
};
this.save = function (notCompareRange,notSetCursor) {
clearTimeout(saveSceneTimer);
var currentScene = this.getScene(notSetCursor),
lastScene = this.list[this.index];
//内容相同位置相同不存
if (lastScene && lastScene.content == currentScene.content &&
( notCompareRange ? 1 : compareRangeAddress(lastScene.address, currentScene.address) )
) {
return;
}
this.list = this.list.slice(0, this.index + 1);
this.list.push(currentScene);
//如果大于最大数量了，就把最前的剔除
if (this.list.length > maxUndoCount) {
this.list.shift();
}
this.index = this.list.length - 1;
this.clearKey();
//跟新undo/redo状态
this.update();
};
this.update = function () {
this.hasRedo = !!this.list[this.index + 1];
this.hasUndo = !!this.list[this.index - 1];
};
this.reset = function () {
this.list = [];
this.index = 0;
this.hasUndo = false;
this.hasRedo = false;
this.clearKey();
};
this.clearKey = function () {
keycont = 0;
lastKeyCode = null;
};
}
me.undoManger = new UndoManager();
me.undoManger.editor = me;
function saveScene() {
this.undoManger.save();
}
me.addListener('saveScene', function () {
var args = Array.prototype.splice.call(arguments,1);
this.undoManger.save.apply(this.undoManger,args);
});
me.addListener('beforeexeccommand', saveScene);
me.addListener('afterexeccommand', saveScene);
me.addListener('reset', function (type, exclude) {
if (!exclude) {
this.undoManger.reset();
}
});
me.commands['redo'] = me.commands['undo'] = {
execCommand:function (cmdName) {
this.undoManger[cmdName]();
},
queryCommandState:function (cmdName) {
return this.undoManger['has' + (cmdName.toLowerCase() == 'undo' ? 'Undo' : 'Redo')] ? 0 : -1;
},
notNeedUndo:1
};
var keys = {
// /*Backspace*/ 8:1, /*Delete*/ 46:1,
/*Shift*/ 16:1, /*Ctrl*/ 17:1, /*Alt*/ 18:1,
37:1, 38:1, 39:1, 40:1
},
keycont = 0,
lastKeyCode;
//输入法状态下不计算字符数
var inputType = false;
me.addListener('ready', function () {
$(this.body).on('compositionstart', function () {
inputType = true;
}).on('compositionend', function () {
inputType = false;
})
});
//快捷键
me.addshortcutkey({
"Undo":"ctrl+90", //undo
"Redo":"ctrl+89,shift+ctrl+z" //redo
});
var isCollapsed = true;
me.addListener('keydown', function (type, evt) {
var me = this;
var keyCode = evt.keyCode || evt.which;
if (!keys[keyCode] && !evt.ctrlKey && !evt.metaKey && !evt.shiftKey && !evt.altKey) {
if (inputType)
return;
if(!me.selection.getRange().collapsed){
me.undoManger.save(false,true);
isCollapsed = false;
return;
}
if (me.undoManger.list.length == 0) {
me.undoManger.save(true);
}
clearTimeout(saveSceneTimer);
function save(cont){
if (cont.selection.getRange().collapsed)
cont.fireEvent('contentchange');
cont.undoManger.save(false,true);
cont.fireEvent('selectionchange');
}
saveSceneTimer = setTimeout(function(){
if(inputType){
var interalTimer = setInterval(function(){
if(!inputType){
save(me);
clearInterval(interalTimer)
}
},300)
return;
}
save(me);
},200);
lastKeyCode = keyCode;
keycont++;
if (keycont >= maxInputCount ) {
save(me)
}
}
});
me.addListener('keyup', function (type, evt) {
var keyCode = evt.keyCode || evt.which;
if (!keys[keyCode] && !evt.ctrlKey && !evt.metaKey && !evt.shiftKey && !evt.altKey) {
if (inputType)
return;
if(!isCollapsed){
this.undoManger.save(false,true);
isCollapsed = true;
}
}
});
};
///import core
///import plugins/inserthtml.js
///import plugins/undo.js
///import plugins/serialize.js
///commands 粘贴
///commandsName PastePlain
///commandsTitle 纯文本粘贴模式
/**
* @description 粘贴
* @author zhanyi
*/
UM.plugins['paste'] = function () {
function getClipboardData(callback) {
var doc = this.document;
if (doc.getElementById('baidu_pastebin')) {
return;
}
var range = this.selection.getRange(),
bk = range.createBookmark(),
//创建剪贴的容器div
pastebin = doc.createElement('div');
pastebin.id = 'baidu_pastebin';
// Safari 要求div必须有内容，才能粘贴内容进来
browser.webkit && pastebin.appendChild(doc.createTextNode(domUtils.fillChar + domUtils.fillChar));
this.body.appendChild(pastebin);
//trace:717 隐藏的span不能得到top
//bk.start.innerHTML = ' ';
bk.start.style.display = '';
pastebin.style.cssText = "position:absolute;width:1px;height:1px;overflow:hidden;left:-1000px;white-space:nowrap;top:" +
//要在现在光标平行的位置加入，否则会出现跳动的问题
$(bk.start).position().top + 'px';
range.selectNodeContents(pastebin).select(true);
setTimeout(function () {
if (browser.webkit) {
for (var i = 0, pastebins = doc.querySelectorAll('#baidu_pastebin'), pi; pi = pastebins[i++];) {
if (domUtils.isEmptyNode(pi)) {
domUtils.remove(pi);
} else {
pastebin = pi;
break;
}
}
}
try {
pastebin.parentNode.removeChild(pastebin);
} catch (e) {
}
range.moveToBookmark(bk).select(true);
callback(pastebin);
}, 0);
}
var me = this;
function filter(div) {
var html;
if (div.firstChild) {
//去掉cut中添加的边界值
var nodes = domUtils.getElementsByTagName(div, 'span');
for (var i = 0, ni; ni = nodes[i++];) {
if (ni.id == '_baidu_cut_start' || ni.id == '_baidu_cut_end') {
domUtils.remove(ni);
}
}
if (browser.webkit) {
var brs = div.querySelectorAll('div br');
for (var i = 0, bi; bi = brs[i++];) {
var pN = bi.parentNode;
if (pN.tagName == 'DIV' && pN.childNodes.length == 1) {
pN.innerHTML = '
';
domUtils.remove(pN);
}
}
var divs = div.querySelectorAll('#baidu_pastebin');
for (var i = 0, di; di = divs[i++];) {
var tmpP = me.document.createElement('p');
di.parentNode.insertBefore(tmpP, di);
while (di.firstChild) {
tmpP.appendChild(di.firstChild);
}
domUtils.remove(di);
}
var metas = div.querySelectorAll('meta');
for (var i = 0, ci; ci = metas[i++];) {
domUtils.remove(ci);
}
var brs = div.querySelectorAll('br');
for (i = 0; ci = brs[i++];) {
if (/^apple-/i.test(ci.className)) {
domUtils.remove(ci);
}
}
}
if (browser.gecko) {
var dirtyNodes = div.querySelectorAll('[_moz_dirty]');
for (i = 0; ci = dirtyNodes[i++];) {
ci.removeAttribute('_moz_dirty');
}
}
if (!browser.ie) {
var spans = div.querySelectorAll('span.Apple-style-span');
for (var i = 0, ci; ci = spans[i++];) {
domUtils.remove(ci, true);
}
}
//ie下使用innerHTML会产生多余的\r\n字符，也会产生 这里过滤掉
html = div.innerHTML;//.replace(/>(?:(\s| )*?)<');
//过滤word粘贴过来的冗余属性
html = UM.filterWord(html);
//取消了忽略空白的第二个参数，粘贴过来的有些是有空白的，会被套上相关的标签
var root = UM.htmlparser(html);
//如果给了过滤规则就先进行过滤
if (me.options.filterRules) {
UM.filterNode(root, me.options.filterRules);
}
//执行默认的处理
me.filterInputRule(root);
//针对chrome的处理
if (browser.webkit) {
var br = root.lastChild();
if (br && br.type == 'element' && br.tagName == 'br') {
root.removeChild(br)
}
utils.each(me.body.querySelectorAll('div'), function (node) {
if (domUtils.isEmptyBlock(node)) {
domUtils.remove(node)
}
})
}
html = {'html': root.toHtml()};
me.fireEvent('beforepaste', html, root);
//抢了默认的粘贴，那后边的内容就不执行了，比如表格粘贴
if(!html.html){
return;
}
me.execCommand('insertHtml', html.html, true);
me.fireEvent("afterpaste", html);
}
}
me.addListener('ready', function () {
$(me.body).on( 'cut', function () {
var range = me.selection.getRange();
if (!range.collapsed && me.undoManger) {
me.undoManger.save();
}
}).on(browser.ie || browser.opera ? 'keydown' : 'paste', function (e) {
//ie下beforepaste在点击右键时也会触发，所以用监控键盘才处理
if ((browser.ie || browser.opera) && ((!e.ctrlKey && !e.metaKey) || e.keyCode != '86')) {
return;
}
getClipboardData.call(me, function (div) {
filter(div);
});
});
});
};
///import core
///commands 有序列表,无序列表
///commandsName InsertOrderedList,InsertUnorderedList
///commandsTitle 有序列表,无序列表
/**
* 有序列表
* @function
* @name UM.execCommand
* @param {String} cmdName insertorderlist插入有序列表
* @param {String} style 值为：decimal,lower-alpha,lower-roman,upper-alpha,upper-roman
* @author zhanyi
*/
/**
* 无序链接
* @function
* @name UM.execCommand
* @param {String} cmdName insertunorderlist插入无序列表
* * @param {String} style 值为：circle,disc,square
* @author zhanyi
*/
UM.plugins['list'] = function () {
var me = this;
me.setOpt( {
'insertorderedlist':{
'decimal':'',
'lower-alpha':'',
'lower-roman':'',
'upper-alpha':'',
'upper-roman':''
},
'insertunorderedlist':{
'circle':'',
'disc':'',
'square':''
}
} );
this.addInputRule(function(root){
utils.each(root.getNodesByTagName('li'), function (node) {
if(node.children.length == 0){
node.parentNode.removeChild(node);
}
})
});
me.commands['insertorderedlist'] =
me.commands['insertunorderedlist'] = {
execCommand:function (cmdName) {
this.document.execCommand(cmdName);
var rng = this.selection.getRange(),
bk = rng.createBookmark(true);
this.$body.find('ol,ul').each(function(i,n){
var parent = n.parentNode;
if(parent.tagName == 'P' && parent.lastChild === parent.firstChild){
$(n).children().each(function(j,li){
var p = parent.cloneNode(false);
$(p).append(li.innerHTML);
$(li).html('').append(p);
});
$(n).insertBefore(parent);
$(parent).remove();
}
if(dtd.$inline[parent.tagName]){
if(parent.tagName == 'SPAN'){
$(n).children().each(function(k,li){
var span = parent.cloneNode(false);
if(li.firstChild.nodeName != 'P'){
while(li.firstChild){
span.appendChild(li.firstChild)
};
$('
').appendTo(li).append(span);
}else{
while(li.firstChild){
span.appendChild(li.firstChild)
};
$(li.firstChild).append(span);
}
})
}
domUtils.remove(parent,true)
}
});
rng.moveToBookmark(bk).select();
return true;
},
queryCommandState:function (cmdName) {
return this.document.queryCommandState(cmdName);
}
};
};
///import core
///import plugins/serialize.js
///import plugins/undo.js
///commands 查看源码
///commandsName Source
///commandsTitle 查看源码
(function (){
var sourceEditors = {
textarea: function (editor, holder){
var textarea = holder.ownerDocument.createElement('textarea');
textarea.style.cssText = 'resize:none;border:0;padding:0;margin:0;overflow-y:auto;outline:0';
// todo: IE下只有onresize属性可用... 很纠结
if (browser.ie && browser.version < 8) {
textarea.style.width = holder.offsetWidth + 'px';
textarea.style.height = holder.offsetHeight + 'px';
holder.onresize = function (){
textarea.style.width = holder.offsetWidth + 'px';
textarea.style.height = holder.offsetHeight + 'px';
};
}
holder.appendChild(textarea);
return {
container : textarea,
setContent: function (content){
textarea.value = content;
},
getContent: function (){
return textarea.value;
},
select: function (){
var range;
if (browser.ie) {
range = textarea.createTextRange();
range.collapse(true);
range.select();
} else {
//todo: chrome下无法设置焦点
textarea.setSelectionRange(0, 0);
textarea.focus();
}
},
dispose: function (){
holder.removeChild(textarea);
// todo
holder.onresize = null;
textarea = null;
holder = null;
}
};
}
};
UM.plugins['source'] = function (){
var me = this;
var opt = this.options;
var sourceMode = false;
var sourceEditor;
opt.sourceEditor = 'textarea';
me.setOpt({
sourceEditorFirst:false
});
function createSourceEditor(holder){
return sourceEditors.textarea(me, holder);
}
var bakCssText;
//解决在源码模式下getContent不能得到最新的内容问题
var oldGetContent = me.getContent,
bakAddress;
me.commands['source'] = {
execCommand: function (){
sourceMode = !sourceMode;
if (sourceMode) {
bakAddress = me.selection.getRange().createAddress(false,true);
me.undoManger && me.undoManger.save(true);
if(browser.gecko){
me.body.contentEditable = false;
}
// bakCssText = me.body.style.cssText;
me.body.style.cssText += ';position:absolute;left:-32768px;top:-32768px;';
me.fireEvent('beforegetcontent');
var root = UM.htmlparser(me.body.innerHTML);
me.filterOutputRule(root);
root.traversal(function (node) {
if (node.type == 'element') {
switch (node.tagName) {
case 'td':
case 'th':
case 'caption':
if(node.children && node.children.length == 1){
if(node.firstChild().tagName == 'br' ){
node.removeChild(node.firstChild())
}
};
break;
case 'pre':
node.innerText(node.innerText().replace(/ /g,' '))
}
}
});
me.fireEvent('aftergetcontent');
var content = root.toHtml(true);
sourceEditor = createSourceEditor(me.body.parentNode);
sourceEditor.setContent(content);
var getStyleValue=function(attr){
return parseInt($(me.body).css(attr));
};
$(sourceEditor.container).width($(me.body).width()+getStyleValue("padding-left")+getStyleValue("padding-right"))
.height($(me.body).height());
setTimeout(function (){
sourceEditor.select();
});
//重置getContent，源码模式下取值也能是最新的数据
me.getContent = function (){
return sourceEditor.getContent() || '' + (browser.ie ? '' : '
';
};
} else {
me.$body.css({
'position':'',
'left':'',
'top':''
});
// me.body.style.cssText = bakCssText;
var cont = sourceEditor.getContent() || '' + (browser.ie ? '' : '
';
//处理掉block节点前后的空格,有可能会误命中，暂时不考虑
cont = cont.replace(new RegExp('[\\r\\t\\n ]*<\/?(\\w+)\\s*(?:[^>]*)>','g'), function(a,b){
if(b && !dtd.$inlineWithA[b.toLowerCase()]){
return a.replace(/(^[\n\r\t ]*)|([\n\r\t ]*$)/g,'');
}
return a.replace(/(^[\n\r\t]*)|([\n\r\t]*$)/g,'')
});
me.setContent(cont);
sourceEditor.dispose();
sourceEditor = null;
//还原getContent方法
me.getContent = oldGetContent;
var first = me.body.firstChild;
//trace:1106 都删除空了，下边会报错，所以补充一个p占位
if(!first){
me.body.innerHTML = ''+(browser.ie?'':'
';
}
//要在ifm为显示时ff才能取到selection,否则报错
//这里不能比较位置了
me.undoManger && me.undoManger.save(true);
if(browser.gecko){
me.body.contentEditable = true;
}
try{
me.selection.getRange().moveToAddress(bakAddress).select();
}catch(e){}
}
this.fireEvent('sourcemodechanged', sourceMode);
},
queryCommandState: function (){
return sourceMode|0;
},
notNeedUndo : 1
};
var oldQueryCommandState = me.queryCommandState;
me.queryCommandState = function (cmdName){
cmdName = cmdName.toLowerCase();
if (sourceMode) {
//源码模式下可以开启的命令
return cmdName in {
'source' : 1,
'fullscreen' : 1
} ? oldQueryCommandState.apply(this, arguments) : -1
}
return oldQueryCommandState.apply(this, arguments);
};
};
})();
///import core
///import plugins/undo.js
///commands 设置回车标签p或br
///commandsName EnterKey
///commandsTitle 设置回车标签p或br
/**
* @description 处理回车
* @author zhanyi
*/
UM.plugins['enterkey'] = function() {
var hTag,
me = this,
tag = me.options.enterTag;
me.addListener('keyup', function(type, evt) {
var keyCode = evt.keyCode || evt.which;
if (keyCode == 13) {
var range = me.selection.getRange(),
start = range.startContainer,
doSave;
//修正在h1-h6里边回车后不能嵌套p的问题
if (!browser.ie) {
if (/h\d/i.test(hTag)) {
if (browser.gecko) {
var h = domUtils.findParentByTagName(start, [ 'h1', 'h2', 'h3', 'h4', 'h5', 'h6','blockquote','caption','table'], true);
if (!h) {
me.document.execCommand('formatBlock', false, '');
doSave = 1;
}
} else {
//chrome remove div
if (start.nodeType == 1) {
var tmp = me.document.createTextNode(''),div;
range.insertNode(tmp);
div = domUtils.findParentByTagName(tmp, 'div', true);
if (div) {
var p = me.document.createElement('p');
while (div.firstChild) {
p.appendChild(div.firstChild);
}
div.parentNode.insertBefore(p, div);
domUtils.remove(div);
range.setStartBefore(tmp).setCursor();
doSave = 1;
}
domUtils.remove(tmp);
}
}
if (me.undoManger && doSave) {
me.undoManger.save();
}
}
//没有站位符，会出现多行的问题
browser.opera && range.select();
}else{
me.fireEvent('saveScene',true,true)
}
}
});
me.addListener('keydown', function(type, evt) {
var keyCode = evt.keyCode || evt.which;
if (keyCode == 13) {//回车
if(me.fireEvent('beforeenterkeydown')){
domUtils.preventDefault(evt);
return;
}
me.fireEvent('saveScene',true,true);
hTag = '';
var range = me.selection.getRange();
if (!range.collapsed) {
//跨td不能删
var start = range.startContainer,
end = range.endContainer,
startTd = domUtils.findParentByTagName(start, 'td', true),
endTd = domUtils.findParentByTagName(end, 'td', true);
if (startTd && endTd && startTd !== endTd || !startTd && endTd || startTd && !endTd) {
evt.preventDefault ? evt.preventDefault() : ( evt.returnValue = false);
return;
}
}
if (tag == 'p') {
if (!browser.ie) {
start = domUtils.findParentByTagName(range.startContainer, ['ol','ul','p', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6','blockquote','caption'], true);
//opera下执行formatblock会在table的场景下有问题，回车在opera原生支持很好，所以暂时在opera去掉调用这个原生的command
//trace:2431
if (!start && !browser.opera) {
me.document.execCommand('formatBlock', false, '
');
if (browser.gecko) {
range = me.selection.getRange();
start = domUtils.findParentByTagName(range.startContainer, 'p', true);
start && domUtils.removeDirtyAttr(start);
}
} else {
hTag = start.tagName;
start.tagName.toLowerCase() == 'p' && browser.gecko && domUtils.removeDirtyAttr(start);
}
}
}
}
});
browser.ie && me.addListener('setDisabled',function(){
$(me.body).find('p').each(function(i,p){
if(domUtils.isEmptyBlock(p)){
p.innerHTML = ' '
}
})
})
};
///import core
///commands 预览
///commandsName Preview
///commandsTitle 预览
/**
* 预览
* @function
* @name UM.execCommand
* @param {String} cmdName preview预览编辑器内容
*/
UM.commands['preview'] = {
execCommand : function(){
var w = window.open('', '_blank', ''),
d = w.document,
c = this.getContent(null,null,true),
path = this.getOpt('UMEDITOR_HOME_URL'),
formula = c.indexOf('mathquill-embedded-latex')!=-1 ?
'
' + formula + ''+c+'
');
d.close();
},
notNeedUndo : 1
};
///import core
///commands 加粗,斜体,上标,下标
///commandsName Bold,Italic,Subscript,Superscript
///commandsTitle 加粗,加斜,下标,上标
/**
* b u i等基础功能实现
* @function
* @name UM.execCommands
* @param {String} cmdName bold加粗。italic斜体。subscript上标。superscript下标。
*/
UM.plugins['basestyle'] = function(){
var basestyles = ['bold','underline','superscript','subscript','italic','strikethrough'],
me = this;
//添加快捷键
me.addshortcutkey({
"Bold" : "ctrl+66",//^B
"Italic" : "ctrl+73", //^I
"Underline" : "ctrl+shift+85",//^U
"strikeThrough" : 'ctrl+shift+83' //^s
});
//过滤最后的产出数据
me.addOutputRule(function(root){
$.each(root.getNodesByTagName('b i u strike s'),function(i,node){
switch (node.tagName){
case 'b':
node.tagName = 'strong';
break;
case 'i':
node.tagName = 'em';
break;
case 'u':
node.tagName = 'span';
node.setStyle('text-decoration','underline');
break;
case 's':
case 'strike':
node.tagName = 'span';
node.setStyle('text-decoration','line-through')
}
});
});
$.each(basestyles,function(i,cmd){
me.commands[cmd] = {
execCommand : function( cmdName ) {
var rng = this.selection.getRange();
if(rng.collapsed && this.queryCommandState(cmdName) != 1){
var node = this.document.createElement({
'bold':'strong',
'underline':'u',
'superscript':'sup',
'subscript':'sub',
'italic':'em',
'strikethrough':'strike'
}[cmdName]);
rng.insertNode(node).setStart(node,0).setCursor(false);
return true;
}else{
return this.document.execCommand(cmdName)
}
},
queryCommandState : function(cmdName) {
if(browser.gecko){
return this.document.queryCommandState(cmdName)
}
var path = this.selection.getStartElementPath(),result = false;
$.each(path,function(i,n){
switch (cmdName){
case 'bold':
if(n.nodeName == 'STRONG' || n.nodeName == 'B'){
result = 1;
return false;
}
break;
case 'underline':
if(n.nodeName == 'U' || n.nodeName == 'SPAN' && $(n).css('text-decoration') == 'underline'){
result = 1;
return false;
}
break;
case 'superscript':
if(n.nodeName == 'SUP'){
result = 1;
return false;
}
break;
case 'subscript':
if(n.nodeName == 'SUB'){
result = 1;
return false;
}
break;
case 'italic':
if(n.nodeName == 'EM' || n.nodeName == 'I'){
result = 1;
return false;
}
break;
case 'strikethrough':
if(n.nodeName == 'S' || n.nodeName == 'STRIKE' || n.nodeName == 'SPAN' && $(n).css('text-decoration') == 'line-through'){
result = 1;
return false;
}
break;
}
})
return result
}
};
})
};
///import core
///import plugins/inserthtml.js
///commands 视频
///commandsName InsertVideo
///commandsTitle 插入视频
///commandsDialog dialogs\video
UM.plugins['video'] = function (){
var me =this,
div;
/**
* 创建插入视频字符窜
* @param url 视频地址
* @param width 视频宽度
* @param height 视频高度
* @param align 视频对齐
* @param toEmbed 是否以flash代替显示
* @param addParagraph 是否需要添加P 标签
*/
function creatInsertStr(url,width,height,id,align,toEmbed){
return !toEmbed ?
'';
}
function switchImgAndEmbed(root,img2embed){
utils.each(root.getNodesByTagName(img2embed ? 'img' : 'embed'),function(node){
if(node.getAttr('class') == 'edui-faked-video'){
var html = creatInsertStr( img2embed ? node.getAttr('_url') : node.getAttr('src'),node.getAttr('width'),node.getAttr('height'),null,node.getStyle('float') || '',img2embed);
node.parentNode.replaceChild(UM.uNode.createElement(html),node)
}
})
}
me.addOutputRule(function(root){
switchImgAndEmbed(root,true)
});
me.addInputRule(function(root){
switchImgAndEmbed(root)
});
me.commands["insertvideo"] = {
execCommand: function (cmd, videoObjs){
videoObjs = utils.isArray(videoObjs)?videoObjs:[videoObjs];
var html = [],id = 'tmpVedio';
for(var i=0,vi,len = videoObjs.length;i
var node = range.startContainer,
tmp,
collapsed = range.collapsed;
while(node.nodeType == 1 && domUtils.isEmptyNode(node) && dtd.$removeEmpty[node.tagName]){
tmp = node.parentNode;
range.setStartBefore(node);
//trace:937
//更新结束边界
if(range.startContainer === range.endContainer){
range.endOffset--;
}
domUtils.remove(node);
node = tmp;
}
if(!collapsed){
node = range.endContainer;
while(node.nodeType == 1 && domUtils.isEmptyNode(node) && dtd.$removeEmpty[node.tagName]){
tmp = node.parentNode;
range.setEndBefore(node);
domUtils.remove(node);
node = tmp;
}
}
}
range = this.selection.getRange();
if(!range.collapsed) {
doRemove( range );
range.select();
}
}
};
};
/*
* 处理特殊键的兼容性问题
*/
UM.plugins['keystrokes'] = function() {
var me = this;
var collapsed = true;
me.addListener('keydown', function(type, evt) {
var keyCode = evt.keyCode || evt.which,
rng = me.selection.getRange();
//处理全选的情况
if(!rng.collapsed && !(evt.ctrlKey || evt.shiftKey || evt.altKey || evt.metaKey) && (keyCode >= 65 && keyCode <=90
|| keyCode >= 48 && keyCode <= 57 ||
keyCode >= 96 && keyCode <= 111 || {
13:1,
8:1,
46:1
}[keyCode])
){
var tmpNode = rng.startContainer;
if(domUtils.isFillChar(tmpNode)){
rng.setStartBefore(tmpNode)
}
tmpNode = rng.endContainer;
if(domUtils.isFillChar(tmpNode)){
rng.setEndAfter(tmpNode)
}
rng.txtToElmBoundary();
//结束边界可能放到了br的前边，要把br包含进来
// x[xxx]'+(browser.ie ? '' : '
';
rng.setStart(me.body.firstChild,0).setCursor(false,true);
me._selectionChange();
return;
}
}
}
}
//处理backspace
if (keyCode == 8) {
rng = me.selection.getRange();
collapsed = rng.collapsed;
if(me.fireEvent('delkeydown',evt)){
return;
}
var start,end;
//避免按两次删除才能生效的问题
if(rng.collapsed && rng.inFillChar()){
start = rng.startContainer;
if(domUtils.isFillChar(start)){
rng.setStartBefore(start).shrinkBoundary(true).collapse(true);
domUtils.remove(start)
}else{
start.nodeValue = start.nodeValue.replace(new RegExp('^' + domUtils.fillChar ),'');
rng.startOffset--;
rng.collapse(true).select(true)
}
}
//解决选中control元素不能删除的问题
if (start = rng.getClosedNode()) {
me.fireEvent('saveScene');
rng.setStartBefore(start);
domUtils.remove(start);
rng.setCursor();
me.fireEvent('saveScene');
domUtils.preventDefault(evt);
return;
}
//阻止在table上的删除
if (!browser.ie) {
start = domUtils.findParentByTagName(rng.startContainer, 'table', true);
end = domUtils.findParentByTagName(rng.endContainer, 'table', true);
if (start && !end || !start && end || start !== end) {
evt.preventDefault();
return;
}
}
start = rng.startContainer;
if(rng.collapsed && start.nodeType == 1){
var currentNode = start.childNodes[rng.startOffset-1];
if(currentNode && currentNode.nodeType == 1 && currentNode.tagName == 'BR'){
me.fireEvent('saveScene');
rng.setStartBefore(currentNode).collapse(true);
domUtils.remove(currentNode);
rng.select();
me.fireEvent('saveScene');
}
}
//trace:3613
if(browser.chrome){
if(rng.collapsed){
while(rng.startOffset == 0 && !domUtils.isEmptyBlock(rng.startContainer)){
rng.setStartBefore(rng.startContainer)
}
var pre = rng.startContainer.childNodes[rng.startOffset-1];
if(pre && pre.nodeName == 'BR'){
rng.setStartBefore(pre);
me.fireEvent('saveScene');
$(pre).remove();
rng.setCursor();
me.fireEvent('saveScene');
}
}
}
}
//trace:1634
//ff的del键在容器空的时候，也会删除
if(browser.gecko && keyCode == 46){
var range = me.selection.getRange();
if(range.collapsed){
start = range.startContainer;
if(domUtils.isEmptyBlock(start)){
var parent = start.parentNode;
while(domUtils.getChildCount(parent) == 1 && !domUtils.isBody(parent)){
start = parent;
parent = parent.parentNode;
}
if(start === parent.lastChild)
evt.preventDefault();
return;
}
}
}
});
me.addListener('keyup', function(type, evt) {
var keyCode = evt.keyCode || evt.which,
rng,me = this;
if(keyCode == 8){
if(me.fireEvent('delkeyup')){
return;
}
rng = me.selection.getRange();
if(rng.collapsed){
var tmpNode,
autoClearTagName = ['h1','h2','h3','h4','h5','h6'];
if(tmpNode = domUtils.findParentByTagName(rng.startContainer,autoClearTagName,true)){
if(domUtils.isEmptyBlock(tmpNode)){
var pre = tmpNode.previousSibling;
if(pre && pre.nodeName != 'TABLE'){
domUtils.remove(tmpNode);
rng.setStartAtLast(pre).setCursor(false,true);
return;
}else{
var next = tmpNode.nextSibling;
if(next && next.nodeName != 'TABLE'){
domUtils.remove(tmpNode);
rng.setStartAtFirst(next).setCursor(false,true);
return;
}
}
}
}
//处理当删除到body时，要重新给p标签展位
if(domUtils.isBody(rng.startContainer)){
var tmpNode = domUtils.createElement(me.document,'p',{
'innerHTML' : browser.ie ? domUtils.fillChar : ''+(browser.ie ? ' ' : '
';
me.focus(true);
}
},
queryCommandState: function () {
return saveKey ? ( LocalStorage.getLocalData( saveKey ) === null ? -1 : 0 ) : -1;
},
notNeedUndo: true,
ignoreContentChange:true
}
};
/**
* @description
* 1.拖放文件到编辑区域，自动上传并插入到选区
* 2.插入粘贴板的图片，自动上传并插入到选区
* @author Jinqn
* @date 2013-10-14
*/
UM.plugins['autoupload'] = function () {
var me = this;
me.setOpt('pasteImageEnabled', true);
me.setOpt('dropFileEnabled', true);
var sendAndInsertImage = function (file, editor) {
//模拟数据
var fd = new FormData();
fd.append(editor.options.imageFieldName || 'upfile', file, file.name || ('blob.' + file.type.substr('image/'.length)));
fd.append('type', 'ajax');
var xhr = new XMLHttpRequest();
xhr.open("post", me.options.imageUrl, true);
xhr.setRequestHeader("X-Requested-With", "XMLHttpRequest");
xhr.addEventListener('load', function (e) {
try {
var json = eval('('+e.target.response+')'),
link = json.url,
picLink = me.options.imagePath + link;
editor.execCommand('insertimage', {
src: picLink,
_src: picLink
});
} catch (er) {
}
});
xhr.send(fd);
};
function getPasteImage(e) {
return e.clipboardData && e.clipboardData.items && e.clipboardData.items.length == 1 && /^image\//.test(e.clipboardData.items[0].type) ? e.clipboardData.items : null;
}
function getDropImage(e) {
return e.dataTransfer && e.dataTransfer.files ? e.dataTransfer.files : null;
}
me.addListener('ready', function () {
if (window.FormData && window.FileReader) {
var autoUploadHandler = function (e) {
var hasImg = false,
items;
//获取粘贴板文件列表或者拖放文件列表
items = e.type == 'paste' ? getPasteImage(e.originalEvent) : getDropImage(e.originalEvent);
if (items) {
var len = items.length,
file;
while (len--) {
file = items[len];
if (file.getAsFile) file = file.getAsFile();
if (file && file.size > 0 && /image\/\w+/i.test(file.type)) {
sendAndInsertImage(file, me);
hasImg = true;
}
}
if (hasImg) return false;
}
};
me.getOpt('pasteImageEnabled') && me.$body.on('paste', autoUploadHandler);
me.getOpt('dropFileEnabled') && me.$body.on('drop', autoUploadHandler);
//取消拖放图片时出现的文字光标位置提示
me.$body.on('dragover', function (e) {
if (e.originalEvent.dataTransfer.types[0] == 'Files') {
return false;
}
});
}
});
};
/**
* 公式插件
*/
UM.plugins['formula'] = function () {
var me = this;
function getActiveIframe() {
return me.$body.find('iframe.edui-formula-active')[0] || null;
}
function blurActiveIframe(){
var iframe = getActiveIframe();
iframe && iframe.contentWindow.formula.blur();
}
me.addInputRule(function (root) {
$.each(root.getNodesByTagName('span'), function (i, node) {
if (node.hasClass('mathquill-embedded-latex')) {
var firstChild, latex = '';
while(firstChild = node.firstChild()){
latex += firstChild.data;
node.removeChild(firstChild);
}
node.tagName = 'iframe';
node.setAttr({
'frameborder': '0',
'src': me.getOpt('UMEDITOR_HOME_URL') + 'dialogs/formula/formula.html',
'data-latex': utils.unhtml(latex)
});
}
});
});
me.addOutputRule(function (root) {
$.each(root.getNodesByTagName('iframe'), function (i, node) {
if (node.hasClass('mathquill-embedded-latex')) {
node.tagName = 'span';
node.appendChild(UM.uNode.createText(node.getAttr('data-latex')));
node.setAttr({
'frameborder': '',
'src': '',
'data-latex': ''
});
}
});
});
me.addListener('click', function(){
blurActiveIframe();
});
me.addListener('afterexeccommand', function(type, cmd){
if(cmd != 'formula') {
blurActiveIframe();
}
});
me.commands['formula'] = {
execCommand: function (cmd, latex) {
var iframe = getActiveIframe();
if (iframe) {
iframe.contentWindow.formula.insertLatex(latex);
} else {
me.execCommand('inserthtml', '' + latex + ' ');
browser.ie && browser.ie9below && setTimeout(function(){
var rng = me.selection.getRange(),
startContainer = rng.startContainer;
if(startContainer.nodeType == 1 && !startContainer.childNodes[rng.startOffset]){
rng.insertNode(me.document.createTextNode(' '));
rng.setCursor()
}
},100)
}
},
queryCommandState: function (cmd) {
return 0;
},
queryCommandValue: function (cmd) {
var iframe = getActiveIframe();
return iframe && iframe.contentWindow.formula.getLatex();
}
}
};
(function ($) {
//对jquery的扩展
$.parseTmpl = function parse(str, data) {
var tmpl = 'var __p=[],print=function(){__p.push.apply(__p,arguments);};' + 'with(obj||{}){__p.push(\'' + str.replace(/\\/g, '\\\\').replace(/'/g, "\\'").replace(/<%=([\s\S]+?)%>/g,function (match, code) {
return "'," + code.replace(/\\'/g, "'") + ",'";
}).replace(/<%([\s\S]+?)%>/g,function (match, code) {
return "');" + code.replace(/\\'/g, "'").replace(/[\r\n\t]/g, ' ') + "__p.push('";
}).replace(/\r/g, '\\r').replace(/\n/g, '\\n').replace(/\t/g, '\\t') + "');}return __p.join('');";
var func = new Function('obj', tmpl);
return data ? func(data) : func;
};
$.extend2 = function (t, s) {
var a = arguments,
notCover = $.type(a[a.length - 1]) == 'boolean' ? a[a.length - 1] : false,
len = $.type(a[a.length - 1]) == 'boolean' ? a.length - 1 : a.length;
for (var i = 1; i < len; i++) {
var x = a[i];
for (var k in x) {
if (!notCover || !t.hasOwnProperty(k)) {
t[k] = x[k];
}
}
}
return t;
};
$.IE6 = !!window.ActiveXObject && parseFloat(navigator.userAgent.match(/msie (\d+)/i)[1]) == 6;
//所有ui的基类
var _eventHandler = [];
var _widget = function () {
};
var _prefix = 'edui';
_widget.prototype = {
on: function (ev, cb) {
this.root().on(ev, $.proxy(cb, this));
return this;
},
off: function (ev, cb) {
this.root().off(ev, $.proxy(cb, this));
return this;
},
trigger: function (ev, data) {
return this.root().trigger(ev, data) === false ? false : this;
},
root: function ($el) {
return this._$el || (this._$el = $el);
},
destroy: function () {
},
data: function (key, val) {
if (val !== undefined) {
this.root().data(_prefix + key, val);
return this;
} else {
return this.root().data(_prefix + key)
}
},
register: function (eventName, $el, fn) {
_eventHandler.push({
'evtname': eventName,
'$els': $.isArray($el) ? $el : [$el],
handler: $.proxy(fn, $el)
})
}
};
//从jq实例上拿到绑定的widget实例
$.fn.edui = function (obj) {
return obj ? this.data('eduiwidget', obj) : this.data('eduiwidget');
};
function _createClass(ClassObj, properties, supperClass) {
ClassObj.prototype = $.extend2(
$.extend({}, properties),
(UM.ui[supperClass] || _widget).prototype,
true
);
ClassObj.prototype.supper = (UM.ui[supperClass] || _widget).prototype;
//父class的defaultOpt 合并
if( UM.ui[supperClass] && UM.ui[supperClass].prototype.defaultOpt ) {
var parentDefaultOptions = UM.ui[supperClass].prototype.defaultOpt,
subDefaultOptions = ClassObj.prototype.defaultOpt;
ClassObj.prototype.defaultOpt = $.extend( {}, parentDefaultOptions, subDefaultOptions || {} );
}
return ClassObj
}
var _guid = 1;
function mergeToJQ(ClassObj, className) {
$[_prefix + className] = ClassObj;
$.fn[_prefix + className] = function (opt) {
var result, args = Array.prototype.slice.call(arguments, 1);
this.each(function (i, el) {
var $this = $(el);
var obj = $this.edui();
if (!obj) {
ClassObj(!opt || !$.isPlainObject(opt) ? {} : opt, $this);
$this.edui(obj)
}
if ($.type(opt) == 'string') {
if (opt == 'this') {
result = obj;
} else {
result = obj[opt].apply(obj, args);
if (result !== obj && result !== undefined) {
return false;
}
result = null;
}
}
});
return result !== null ? result : this;
}
}
UM.ui = {
define: function (className, properties, supperClass) {
var ClassObj = UM.ui[className] = _createClass(function (options, $el) {
var _obj = function () {
};
$.extend(_obj.prototype, ClassObj.prototype, {
guid: className + _guid++,
widgetName: className
}
);
var obj = new _obj;
if ($.type(options) == 'string') {
obj.init && obj.init({});
obj.root().edui(obj);
obj.root().find('a').click(function (evt) {
evt.preventDefault()
});
return obj.root()[_prefix + className].apply(obj.root(), arguments)
} else {
$el && obj.root($el);
obj.init && obj.init(!options || $.isPlainObject(options) ? $.extend2(options || {}, obj.defaultOpt || {}, true) : options);
try{
obj.root().find('a').click(function (evt) {
evt.preventDefault()
});
}catch(e){
}
return obj.root().edui(obj);
}
},properties, supperClass);
mergeToJQ(ClassObj, className);
}
};
$(function () {
$(document).on('click mouseup mousedown dblclick mouseover', function (evt) {
$.each(_eventHandler, function (i, obj) {
if (obj.evtname == evt.type) {
$.each(obj.$els, function (i, $el) {
if ($el[0] !== evt.target && !$.contains($el[0], evt.target)) {
obj.handler(evt);
}
})
}
})
})
})
})(jQuery);
//button 类
UM.ui.define('button', {
tpl: '<<%if(!texttype){%>div class="edui-btn edui-btn-<%=icon%> <%if(name){%>edui-btn-name-<%=name%><%}%>" unselectable="on" onmousedown="return false" <%}else{%>a class="edui-text-btn"<%}%><% if(title) {%> data-original-title="<%=title%>" <%};%>> ' +
'<% if(icon) {%>
<% }; %><%if(text) {%><%=text%> <%}%>' +
'<%if(caret && text){%>data-original-title="<%=title%>"<%}%>>
<%if(icon){%>
<%}%><%if(text){%><%=text%><%}%>
'+
'
',
defaultOpt:{
text:'',
title:'',
click:function(){}
},
init : function(options){
var me = this;
me.root( $($.parseTmpl(me.tpl,options)));
me.root().find('.edui-btn:first').click(function(evt){
if(!me.disabled()){
$.proxy(options.click,me)();
}
});
me.root().find('.edui-dropdown-toggle').click(function(){
if(!me.disabled()){
me.trigger('arrowclick')
}
});
me.root().hover(function () {
if(!me.root().hasClass("edui-disabled")){
me.root().toggleClass('edui-hover')
}
});
return me;
},
wrapclick:function(fn,evt){
if(!this.disabled()){
$.proxy(fn,this,evt)()
}
return this;
},
disabled : function(state){
if(state === undefined){
return this.root().hasClass('edui-disabled')
}
this.root().toggleClass('edui-disabled',state).find('.edui-btn').toggleClass('edui-disabled',state);
return this;
},
active:function(state){
if(state === undefined){
return this.root().hasClass('edui-active')
}
this.root().toggleClass('edui-active',state).find('.edui-btn:first').toggleClass('edui-active',state);
return this;
},
mergeWith:function($obj){
var me = this;
me.data('$mergeObj',$obj);
$obj.edui().data('$mergeObj',me.root());
if(!$.contains(document.body,$obj[0])){
$obj.appendTo(me.root());
}
me.root().delegate('.edui-dropdown-toggle','click',function(){
me.wrapclick(function(){
$obj.edui().show();
})
});
me.register('click',me.root().find('.edui-dropdown-toggle'),function(evt){
$obj.hide()
});
}
});
/**
* Created with JetBrains PhpStorm.
* User: hn
* Date: 13-7-10
* Time: 下午3:07
* To change this template use File | Settings | File Templates.
*/
UM.ui.define('colorsplitbutton',{
tpl : '
data-original-title="<%=title%>"<%}%>>
<%if(icon){%>
<%}%>
style="background: <%=color%>"<%}%>>
<%if(text){%><%=text%><%}%>
'+
'
',
defaultOpt: {
color: ''
},
init: function( options ){
var me = this;
me.supper.init.call( me, options );
},
colorLabel: function(){
return this.root().find('.edui-splitbutton-color-label');
}
}, 'splitbutton');
//popup 类
UM.ui.define('popup', {
tpl: '',
defaultOpt: {
stopprop:false,
subtpl: '',
width: '',
height: ''
},
init: function (options) {
this.root($($.parseTmpl(this.tpl, options)));
return this;
},
mergeTpl: function (data) {
return $.parseTmpl(this.tpl, {subtpl: data});
},
show: function ($obj, posObj) {
if (!posObj) posObj = {};
var fnname = posObj.fnname || 'position';
if (this.trigger('beforeshow') === false) {
return;
} else {
this.root().css($.extend({display: 'block'}, $obj ? {
top: $obj[fnname]().top + ( posObj.dir == 'right' ? 0 : $obj.outerHeight()) - (posObj.offsetTop || 0),
left: $obj[fnname]().left + (posObj.dir == 'right' ? $obj.outerWidth() : 0) - (posObj.offsetLeft || 0),
position: 'absolute'
} : {}));
this.root().find('.edui-popup-caret').css({
top: posObj.caretTop || 0,
left: posObj.caretLeft || 0,
position: 'absolute'
}).addClass(posObj.caretDir || "up")
}
this.trigger("aftershow");
},
hide: function () {
this.root().css('display', 'none');
this.trigger('afterhide')
},
attachTo: function ($obj, posObj) {
var me = this
if (!$obj.data('$mergeObj')) {
$obj.data('$mergeObj', me.root());
$obj.on('wrapclick', function (evt) {
me.show($obj, posObj)
});
me.register('click', $obj, function (evt) {
me.hide()
});
me.data('$mergeObj', $obj)
}
},
getBodyContainer: function () {
return this.root().find(".edui-popup-body");
}
});
//scale 类
UM.ui.define('scale', {
tpl: '
' +
'
',
defaultOpt: {
$doc: $(document),
$wrap: $(document)
},
init: function (options) {
if(options.$doc) this.defaultOpt.$doc = options.$doc;
if(options.$wrap) this.defaultOpt.$wrap = options.$wrap;
this.root($($.parseTmpl(this.tpl, options)));
this.initStyle();
this.startPos = this.prePos = {x: 0, y: 0};
this.dragId = -1;
return this;
},
initStyle: function () {
utils.cssRule('edui-style-scale', '.edui-scale{display:none;position:absolute;border:1px solid #38B2CE;cursor:hand;}' +
'.edui-scale span{position:absolute;left:0;top:0;width:7px;height:7px;overflow:hidden;font-size:0px;display:block;background-color:#3C9DD0;}'
+ '.edui-scale .edui-scale-hand0{cursor:nw-resize;top:0;margin-top:-4px;left:0;margin-left:-4px;}'
+ '.edui-scale .edui-scale-hand1{cursor:n-resize;top:0;margin-top:-4px;left:50%;margin-left:-4px;}'
+ '.edui-scale .edui-scale-hand2{cursor:ne-resize;top:0;margin-top:-4px;left:100%;margin-left:-3px;}'
+ '.edui-scale .edui-scale-hand3{cursor:w-resize;top:50%;margin-top:-4px;left:0;margin-left:-4px;}'
+ '.edui-scale .edui-scale-hand4{cursor:e-resize;top:50%;margin-top:-4px;left:100%;margin-left:-3px;}'
+ '.edui-scale .edui-scale-hand5{cursor:sw-resize;top:100%;margin-top:-3px;left:0;margin-left:-4px;}'
+ '.edui-scale .edui-scale-hand6{cursor:s-resize;top:100%;margin-top:-3px;left:50%;margin-left:-4px;}'
+ '.edui-scale .edui-scale-hand7{cursor:se-resize;top:100%;margin-top:-3px;left:100%;margin-left:-3px;}');
},
_eventHandler: function (e) {
var me = this,
$doc = me.defaultOpt.$doc;
switch (e.type) {
case 'mousedown':
var hand = e.target || e.srcElement, hand;
if (hand.className.indexOf('edui-scale-hand') != -1) {
me.dragId = hand.className.slice(-1);
me.startPos.x = me.prePos.x = e.clientX;
me.startPos.y = me.prePos.y = e.clientY;
$doc.bind('mousemove', $.proxy(me._eventHandler, me));
}
break;
case 'mousemove':
if (me.dragId != -1) {
me.updateContainerStyle(me.dragId, {x: e.clientX - me.prePos.x, y: e.clientY - me.prePos.y});
me.prePos.x = e.clientX;
me.prePos.y = e.clientY;
me.updateTargetElement();
}
break;
case 'mouseup':
if (me.dragId != -1) {
me.dragId = -1;
me.updateTargetElement();
var $target = me.data('$scaleTarget');
if ($target.parent()) me.attachTo(me.data('$scaleTarget'));
}
$doc.unbind('mousemove', $.proxy(me._eventHandler, me));
break;
default:
break;
}
},
updateTargetElement: function () {
var me = this,
$root = me.root(),
$target = me.data('$scaleTarget');
$target.css({width: $root.width(), height: $root.height()});
me.attachTo($target);
},
updateContainerStyle: function (dir, offset) {
var me = this,
$dom = me.root(),
tmp,
rect = [
//[left, top, width, height]
[0, 0, -1, -1],
[0, 0, 0, -1],
[0, 0, 1, -1],
[0, 0, -1, 0],
[0, 0, 1, 0],
[0, 0, -1, 1],
[0, 0, 0, 1],
[0, 0, 1, 1]
];
if (rect[dir][0] != 0) {
tmp = parseInt($dom.offset().left) + offset.x;
$dom.css('left', me._validScaledProp('left', tmp));
}
if (rect[dir][1] != 0) {
tmp = parseInt($dom.offset().top) + offset.y;
$dom.css('top', me._validScaledProp('top', tmp));
}
if (rect[dir][2] != 0) {
tmp = $dom.width() + rect[dir][2] * offset.x;
$dom.css('width', me._validScaledProp('width', tmp));
}
if (rect[dir][3] != 0) {
tmp = $dom.height() + rect[dir][3] * offset.y;
$dom.css('height', me._validScaledProp('height', tmp));
}
},
_validScaledProp: function (prop, value) {
var $ele = this.root(),
$wrap = this.defaultOpt.$doc,
calc = function(val, a, b){
return (val + a) > b ? b - a : value;
};
value = isNaN(value) ? 0 : value;
switch (prop) {
case 'left':
return value < 0 ? 0 : calc(value, $ele.width(), $wrap.width());
case 'top':
return value < 0 ? 0 : calc(value, $ele.height(),$wrap.height());
case 'width':
return value <= 0 ? 1 : calc(value, $ele.offset().left, $wrap.width());
case 'height':
return value <= 0 ? 1 : calc(value, $ele.offset().top, $wrap.height());
}
},
show: function ($obj) {
var me = this;
if ($obj) me.attachTo($obj);
me.root().bind('mousedown', $.proxy(me._eventHandler, me));
me.defaultOpt.$doc.bind('mouseup', $.proxy(me._eventHandler, me));
me.root().show();
me.trigger("aftershow");
},
hide: function () {
var me = this;
me.root().unbind('mousedown', $.proxy(me._eventHandler, me));
me.defaultOpt.$doc.unbind('mouseup', $.proxy(me._eventHandler, me));
me.root().hide();
me.trigger('afterhide')
},
attachTo: function ($obj) {
var me = this,
imgPos = $obj.offset(),
$root = me.root(),
$wrap = me.defaultOpt.$wrap,
posObj = $wrap.offset();
me.data('$scaleTarget', $obj);
me.root().css({
position: 'absolute',
width: $obj.width(),
height: $obj.height(),
left: imgPos.left - posObj.left - parseInt($wrap.css('border-left-width')) - parseInt($root.css('border-left-width')),
top: imgPos.top - posObj.top - parseInt($wrap.css('border-top-width')) - parseInt($root.css('border-top-width'))
});
},
getScaleTarget: function () {
return this.data('$scaleTarget')[0];
}
});
//colorpicker 类
UM.ui.define('colorpicker', {
tpl: function (opt) {
var COLORS = (
'ffffff,000000,eeece1,1f497d,4f81bd,c0504d,9bbb59,8064a2,4bacc6,f79646,' +
'f2f2f2,7f7f7f,ddd9c3,c6d9f0,dbe5f1,f2dcdb,ebf1dd,e5e0ec,dbeef3,fdeada,' +
'd8d8d8,595959,c4bd97,8db3e2,b8cce4,e5b9b7,d7e3bc,ccc1d9,b7dde8,fbd5b5,' +
'bfbfbf,3f3f3f,938953,548dd4,95b3d7,d99694,c3d69b,b2a2c7,92cddc,fac08f,' +
'a5a5a5,262626,494429,17365d,366092,953734,76923c,5f497a,31859b,e36c09,' +
'7f7f7f,0c0c0c,1d1b10,0f243e,244061,632423,4f6128,3f3151,205867,974806,' +
'c00000,ff0000,ffc000,ffff00,92d050,00b050,00b0f0,0070c0,002060,7030a0,').split(',');
var html = '
' +
'
' +
''+opt.lang_themeColor+' ';
for (var i = 0; i < COLORS.length; i++) {
if (i && i % 10 === 0) {
html += ' ' + (i == 60 ? ''+opt.lang_standardColor+' ';
}
html += i < 70 ? '
';
return html;
},
init: function (options) {
var me = this;
me.root($($.parseTmpl(me.supper.mergeTpl(me.tpl(options)),options)));
me.root().on("click",function (e) {
me.trigger('pickcolor', $(e.target).data('color'));
});
}
}, 'popup');
/**
* Created with JetBrains PhpStorm.
* User: hn
* Date: 13-5-29
* Time: 下午8:01
* To change this template use File | Settings | File Templates.
*/
(function(){
var widgetName = 'combobox',
itemClassName = 'edui-combobox-item',
HOVER_CLASS = 'edui-combobox-item-hover',
ICON_CLASS = 'edui-combobox-checked-icon',
labelClassName = 'edui-combobox-item-label';
UM.ui.define( widgetName, ( function(){
return {
tpl: "",
defaultOpt: {
//记录栈初始列表
recordStack: [],
//可用项列表
items: [],
//item对应的值列表
value: [],
comboboxName: '',
selected: '',
//自动记录
autoRecord: true,
//最多记录条数
recordCount: 5
},
init: function( options ){
var me = this;
$.extend( me._optionAdaptation( options ), me._createItemMapping( options.recordStack, options.items ), {
itemClassName: itemClassName,
iconClass: ICON_CLASS,
labelClassName: labelClassName
} );
this._transStack( options );
me.root( $( $.parseTmpl( me.tpl, options ) ) );
this.data( 'options', options ).initEvent();
},
initEvent: function(){
var me = this;
me.initSelectItem();
this.initItemActive();
},
/**
* 初始化选择项
*/
initSelectItem: function(){
var me = this,
labelClass = "."+labelClassName;
me.root().delegate('.' + itemClassName, 'click', function(){
var $li = $(this),
index = $li.attr('data-item-index');
me.trigger('comboboxselect', {
index: index,
label: $li.find(labelClass).text(),
value: me.data('options').value[ index ]
}).select( index );
me.hide();
return false;
});
},
initItemActive: function(){
var fn = {
mouseenter: 'addClass',
mouseleave: 'removeClass'
};
if ($.IE6) {
this.root().delegate( '.'+itemClassName, 'mouseenter mouseleave', function( evt ){
$(this)[ fn[ evt.type ] ]( HOVER_CLASS );
}).one('afterhide', function(){
});
}
},
/**
* 选择给定索引的项
* @param index 项索引
* @returns {*} 如果存在对应索引的项，则返回该项；否则返回null
*/
select: function( index ){
var itemCount = this.data('options').itemCount,
items = this.data('options').autowidthitem;
if ( items && !items.length ) {
items = this.data('options').items;
}
if( itemCount == 0 ) {
return null;
}
if( index < 0 ) {
index = itemCount + index % itemCount;
} else if ( index >= itemCount ) {
index = itemCount-1;
}
this.trigger( 'changebefore', items[ index ] );
this._update( index );
this.trigger( 'changeafter', items[ index ] );
return null;
},
selectItemByLabel: function( label ){
var itemMapping = this.data('options').itemMapping,
me = this,
index = null;
!$.isArray( label ) && ( label = [ label ] );
$.each( label, function( i, item ){
index = itemMapping[ item ];
if( index !== undefined ) {
me.select( index );
return false;
}
} );
},
/**
* 转换记录栈
*/
_transStack: function( options ) {
var temp = [],
itemIndex = -1,
selected = -1;
$.each( options.recordStack, function( index, item ){
itemIndex = options.itemMapping[ item ];
if( $.isNumeric( itemIndex ) ) {
temp.push( itemIndex );
//selected的合法性检测
if( item == options.selected ) {
selected = itemIndex;
}
}
} );
options.recordStack = temp;
options.selected = selected;
temp = null;
},
_optionAdaptation: function( options ) {
if( !( 'itemStyles' in options ) ) {
options.itemStyles = [];
for( var i = 0, len = options.items.length; i < len; i++ ) {
options.itemStyles.push('');
}
}
options.autowidthitem = options.autowidthitem || options.items;
options.itemCount = options.items.length;
return options;
},
_createItemMapping: function( stackItem, items ){
var temp = {},
result = {
recordStack: [],
mapping: {}
};
$.each( items, function( index, item ){
temp[ item ] = index;
} );
result.itemMapping = temp;
$.each( stackItem, function( index, item ){
if( temp[ item ] !== undefined ) {
result.recordStack.push( temp[ item ] );
result.mapping[ item ] = temp[ item ];
}
} );
return result;
},
_update: function ( index ) {
var options = this.data("options"),
newStack = [],
newChilds = null;
$.each( options.recordStack, function( i, item ){
if( item != index ) {
newStack.push( item );
}
} );
//压入最新的记录
newStack.unshift( index );
if( newStack.length > options.recordCount ) {
newStack.length = options.recordCount;
}
options.recordStack = newStack;
options.selected = index;
newChilds = $( $.parseTmpl( this.tpl, options ) );
//重新渲染
this.root().html( newChilds.html() );
newChilds = null;
newStack = null;
}
};
} )(), 'menu' );
})();
/**
* Combox 抽象基类
* User: hn
* Date: 13-5-29
* Time: 下午8:01
* To change this template use File | Settings | File Templates.
*/
(function(){
var widgetName = 'buttoncombobox';
UM.ui.define( widgetName, ( function(){
return {
defaultOpt: {
//按钮初始文字
label: '',
title: ''
},
init: function( options ) {
var me = this;
var btnWidget = $.eduibutton({
caret: true,
name: options.comboboxName,
title: options.title,
text: options.label,
click: function(){
me.show( this.root() );
}
});
me.supper.init.call( me, options );
//监听change， 改变button显示内容
me.on('changebefore', function( e, label ){
btnWidget.eduibutton('label', label );
});
me.data( 'button', btnWidget );
me.attachTo(btnWidget)
},
button: function(){
return this.data( 'button' );
}
}
} )(), 'combobox' );
})();
/*modal 类*/
UM.ui.define('modal', {
tpl: '
' +
'' +
'
' +
'
' +
'<% if(cancellabel || oklabel) {%>' +
'' +
'<%}%>
',
defaultOpt: {
title: "",
cancellabel: "",
oklabel: "",
width: '',
height: '',
backdrop: true,
keyboard: true
},
init: function (options) {
var me = this;
me.root($($.parseTmpl(me.tpl, options || {})));
me.data("options", options);
if (options.okFn) {
me.on('ok', $.proxy(options.okFn, me))
}
if (options.cancelFn) {
me.on('beforehide', $.proxy(options.cancelFn, me))
}
me.root().delegate('[data-hide="modal"]', 'click', $.proxy(me.hide, me))
.delegate('[data-ok="modal"]', 'click', $.proxy(me.ok, me));
$('[data-hide="modal"],[data-ok="modal"]',me.root()).hover(function(){
$(this).toggleClass('edui-hover')
});
},
toggle: function () {
var me = this;
return me[!me.data("isShown") ? 'show' : 'hide']();
},
show: function () {
var me = this;
me.trigger("beforeshow");
if (me.data("isShown")) return;
me.data("isShown", true);
me.escape();
me.backdrop(function () {
me.autoCenter();
me.root()
.show()
.focus()
.trigger('aftershow');
})
},
showTip: function ( text ) {
$( '.edui-modal-tip', this.root() ).html( text ).fadeIn();
},
hideTip: function ( text ) {
$( '.edui-modal-tip', this.root() ).fadeOut( function (){
$(this).html('');
} );
},
autoCenter: function () {
//ie6下不用处理了
!$.IE6 && this.root().css("margin-left", -(this.root().width() / 2));
},
hide: function () {
var me = this;
me.trigger("beforehide");
if (!me.data("isShown")) return;
me.data("isShown", false);
me.escape();
me.hideModal();
},
escape: function () {
var me = this;
if (me.data("isShown") && me.data("options").keyboard) {
me.root().on('keyup', function (e) {
e.which == 27 && me.hide();
})
}
else if (!me.data("isShown")) {
me.root().off('keyup');
}
},
hideModal: function () {
var me = this;
me.root().hide();
me.backdrop(function () {
me.removeBackdrop();
me.trigger('afterhide');
})
},
removeBackdrop: function () {
this.$backdrop && this.$backdrop.remove();
this.$backdrop = null;
},
backdrop: function (callback) {
var me = this;
if (me.data("isShown") && me.data("options").backdrop) {
me.$backdrop = $('
').click(
me.data("options").backdrop == 'static' ?
$.proxy(me.root()[0].focus, me.root()[0])
: $.proxy(me.hide, me)
)
}
me.trigger('afterbackdrop');
callback && callback();
},
attachTo: function ($obj) {
var me = this
if (!$obj.data('$mergeObj')) {
$obj.data('$mergeObj', me.root());
$obj.on('click', function () {
me.toggle($obj)
});
me.data('$mergeObj', $obj)
}
},
ok: function () {
var me = this;
me.trigger('beforeok');
if (me.trigger("ok", me) === false) {
return;
}
me.hide();
},
getBodyContainer: function () {
return this.root().find('.edui-modal-body')
}
});
/*tooltip 类*/
UM.ui.define('tooltip', {
tpl: '
',
init: function (options) {
var me = this;
me.root($($.parseTmpl(me.tpl, options || {})));
},
content: function (e) {
var me = this,
title = $(e.currentTarget).attr("data-original-title");
me.root().find('.edui-tooltip-inner')['text'](title);
},
position: function (e) {
var me = this,
$obj = $(e.currentTarget);
me.root().css($.extend({display: 'block'}, $obj ? {
top: $obj.outerHeight(),
left: (($obj.outerWidth() - me.root().outerWidth()) / 2)
} : {}))
},
show: function (e) {
if ($(e.currentTarget).hasClass('edui-disabled')) return;
var me = this;
me.content(e);
me.root().appendTo($(e.currentTarget));
me.position(e);
me.root().css('display', 'block');
},
hide: function () {
var me = this;
me.root().css('display', 'none')
},
attachTo: function ($obj) {
var me = this;
function tmp($obj) {
var me = this;
if (!$.contains(document.body, me.root()[0])) {
me.root().appendTo($obj);
}
me.data('tooltip', me.root());
$obj.each(function () {
if ($(this).attr("data-original-title")) {
$(this).on('mouseenter', $.proxy(me.show, me))
.on('mouseleave click', $.proxy(me.hide, me))
}
});
}
if ($.type($obj) === "undefined") {
$("[data-original-title]").each(function (i, el) {
tmp.call(me, $(el));
})
} else {
if (!$obj.data('tooltip')) {
tmp.call(me, $obj);
}
}
}
});
/*tab 类*/
UM.ui.define('tab', {
init: function (options) {
var me = this,
slr = options.selector;
if ($.type(slr)) {
me.root($(slr, options.context));
me.data("context", options.context);
$(slr, me.data("context")).on('click', function (e) {
me.show(e);
});
}
},
show: function (e) {
var me = this,
$cur = $(e.target),
$ul = $cur.closest('ul'),
selector,
previous,
$target,
e;
selector = $cur.attr('data-context');
selector = selector && selector.replace(/.*(?=#[^\s]*$)/, '');
var $tmp = $cur.parent('li');
if (!$tmp.length || $tmp.hasClass('edui-active')) return;
previous = $ul.find('.edui-active:last a')[0];
e = $.Event('beforeshow', {
target: $cur[0],
relatedTarget: previous
});
me.trigger(e);
if (e.isDefaultPrevented()) return;
$target = $(selector, me.data("context"));
me.activate($cur.parent('li'), $ul);
me.activate($target, $target.parent(), function () {
me.trigger({
type: 'aftershow', relatedTarget: previous
})
});
},
activate: function (element, container, callback) {
if (element === undefined) {
return $(".edui-tab-item.edui-active",this.root()).index();
}
var $active = container.find('> .edui-active');
$active.removeClass('edui-active');
element.addClass('edui-active');
callback && callback();
}
});
//button 类
UM.ui.define('separator', {
tpl: '
',
init: function (options) {
var me = this;
me.root($($.parseTmpl(me.tpl, options)));
return me;
}
});
/**
* @file adapter.js
* @desc adapt ui to editor
* @import core/Editor.js, core/utils.js
*/
(function () {
var _editorUI = {},
_editors = {},
_readyFn = [],
_activeWidget = null,
_widgetData = {},
_widgetCallBack = {},
_cacheUI = {},
_maxZIndex = null;
utils.extend(UM, {
defaultWidth : 500,
defaultHeight : 500,
registerUI: function (name, fn) {
utils.each(name.split(/\s+/), function (uiname) {
_editorUI[uiname] = fn;
})
},
setEditor : function(editor){
!_editors[editor.id] && (_editors[editor.id] = editor);
},
registerWidget : function(name,pro,cb){
_widgetData[name] = $.extend2(pro,{
$root : '',
_preventDefault:false,
root:function($el){
return this.$root || (this.$root = $el);
},
preventDefault:function(){
this._preventDefault = true;
},
clear:false
});
if(cb){
_widgetCallBack[name] = cb;
}
},
getWidgetData : function(name){
return _widgetData[name]
},
setWidgetBody : function(name,$widget,editor){
if(!editor._widgetData){
utils.extend(editor,{
_widgetData : {},
getWidgetData : function(name){
return this._widgetData[name];
},
getWidgetCallback : function(widgetName){
var me = this;
return function(){
return _widgetCallBack[widgetName].apply(me,[me,$widget].concat(Array.prototype.slice.call(arguments,0)))
}
}
})
}
var pro = _widgetData[name];
if(!pro){
return null;
}
pro = editor._widgetData[name];
if(!pro){
pro = _widgetData[name];
pro = editor._widgetData[name] = $.type(pro) == 'function' ? pro : utils.clone(pro);
}
pro.root($widget.edui().getBodyContainer());
pro.initContent(editor,$widget);
if(!pro._preventDefault){
pro.initEvent(editor,$widget);
}
pro.width && $widget.width(pro.width);
},
setActiveWidget : function($widget){
_activeWidget = $widget;
},
getEditor: function (id, options) {
var editor = _editors[id] || (_editors[id] = this.createEditor(id, options));
_maxZIndex = _maxZIndex ? Math.max(editor.getOpt('zIndex'), _maxZIndex):editor.getOpt('zIndex');
return editor;
},
setTopEditor: function(editor){
$.each(_editors, function(i, o){
if(editor == o) {
editor.$container && editor.$container.css('zIndex', _maxZIndex + 1);
} else {
o.$container && o.$container.css('zIndex', o.getOpt('zIndex'));
}
});
},
clearCache : function(id){
if ( _editors[id]) {
delete _editors[id]
}
},
delEditor: function (id) {
var editor;
if (editor = _editors[id]) {
editor.destroy();
}
},
ready: function( fn ){
_readyFn.push( fn );
},
createEditor: function (id, opt) {
var editor = new UM.Editor(opt);
var T = this;
editor.langIsReady ? $.proxy(renderUI,T)() : editor.addListener("langReady", $.proxy(renderUI,T));
function renderUI(){
var $container = this.createUI('#' + id, editor);
editor.key=id;
editor.ready(function(){
$.each( _readyFn, function( index, fn ){
$.proxy( fn, editor )();
} );
});
var options = editor.options;
if(options.initialFrameWidth){
options.minFrameWidth = options.initialFrameWidth
}else{
options.minFrameWidth = options.initialFrameWidth = editor.$body.width() || UM.defaultWidth;
}
$container.css({
width: options.initialFrameWidth,
zIndex:editor.getOpt('zIndex')
});
//ie6下缓存图片
UM.browser.ie && UM.browser.version === 6 && document.execCommand("BackgroundImageCache", false, true);
editor.render(id);
//添加tooltip;
$.eduitooltip && $.eduitooltip('attachTo', $("[data-original-title]",$container)).css('z-index',editor.getOpt('zIndex')+1);
$container.find('a').click(function(evt){
evt.preventDefault()
});
editor.fireEvent("afteruiready");
}
return editor;
},
createUI: function (id, editor) {
var $editorCont = $(id),
$container = $('
').insertBefore($editorCont);
editor.$container = $container;
editor.container = $container[0];
editor.$body = $editorCont;
//修正在ie9+以上的版本中，自动长高收起时的，残影问题
if(browser.ie && browser.ie9above){
var $span = $('
');
$span.insertAfter($container);
}
//初始化注册的ui组件
$.each(_editorUI,function(n,v){
var widget = v.call(editor,n);
if(widget){
_cacheUI[n] = widget;
}
});
$container.find('.edui-editor-body').append($editorCont).before(this.createToolbar(editor.options, editor));
$container.find('.edui-toolbar').append($('
'));
return $container;
},
createToolbar: function (options, editor) {
var $toolbar = $.eduitoolbar(), toolbar = $toolbar.edui();
//创建下来菜单列表
if (options.toolbar && options.toolbar.length) {
var btns = [];
$.each(options.toolbar,function(i,uiNames){
$.each(uiNames.split(/\s+/),function(index,name){
if(name == '|'){
$.eduiseparator && btns.push($.eduiseparator());
}else{
var ui = _cacheUI[name];
if(name=="fullscreen"){
ui&&btns.unshift(ui);
}else{
ui && btns.push(ui);
}
}
});
btns.length && toolbar.appendToBtnmenu(btns);
});
} else {
$toolbar.find('.edui-btn-toolbar').remove()
}
return $toolbar;
}
})
})();
UM.registerUI('bold italic redo undo underline strikethrough superscript subscript insertorderedlist insertunorderedlist ' +
'cleardoc selectall link unlink print preview justifyleft justifycenter justifyright justifyfull removeformat horizontal drafts',
function(name) {
var me = this;
var $btn = $.eduibutton({
icon : name,
click : function(){
me.execCommand(name);
},
title: this.getLang('labelMap')[name] || ''
});
this.addListener('selectionchange',function(){
var state = this.queryCommandState(name);
$btn.edui().disabled(state == -1).active(state == 1)
});
return $btn;
}
);
/**
* 全屏组件
*/
(function(){
//状态缓存
var STATUS_CACHE = {},
//状态值列表
STATUS_LIST = [ 'width', 'height', 'position', 'top', 'left', 'margin', 'padding', 'overflowX', 'overflowY' ],
CONTENT_AREA_STATUS = {},
//页面状态
DOCUMENT_STATUS = {},
DOCUMENT_ELEMENT_STATUS = {},
FULLSCREENS = {};
UM.registerUI('fullscreen', function( name ){
var me = this,
$button = $.eduibutton({
'icon': 'fullscreen',
'title': (me.options.labelMap && me.options.labelMap[name]) || me.getLang("labelMap." + name),
'click': function(){
//切换
me.execCommand( name );
UM.setTopEditor(me);
}
});
me.addListener( "selectionchange", function () {
var state = this.queryCommandState( name );
$button.edui().disabled( state == -1 ).active( state == 1 );
} );
//切换至全屏
me.addListener('ready', function(){
me.options.fullscreen && Fullscreen.getInstance( me ).toggle();
});
return $button;
});
UM.commands[ 'fullscreen' ] = {
execCommand: function (cmdName) {
Fullscreen.getInstance( this ).toggle();
},
queryCommandState: function (cmdName) {
return this._edui_fullscreen_status;
},
notNeedUndo: 1
};
function Fullscreen( editor ) {
var me = this;
if( !editor ) {
throw new Error('invalid params, notfound editor');
}
me.editor = editor;
//记录初始化的全屏组件
FULLSCREENS[ editor.uid ] = this;
editor.addListener('destroy', function(){
delete FULLSCREENS[ editor.uid ];
me.editor = null;
});
}
Fullscreen.prototype = {
/**
* 全屏状态切换
*/
toggle: function(){
var editor = this.editor,
//当前编辑器的缩放状态
_edui_fullscreen_status = this.isFullState();
editor.fireEvent('beforefullscreenchange', !_edui_fullscreen_status );
//更新状态
this.update( !_edui_fullscreen_status );
!_edui_fullscreen_status ? this.enlarge() : this.revert();
editor.fireEvent('afterfullscreenchange', !_edui_fullscreen_status );
if(editor.body.contentEditable === 'true'){
editor.fireEvent( 'fullscreenchanged', !_edui_fullscreen_status );
}
editor.fireEvent( 'selectionchange' );
},
/**
* 执行放大
*/
enlarge: function(){
this.saveSataus();
this.setDocumentStatus();
this.resize();
},
/**
* 全屏还原
*/
revert: function(){
//还原CSS表达式
var options = this.editor.options,
height = /%$/.test(options.initialFrameHeight) ? '100%' : (options.initialFrameHeight - this.getStyleValue("padding-top")- this.getStyleValue("padding-bottom") - this.getStyleValue('border-width'));
$.IE6 && this.getEditorHolder().style.setExpression('height', 'this.scrollHeight <= ' + height + ' ? "' + height + 'px" : "auto"');
//还原容器状态
this.revertContainerStatus();
this.revertContentAreaStatus();
this.revertDocumentStatus();
},
/**
* 更新状态
* @param isFull 当前状态是否是全屏状态
*/
update: function( isFull ) {
this.editor._edui_fullscreen_status = isFull;
},
/**
* 调整当前编辑器的大小, 如果当前编辑器不处于全屏状态， 则不做调整
*/
resize: function(){
var $win = null,
height = 0,
width = 0,
borderWidth = 0,
paddingWidth = 0,
editor = this.editor,
me = this,
bound = null,
editorBody = null;
if( !this.isFullState() ) {
return;
}
$win = $( window );
width = $win.width();
height = $win.height();
editorBody = this.getEditorHolder();
//文本编辑区border宽度
borderWidth = parseInt( domUtils.getComputedStyle( editorBody, 'border-width' ), 10 ) || 0;
//容器border宽度
borderWidth += parseInt( domUtils.getComputedStyle( editor.container, 'border-width' ), 10 ) || 0;
//容器padding
paddingWidth += parseInt( domUtils.getComputedStyle( editorBody, 'padding-left' ), 10 ) + parseInt( domUtils.getComputedStyle( editorBody, 'padding-right' ), 10 ) || 0;
//干掉css表达式
$.IE6 && editorBody.style.setExpression( 'height', null );
bound = this.getBound();
$( editor.container ).css( {
width: width + 'px',
height: height + 'px',
position: !$.IE6 ? 'fixed' : 'absolute',
top: bound.top,
left: bound.left,
margin: 0,
padding: 0,
overflowX: 'hidden',
overflowY: 'hidden'
} );
$( editorBody ).css({
width: width - 2*borderWidth - paddingWidth + 'px',
height: height - 2*borderWidth - ( editor.options.withoutToolbar ? 0 : $( '.edui-toolbar', editor.container ).outerHeight() ) - $( '.edui-bottombar', editor.container).outerHeight() + 'px',
overflowX: 'hidden',
overflowY: 'auto'
});
},
/**
* 保存状态
*/
saveSataus: function(){
var styles = this.editor.container.style,
tmp = null,
cache = {};
for( var i= 0, len = STATUS_LIST.length; i
offset) {
setFloating();
}else{
unsetFloating();
}
}
var defer_updateFloating = utils.defer(function(){
updateFloating();
},browser.ie ? 200 : 100,true);
me.addListener('destroy',function(){
$(window).off('scroll resize',updateFloating);
me.removeListener('keydown', defer_updateFloating);
});
if(checkHasUI(me)){
toolbarBox = $('.edui-toolbar',me.container)[0];
me.addListener("afteruiready",function(){
setTimeout(function(){
orgTop = $(toolbarBox).offset().top;
},100);
});
bakCssText = toolbarBox.style.cssText;
placeHolder.style.height = toolbarBox.offsetHeight + 'px';
if(LteIE6){
fixIE6FixedPos();
}
$(window).on('scroll resize',updateFloating);
me.addListener('keydown', defer_updateFloating);
me.addListener('resize', function(){
unsetFloating();
placeHolder.style.height = toolbarBox.offsetHeight + 'px';
updateFloating();
});
me.addListener('beforefullscreenchange', function (t, enabled){
if (enabled) {
unsetFloating();
isFullScreening = enabled;
}
});
me.addListener('fullscreenchanged', function (t, enabled){
if (!enabled) {
updateFloating();
}
isFullScreening = enabled;
});
me.addListener('sourcemodechanged', function (t, enabled){
setTimeout(function (){
updateFloating();
},0);
});
me.addListener("clearDoc",function(){
setTimeout(function(){
updateFloating();
},0);
})
}
})
});
UM.registerUI('source',function(name){
var me = this;
me.addListener('fullscreenchanged',function(){
me.$container.find('textarea').width(me.$body.width() - 10).height(me.$body.height())
});
var $btn = $.eduibutton({
icon : name,
click : function(){
me.execCommand(name);
UM.setTopEditor(me);
},
title: this.getLang('labelMap')[name] || ''
});
this.addListener('selectionchange',function(){
var state = this.queryCommandState(name);
$btn.edui().disabled(state == -1).active(state == 1)
});
return $btn;
});
UM.registerUI('paragraph fontfamily fontsize', function( name ) {
var me = this,
label = (me.options.labelMap && me.options.labelMap[name]) || me.getLang("labelMap." + name),
options = {
label: label,
title: label,
comboboxName: name,
items: me.options[ name ] || [],
itemStyles: [],
value: [],
autowidthitem: []
},
$combox = null,
comboboxWidget = null;
if(options.items.length == 0){
return null;
}
switch ( name ) {
case 'paragraph':
options = transForParagraph( options );
break;
case 'fontfamily':
options = transForFontfamily( options );
break;
case 'fontsize':
options = transForFontsize( options );
break;
}
//实例化
$combox = $.eduibuttoncombobox(options).css('zIndex',me.getOpt('zIndex') + 1);
comboboxWidget = $combox.edui();
comboboxWidget.on('comboboxselect', function( evt, res ){
me.execCommand( name, res.value );
}).on("beforeshow", function(){
if( $combox.parent().length === 0 ) {
$combox.appendTo( me.$container.find('.edui-dialog-container') );
}
UM.setTopEditor(me);
});
//状态反射
this.addListener('selectionchange',function( evt ){
var state = this.queryCommandState( name ),
value = this.queryCommandValue( name );
//设置按钮状态
comboboxWidget.button().edui().disabled( state == -1 ).active( state == 1 );
if(value){
//设置label
value = value.replace(/['"]/g, '').toLowerCase().split(/['|"]?\s*,\s*[\1]?/);
comboboxWidget.selectItemByLabel( value );
}
});
return comboboxWidget.button().addClass('edui-combobox');
/**
* 宽度自适应工具函数
* @param word 单词内容
* @param hasSuffix 是否含有后缀
*/
function wordCountAdaptive ( word, hasSuffix ) {
var $tmpNode = $('' ).html( word ).css( {
display: 'inline',
position: 'absolute',
top: -10000000,
left: -100000
} ).appendTo( document.body),
width = $tmpNode.width();
$tmpNode.remove();
$tmpNode = null;
if( width < 50 ) {
return word;
} else {
word = word.slice( 0, hasSuffix ? -4 : -1 );
if( !word.length ) {
return '...';
}
return wordCountAdaptive( word + '...', true );
}
}
//段落参数转换
function transForParagraph ( options ) {
var tempItems = [];
for( var key in options.items ) {
options.value.push( key );
tempItems.push( key );
options.autowidthitem.push( wordCountAdaptive( key ) );
}
options.items = tempItems;
options.autoRecord = false;
return options;
}
//字体参数转换
function transForFontfamily ( options ) {
var temp = null,
tempItems = [];
for( var i = 0, len = options.items.length; i < len; i++ ) {
temp = options.items[ i ].val;
tempItems.push( temp.split(/\s*,\s*/)[0] );
options.itemStyles.push('font-family: ' + temp);
options.value.push( temp );
options.autowidthitem.push( wordCountAdaptive( tempItems[ i ] ) );
}
options.items = tempItems;
return options;
}
//字体大小参数转换
function transForFontsize ( options ) {
var temp = null,
tempItems = [];
options.itemStyles = [];
options.value = [];
for( var i = 0, len = options.items.length; i < len; i++ ) {
temp = options.items[ i ];
tempItems.push( temp );
options.itemStyles.push('font-size: ' + temp +'px');
}
options.value = options.items;
options.items = tempItems;
options.autoRecord = false;
return options;
}
});
UM.registerUI('forecolor backcolor', function( name ) {
function getCurrentColor() {
return domUtils.getComputedStyle( $colorLabel[0], 'background-color' );
}
var me = this,
$colorPickerWidget = null,
$colorLabel = null,
$btn = null;
//querycommand
this.addListener('selectionchange', function(){
var state = this.queryCommandState( name );
$btn.edui().disabled( state == -1 ).active( state == 1 );
});
$btn = $.eduicolorsplitbutton({
icon: name,
caret: true,
name: name,
title: me.getLang("labelMap")[name],
click: function() {
me.execCommand( name, getCurrentColor() );
}
});
$colorLabel = $btn.edui().colorLabel();
$colorPickerWidget = $.eduicolorpicker({
name: name,
lang_clearColor: me.getLang('clearColor') || '',
lang_themeColor: me.getLang('themeColor') || '',
lang_standardColor: me.getLang('standardColor') || ''
})
.on('pickcolor', function( evt, color ){
window.setTimeout( function(){
$colorLabel.css("backgroundColor", color);
me.execCommand( name, color );
}, 0 );
})
.on('show',function(){
UM.setActiveWidget( colorPickerWidget.root() );
}).css('zIndex',me.getOpt('zIndex') + 1);
$btn.edui().on('arrowclick',function(){
if(!$colorPickerWidget.parent().length){
me.$container.find('.edui-dialog-container').append($colorPickerWidget);
}
$colorPickerWidget.edui().show($btn,{
caretDir:"down",
offsetTop:-5,
offsetLeft:8,
caretLeft:11,
caretTop:-8
});
UM.setTopEditor(me);
}).register('click', $btn, function () {
$colorPickerWidget.edui().hide()
});
return $btn;
});
})(jQuery)
'
:
'![](http://nsclick.baidu.com/u.gif?&asdf=\"sdf&asdfasdfs;asdf)