lanan-system-vue/public/static/UEditorPlus/ueditor.parse.js
2024-09-27 17:22:19 +08:00

908 lines
33 KiB
JavaScript

/*!
* UEditorPlus parse
* version: 2.0.0
*/
(function(){
(function () {
UE = window.UE || {};
var isIE = !!window.ActiveXObject;
//定义utils工具
var utils = {
removeLastbs: function (url) {
return url.replace(/\/$/, "");
},
extend: function (t, s) {
var a = arguments,
notCover = this.isBoolean(a[a.length - 1]) ? a[a.length - 1] : false,
len = this.isBoolean(a[a.length - 1]) ? 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;
},
isIE: isIE,
cssRule: isIE
? function (key, style, doc) {
var indexList, index;
doc = doc || document;
if (doc.indexList) {
indexList = doc.indexList;
} else {
indexList = doc.indexList = {};
}
var sheetStyle;
if (!indexList[key]) {
if (style === undefined) {
return "";
}
sheetStyle = doc.createStyleSheet(
"",
(index = doc.styleSheets.length)
);
indexList[key] = index;
} else {
sheetStyle = doc.styleSheets[indexList[key]];
}
if (style === undefined) {
return sheetStyle.cssText;
}
sheetStyle.cssText = sheetStyle.cssText + "\n" + (style || "");
}
: function (key, style, doc) {
doc = doc || document;
var head = doc.getElementsByTagName("head")[0],
node;
if (!(node = doc.getElementById(key))) {
if (style === undefined) {
return "";
}
node = doc.createElement("style");
node.id = key;
head.appendChild(node);
}
if (style === undefined) {
return node.innerHTML;
}
if (style !== "") {
node.innerHTML = node.innerHTML + "\n" + style;
} else {
head.removeChild(node);
}
},
domReady: function (onready) {
var doc = window.document;
if (doc.readyState === "complete") {
onready();
} else {
if (isIE) {
(function () {
if (doc.isReady) return;
try {
doc.documentElement.doScroll("left");
} catch (error) {
setTimeout(arguments.callee, 0);
return;
}
onready();
})();
window.attachEvent("onload", function () {
onready();
});
} else {
doc.addEventListener(
"DOMContentLoaded",
function () {
doc.removeEventListener(
"DOMContentLoaded",
arguments.callee,
false
);
onready();
},
false
);
window.addEventListener(
"load",
function () {
onready();
},
false
);
}
}
},
each: function (obj, iterator, context) {
if (obj == null) return;
if (obj.length === +obj.length) {
for (var i = 0, l = obj.length; i < l; i++) {
if (iterator.call(context, obj[i], i, obj) === false) return false;
}
} else {
for (var key in obj) {
if (obj.hasOwnProperty(key)) {
if (iterator.call(context, obj[key], key, obj) === false)
return false;
}
}
}
},
inArray: function (arr, item) {
var index = -1;
this.each(arr, function (v, i) {
if (v === item) {
index = i;
return false;
}
});
return index;
},
pushItem: function (arr, item) {
if (this.inArray(arr, item) == -1) {
arr.push(item);
}
},
trim: function (str) {
return str.replace(/(^[ \t\n\r]+)|([ \t\n\r]+$)/g, "");
},
indexOf: function (array, item, start) {
var index = -1;
start = this.isNumber(start) ? start : 0;
this.each(array, function (v, i) {
if (i >= start && v === item) {
index = i;
return false;
}
});
return index;
},
hasClass: function (element, className) {
className = className
.replace(/(^[ ]+)|([ ]+$)/g, "")
.replace(/[ ]{2,}/g, " ")
.split(" ");
for (var i = 0, ci, cls = element.className; (ci = className[i++]);) {
if (!new RegExp("\\b" + ci + "\\b", "i").test(cls)) {
return false;
}
}
return i - 1 == className.length;
},
addClass: function (elm, classNames) {
if (!elm) return;
classNames = this.trim(classNames).replace(/[ ]{2,}/g, " ").split(" ");
for (var i = 0, ci, cls = elm.className; (ci = classNames[i++]);) {
if (!new RegExp("\\b" + ci + "\\b").test(cls)) {
cls += " " + ci;
}
}
elm.className = utils.trim(cls);
},
removeClass: function (elm, classNames) {
classNames = this.isArray(classNames)
? classNames
: this.trim(classNames).replace(/[ ]{2,}/g, " ").split(" ");
for (var i = 0, ci, cls = elm.className; (ci = classNames[i++]);) {
cls = cls.replace(new RegExp("\\b" + ci + "\\b"), "");
}
cls = this.trim(cls).replace(/[ ]{2,}/g, " ");
elm.className = cls;
!cls && elm.removeAttribute("className");
},
on: function (element, type, handler) {
var types = this.isArray(type) ? type : type.split(/\s+/),
k = types.length;
if (k)
while (k--) {
type = types[k];
if (element.addEventListener) {
element.addEventListener(type, handler, false);
} else {
if (!handler._d) {
handler._d = {
els: []
};
}
var key = type + handler.toString(),
index = utils.indexOf(handler._d.els, element);
if (!handler._d[key] || index == -1) {
if (index == -1) {
handler._d.els.push(element);
}
if (!handler._d[key]) {
handler._d[key] = function (evt) {
return handler.call(evt.srcElement, evt || window.event);
};
}
element.attachEvent("on" + type, handler._d[key]);
}
}
}
element = null;
},
off: function (element, type, handler) {
var types = this.isArray(type) ? type : type.split(/\s+/),
k = types.length;
if (k)
while (k--) {
type = types[k];
if (element.removeEventListener) {
element.removeEventListener(type, handler, false);
} else {
var key = type + handler.toString();
try {
element.detachEvent(
"on" + type,
handler._d ? handler._d[key] : handler
);
} catch (e) {
}
if (handler._d && handler._d[key]) {
var index = utils.indexOf(handler._d.els, element);
if (index != -1) {
handler._d.els.splice(index, 1);
}
handler._d.els.length == 0 && delete handler._d[key];
}
}
}
},
loadFile: (function () {
var tmpList = [];
function getItem(doc, obj) {
try {
for (var i = 0, ci; (ci = tmpList[i++]);) {
if (ci.doc === doc && ci.url == (obj.src || obj.href)) {
return ci;
}
}
} catch (e) {
return null;
}
}
return function (doc, obj, fn) {
var item = getItem(doc, obj);
if (item) {
if (item.ready) {
fn && fn();
} else {
item.funs.push(fn);
}
return;
}
tmpList.push({
doc: doc,
url: obj.src || obj.href,
funs: [fn]
});
if (!doc.body) {
var html = [];
for (var p in obj) {
if (p == "tag") continue;
html.push(p + '="' + obj[p] + '"');
}
doc.write(
"<" + obj.tag + " " + html.join(" ") + " ></" + obj.tag + ">"
);
return;
}
if (obj.id && doc.getElementById(obj.id)) {
return;
}
var element = doc.createElement(obj.tag);
delete obj.tag;
for (var p in obj) {
element.setAttribute(p, obj[p]);
}
element.onload = element.onreadystatechange = function () {
if (!this.readyState || /loaded|complete/.test(this.readyState)) {
item = getItem(doc, obj);
if (item.funs.length > 0) {
item.ready = 1;
for (var fi; (fi = item.funs.pop());) {
fi();
}
}
element.onload = element.onreadystatechange = null;
}
};
element.onerror = function () {
throw Error(
"The load " + (obj.href || obj.src) + " fails,check the url"
);
};
doc.getElementsByTagName("head")[0].appendChild(element);
};
})()
};
utils.each(
["String", "Function", "Array", "Number", "RegExp", "Object", "Boolean"],
function (v) {
utils["is" + v] = function (obj) {
return Object.prototype.toString.apply(obj) == "[object " + v + "]";
};
}
);
var parselist = {};
UE.parse = {
register: function (parseName, fn) {
parselist[parseName] = fn;
},
load: function (opt) {
utils.each(parselist, function (v) {
v.call(opt, utils);
});
}
};
uParse = function (selector, opt) {
utils.domReady(function () {
var contents;
if (document.querySelectorAll) {
contents = document.querySelectorAll(selector);
} else {
if (/^#/.test(selector)) {
contents = [document.getElementById(selector.replace(/^#/, ""))];
} else if (/^\./.test(selector)) {
var contents = [];
utils.each(document.getElementsByTagName("*"), function (node) {
if (
node.className &&
new RegExp("\\b" + selector.replace(/^\./, "") + "\\b", "i").test(
node.className
)
) {
contents.push(node);
}
});
} else {
contents = document.getElementsByTagName(selector);
}
}
utils.each(contents, function (v) {
UE.parse.load(utils.extend({root: v, selector: selector}, opt));
});
});
};
})();
UE.parse.register("insertcode", function (utils) {
var pres = this.root.getElementsByTagName("pre");
if (pres.length) {
if (typeof XRegExp == "undefined") {
var jsurl, cssurl;
if (this.rootPath !== undefined) {
jsurl =
utils.removeLastbs(this.rootPath) +
"/third-party/SyntaxHighlighter/shCore.js";
cssurl =
utils.removeLastbs(this.rootPath) +
"/third-party/SyntaxHighlighter/shCoreDefault.css";
} else {
jsurl = this.highlightJsUrl;
cssurl = this.highlightCssUrl;
}
utils.loadFile(document, {
id: "syntaxhighlighter_css",
tag: "link",
rel: "stylesheet",
type: "text/css",
href: cssurl
});
utils.loadFile(
document,
{
id: "syntaxhighlighter_js",
src: jsurl,
tag: "script",
type: "text/javascript",
defer: "defer"
},
function () {
utils.each(pres, function (pi) {
if (pi && /brush/i.test(pi.className)) {
SyntaxHighlighter.highlight(pi);
}
});
}
);
} else {
utils.each(pres, function (pi) {
if (pi && /brush/i.test(pi.className)) {
SyntaxHighlighter.highlight(pi);
}
});
}
}
});
UE.parse.register("table", function (utils) {
var me = this,
root = this.root,
tables = root.getElementsByTagName("table");
if (tables.length) {
var selector = this.selector;
//追加默认的表格样式
utils.cssRule(
"table",
selector +
" table.noBorderTable td," +
selector +
" table.noBorderTable th," +
selector +
" table.noBorderTable caption{border:1px dashed #ddd !important}" +
selector +
" table.sortEnabled tr.firstRow th," +
selector +
" table.sortEnabled tr.firstRow td{padding-right:20px; background-repeat: no-repeat;" +
"background-position: center right; background-image:url(" +
this.rootPath +
"themes/default/images/sortable.png);}" +
selector +
" table.sortEnabled tr.firstRow th:hover," +
selector +
" table.sortEnabled tr.firstRow td:hover{background-color: #EEE;}" +
selector +
" table{margin-bottom:10px;border-collapse:collapse;display:table;}" +
selector +
" td," +
selector +
" th{padding: 5px 10px;border: 1px solid #DDD;}" +
selector +
" caption{border:1px dashed #DDD;border-bottom:0;padding:3px;text-align:center;}" +
selector +
" th{border-top:1px solid #BBB;background:#F7F7F7;}" +
selector +
" table tr.firstRow th{border-top:2px solid #BBB;background:#F7F7F7;}" +
selector +
" tr.ue-table-interlace-color-single td{ background: #fcfcfc; }" +
selector +
" tr.ue-table-interlace-color-double td{ background: #f7faff; }" +
selector +
" td p{margin:0;padding:0;width:auto;height:auto;}",
document
);
//填充空的单元格
utils.each("td th caption".split(" "), function (tag) {
var cells = root.getElementsByTagName(tag);
cells.length &&
utils.each(cells, function (node) {
if (!node.firstChild) {
node.innerHTML = "&nbsp;";
}
});
});
//表格可排序
var tables = root.getElementsByTagName("table");
utils.each(tables, function (table) {
if (/\bsortEnabled\b/.test(table.className)) {
utils.on(table, "click", function (e) {
var target = e.target || e.srcElement,
cell = findParentByTagName(target, ["td", "th"]);
var table = findParentByTagName(target, "table"),
colIndex = utils.indexOf(table.rows[0].cells, cell),
sortType = table.getAttribute("data-sort-type");
if (colIndex != -1) {
sortTable(table, colIndex, me.tableSortCompareFn || sortType);
updateTable(table);
}
});
}
});
//按照标签名查找父节点
function findParentByTagName(target, tagNames) {
var i,
current = target;
tagNames = utils.isArray(tagNames) ? tagNames : [tagNames];
while (current) {
for (i = 0; i < tagNames.length; i++) {
if (current.tagName == tagNames[i].toUpperCase()) return current;
}
current = current.parentNode;
}
return null;
}
//表格排序
function sortTable(table, sortByCellIndex, compareFn) {
var rows = table.rows,
trArray = [],
flag = rows[0].cells[0].tagName === "TH",
lastRowIndex = 0;
for (var i = 0, len = rows.length; i < len; i++) {
trArray[i] = rows[i];
}
var Fn = {
reversecurrent: function (td1, td2) {
return 1;
},
orderbyasc: function (td1, td2) {
var value1 = td1.innerText || td1.textContent,
value2 = td2.innerText || td2.textContent;
return value1.localeCompare(value2);
},
reversebyasc: function (td1, td2) {
var value1 = td1.innerHTML,
value2 = td2.innerHTML;
return value2.localeCompare(value1);
},
orderbynum: function (td1, td2) {
var value1 = td1[utils.isIE ? "innerText" : "textContent"].match(
/\d+/
),
value2 = td2[utils.isIE ? "innerText" : "textContent"].match(/\d+/);
if (value1) value1 = +value1[0];
if (value2) value2 = +value2[0];
return (value1 || 0) - (value2 || 0);
},
reversebynum: function (td1, td2) {
var value1 = td1[utils.isIE ? "innerText" : "textContent"].match(
/\d+/
),
value2 = td2[utils.isIE ? "innerText" : "textContent"].match(/\d+/);
if (value1) value1 = +value1[0];
if (value2) value2 = +value2[0];
return (value2 || 0) - (value1 || 0);
}
};
//对表格设置排序的标记data-sort-type
table.setAttribute(
"data-sort-type",
compareFn && typeof compareFn === "string" && Fn[compareFn]
? compareFn
: ""
);
//th不参与排序
flag && trArray.splice(0, 1);
trArray = sort(trArray, function (tr1, tr2) {
var result;
if (compareFn && typeof compareFn === "function") {
result = compareFn.call(
this,
tr1.cells[sortByCellIndex],
tr2.cells[sortByCellIndex]
);
} else if (compareFn && typeof compareFn === "number") {
result = 1;
} else if (
compareFn &&
typeof compareFn === "string" &&
Fn[compareFn]
) {
result = Fn[compareFn].call(
this,
tr1.cells[sortByCellIndex],
tr2.cells[sortByCellIndex]
);
} else {
result = Fn["orderbyasc"].call(
this,
tr1.cells[sortByCellIndex],
tr2.cells[sortByCellIndex]
);
}
return result;
});
var fragment = table.ownerDocument.createDocumentFragment();
for (var j = 0, len = trArray.length; j < len; j++) {
fragment.appendChild(trArray[j]);
}
var tbody = table.getElementsByTagName("tbody")[0];
if (!lastRowIndex) {
tbody.appendChild(fragment);
} else {
tbody.insertBefore(
fragment,
rows[lastRowIndex - range.endRowIndex + range.beginRowIndex - 1]
);
}
}
//冒泡排序
function sort(array, compareFn) {
compareFn =
compareFn ||
function (item1, item2) {
return item1.localeCompare(item2);
};
for (var i = 0, len = array.length; i < len; i++) {
for (var j = i, length = array.length; j < length; j++) {
if (compareFn(array[i], array[j]) > 0) {
var t = array[i];
array[i] = array[j];
array[j] = t;
}
}
}
return array;
}
//更新表格
function updateTable(table) {
//给第一行设置firstRow的样式名称,在排序图标的样式上使用到
if (!utils.hasClass(table.rows[0], "firstRow")) {
for (var i = 1; i < table.rows.length; i++) {
utils.removeClass(table.rows[i], "firstRow");
}
utils.addClass(table.rows[0], "firstRow");
}
}
}
});
UE.parse.register("background", function (utils) {
var me = this,
root = me.root,
p = root.getElementsByTagName("p"),
styles;
for (var i = 0, ci; (ci = p[i++]);) {
styles = ci.getAttribute("data-background");
if (styles) {
ci.parentNode.removeChild(ci);
}
}
//追加默认的表格样式
styles &&
utils.cssRule(
"ueditor_background",
me.selector + "{" + styles + "}",
document
);
});
UE.parse.register("list", function (utils) {
var customCss = [],
customStyle = {
cn: "cn-1-",
cn1: "cn-2-",
cn2: "cn-3-",
num: "num-1-",
num1: "num-2-",
num2: "num-3-",
dash: "dash",
dot: "dot"
};
utils.extend(this, {
liiconpath: "http://bs.baidu.com/listicon/",
listDefaultPaddingLeft: "20"
});
var root = this.root,
ols = root.getElementsByTagName("ol"),
uls = root.getElementsByTagName("ul"),
selector = this.selector;
if (ols.length) {
applyStyle.call(this, ols);
}
if (uls.length) {
applyStyle.call(this, uls);
}
if (ols.length || uls.length) {
customCss.push(selector + " .list-paddingleft-1{padding-left:0}");
customCss.push(
selector +
" .list-paddingleft-2{padding-left:" +
this.listDefaultPaddingLeft +
"px}"
);
customCss.push(
selector +
" .list-paddingleft-3{padding-left:" +
this.listDefaultPaddingLeft * 2 +
"px}"
);
utils.cssRule(
"list",
selector +
" ol," +
selector +
" ul{margin:0;padding:0;}\n" +
selector +
" li{clear:both;}\n" +
customCss.join("\n"),
document
);
}
function applyStyle(nodes) {
var T = this;
utils.each(nodes, function (list) {
if (list.className && /custom_/i.test(list.className)) {
var listStyle = list.className.match(/custom_(\w+)/)[1];
if (listStyle == "dash" || listStyle == "dot") {
utils.pushItem(
customCss,
selector +
" li.list-" +
customStyle[listStyle] +
"{background-image:url(" +
T.liiconpath +
customStyle[listStyle] +
".gif)}"
);
utils.pushItem(
customCss,
selector +
" ul.custom_" +
listStyle +
"{list-style:none;} " +
selector +
" ul.custom_" +
listStyle +
" li{background-position:0 3px;background-repeat:no-repeat}"
);
} else {
var index = 1;
utils.each(list.childNodes, function (li) {
if (li.tagName == "LI") {
utils.pushItem(
customCss,
selector +
" li.list-" +
customStyle[listStyle] +
index +
"{background-image:url(" +
T.liiconpath +
"list-" +
customStyle[listStyle] +
index +
".gif)}"
);
index++;
}
});
utils.pushItem(
customCss,
selector +
" ol.custom_" +
listStyle +
"{list-style:none;}" +
selector +
" ol.custom_" +
listStyle +
" li{background-position:0 3px;background-repeat:no-repeat}"
);
}
switch (listStyle) {
case "cn":
utils.pushItem(
customCss,
selector +
" li.list-" +
listStyle +
"-paddingleft-1{padding-left:25px}"
);
utils.pushItem(
customCss,
selector +
" li.list-" +
listStyle +
"-paddingleft-2{padding-left:40px}"
);
utils.pushItem(
customCss,
selector +
" li.list-" +
listStyle +
"-paddingleft-3{padding-left:55px}"
);
break;
case "cn1":
utils.pushItem(
customCss,
selector +
" li.list-" +
listStyle +
"-paddingleft-1{padding-left:30px}"
);
utils.pushItem(
customCss,
selector +
" li.list-" +
listStyle +
"-paddingleft-2{padding-left:40px}"
);
utils.pushItem(
customCss,
selector +
" li.list-" +
listStyle +
"-paddingleft-3{padding-left:55px}"
);
break;
case "cn2":
utils.pushItem(
customCss,
selector +
" li.list-" +
listStyle +
"-paddingleft-1{padding-left:40px}"
);
utils.pushItem(
customCss,
selector +
" li.list-" +
listStyle +
"-paddingleft-2{padding-left:55px}"
);
utils.pushItem(
customCss,
selector +
" li.list-" +
listStyle +
"-paddingleft-3{padding-left:68px}"
);
break;
case "num":
case "num1":
utils.pushItem(
customCss,
selector +
" li.list-" +
listStyle +
"-paddingleft-1{padding-left:25px}"
);
break;
case "num2":
utils.pushItem(
customCss,
selector +
" li.list-" +
listStyle +
"-paddingleft-1{padding-left:35px}"
);
utils.pushItem(
customCss,
selector +
" li.list-" +
listStyle +
"-paddingleft-2{padding-left:40px}"
);
break;
case "dash":
utils.pushItem(
customCss,
selector +
" li.list-" +
listStyle +
"-paddingleft{padding-left:35px}"
);
break;
case "dot":
utils.pushItem(
customCss,
selector +
" li.list-" +
listStyle +
"-paddingleft{padding-left:20px}"
);
}
}
});
}
});
})();