ueditor.parse.js 22 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523
  1. (function(){
  2. (function(){
  3. UE = window.UE || {};
  4. var isIE = !!window.ActiveXObject;
  5. //定义utils工具
  6. var utils = {
  7. removeLastbs : function(url){
  8. return url.replace(/\/$/,'')
  9. },
  10. extend : function(t,s){
  11. var a = arguments,
  12. notCover = this.isBoolean(a[a.length - 1]) ? a[a.length - 1] : false,
  13. len = this.isBoolean(a[a.length - 1]) ? a.length - 1 : a.length;
  14. for (var i = 1; i < len; i++) {
  15. var x = a[i];
  16. for (var k in x) {
  17. if (!notCover || !t.hasOwnProperty(k)) {
  18. t[k] = x[k];
  19. }
  20. }
  21. }
  22. return t;
  23. },
  24. isIE : isIE,
  25. cssRule : isIE ? function(key,style,doc){
  26. var indexList,index;
  27. doc = doc || document;
  28. if(doc.indexList){
  29. indexList = doc.indexList;
  30. }else{
  31. indexList = doc.indexList = {};
  32. }
  33. var sheetStyle;
  34. if(!indexList[key]){
  35. if(style === undefined){
  36. return ''
  37. }
  38. sheetStyle = doc.createStyleSheet('',index = doc.styleSheets.length);
  39. indexList[key] = index;
  40. }else{
  41. sheetStyle = doc.styleSheets[indexList[key]];
  42. }
  43. if(style === undefined){
  44. return sheetStyle.cssText
  45. }
  46. sheetStyle.cssText = sheetStyle.cssText + '\n' + (style || '')
  47. } : function(key,style,doc){
  48. doc = doc || document;
  49. var head = doc.getElementsByTagName('head')[0],node;
  50. if(!(node = doc.getElementById(key))){
  51. if(style === undefined){
  52. return ''
  53. }
  54. node = doc.createElement('style');
  55. node.id = key;
  56. head.appendChild(node)
  57. }
  58. if(style === undefined){
  59. return node.innerHTML
  60. }
  61. if(style !== ''){
  62. node.innerHTML = node.innerHTML + '\n' + style;
  63. }else{
  64. head.removeChild(node)
  65. }
  66. },
  67. domReady : function (onready) {
  68. var doc = window.document;
  69. if (doc.readyState === "complete") {
  70. onready();
  71. }else{
  72. if (isIE) {
  73. (function () {
  74. if (doc.isReady) return;
  75. try {
  76. doc.documentElement.doScroll("left");
  77. } catch (error) {
  78. setTimeout(arguments.callee, 0);
  79. return;
  80. }
  81. onready();
  82. })();
  83. window.attachEvent('onload', function(){
  84. onready()
  85. });
  86. } else {
  87. doc.addEventListener("DOMContentLoaded", function () {
  88. doc.removeEventListener("DOMContentLoaded", arguments.callee, false);
  89. onready();
  90. }, false);
  91. window.addEventListener('load', function(){onready()}, false);
  92. }
  93. }
  94. },
  95. each : function(obj, iterator, context) {
  96. if (obj == null) return;
  97. if (obj.length === +obj.length) {
  98. for (var i = 0, l = obj.length; i < l; i++) {
  99. if(iterator.call(context, obj[i], i, obj) === false)
  100. return false;
  101. }
  102. } else {
  103. for (var key in obj) {
  104. if (obj.hasOwnProperty(key)) {
  105. if(iterator.call(context, obj[key], key, obj) === false)
  106. return false;
  107. }
  108. }
  109. }
  110. },
  111. inArray : function(arr,item){
  112. var index = -1;
  113. this.each(arr,function(v,i){
  114. if(v === item){
  115. index = i;
  116. return false;
  117. }
  118. });
  119. return index;
  120. },
  121. pushItem : function(arr,item){
  122. if(this.inArray(arr,item)==-1){
  123. arr.push(item)
  124. }
  125. },
  126. trim: function (str) {
  127. return str.replace(/(^[ \t\n\r]+)|([ \t\n\r]+$)/g, '');
  128. },
  129. indexOf: function (array, item, start) {
  130. var index = -1;
  131. start = this.isNumber(start) ? start : 0;
  132. this.each(array, function (v, i) {
  133. if (i >= start && v === item) {
  134. index = i;
  135. return false;
  136. }
  137. });
  138. return index;
  139. },
  140. hasClass: function (element, className) {
  141. className = className.replace(/(^[ ]+)|([ ]+$)/g, '').replace(/[ ]{2,}/g, ' ').split(' ');
  142. for (var i = 0, ci, cls = element.className; ci = className[i++];) {
  143. if (!new RegExp('\\b' + ci + '\\b', 'i').test(cls)) {
  144. return false;
  145. }
  146. }
  147. return i - 1 == className.length;
  148. },
  149. addClass:function (elm, classNames) {
  150. if(!elm)return;
  151. classNames = this.trim(classNames).replace(/[ ]{2,}/g,' ').split(' ');
  152. for(var i = 0,ci,cls = elm.className;ci=classNames[i++];){
  153. if(!new RegExp('\\b' + ci + '\\b').test(cls)){
  154. cls += ' ' + ci;
  155. }
  156. }
  157. elm.className = utils.trim(cls);
  158. },
  159. removeClass:function (elm, classNames) {
  160. classNames = this.isArray(classNames) ? classNames :
  161. this.trim(classNames).replace(/[ ]{2,}/g,' ').split(' ');
  162. for(var i = 0,ci,cls = elm.className;ci=classNames[i++];){
  163. cls = cls.replace(new RegExp('\\b' + ci + '\\b'),'')
  164. }
  165. cls = this.trim(cls).replace(/[ ]{2,}/g,' ');
  166. elm.className = cls;
  167. !cls && elm.removeAttribute('className');
  168. },
  169. on: function (element, type, handler) {
  170. var types = this.isArray(type) ? type : type.split(/\s+/),
  171. k = types.length;
  172. if (k) while (k--) {
  173. type = types[k];
  174. if (element.addEventListener) {
  175. element.addEventListener(type, handler, false);
  176. } else {
  177. if (!handler._d) {
  178. handler._d = {
  179. els : []
  180. };
  181. }
  182. var key = type + handler.toString(),index = utils.indexOf(handler._d.els,element);
  183. if (!handler._d[key] || index == -1) {
  184. if(index == -1){
  185. handler._d.els.push(element);
  186. }
  187. if(!handler._d[key]){
  188. handler._d[key] = function (evt) {
  189. return handler.call(evt.srcElement, evt || window.event);
  190. };
  191. }
  192. element.attachEvent('on' + type, handler._d[key]);
  193. }
  194. }
  195. }
  196. element = null;
  197. },
  198. off: function (element, type, handler) {
  199. var types = this.isArray(type) ? type : type.split(/\s+/),
  200. k = types.length;
  201. if (k) while (k--) {
  202. type = types[k];
  203. if (element.removeEventListener) {
  204. element.removeEventListener(type, handler, false);
  205. } else {
  206. var key = type + handler.toString();
  207. try{
  208. element.detachEvent('on' + type, handler._d ? handler._d[key] : handler);
  209. }catch(e){}
  210. if (handler._d && handler._d[key]) {
  211. var index = utils.indexOf(handler._d.els,element);
  212. if(index!=-1){
  213. handler._d.els.splice(index,1);
  214. }
  215. handler._d.els.length == 0 && delete handler._d[key];
  216. }
  217. }
  218. }
  219. },
  220. loadFile : function () {
  221. var tmpList = [];
  222. function getItem(doc,obj){
  223. try{
  224. for(var i= 0,ci;ci=tmpList[i++];){
  225. if(ci.doc === doc && ci.url == (obj.src || obj.href)){
  226. return ci;
  227. }
  228. }
  229. }catch(e){
  230. return null;
  231. }
  232. }
  233. return function (doc, obj, fn) {
  234. var item = getItem(doc,obj);
  235. if (item) {
  236. if(item.ready){
  237. fn && fn();
  238. }else{
  239. item.funs.push(fn)
  240. }
  241. return;
  242. }
  243. tmpList.push({
  244. doc:doc,
  245. url:obj.src||obj.href,
  246. funs:[fn]
  247. });
  248. if (!doc.body) {
  249. var html = [];
  250. for(var p in obj){
  251. if(p == 'tag')continue;
  252. html.push(p + '="' + obj[p] + '"')
  253. }
  254. doc.write('<' + obj.tag + ' ' + html.join(' ') + ' ></'+obj.tag+'>');
  255. return;
  256. }
  257. if (obj.id && doc.getElementById(obj.id)) {
  258. return;
  259. }
  260. var element = doc.createElement(obj.tag);
  261. delete obj.tag;
  262. for (var p in obj) {
  263. element.setAttribute(p, obj[p]);
  264. }
  265. element.onload = element.onreadystatechange = function () {
  266. if (!this.readyState || /loaded|complete/.test(this.readyState)) {
  267. item = getItem(doc,obj);
  268. if (item.funs.length > 0) {
  269. item.ready = 1;
  270. for (var fi; fi = item.funs.pop();) {
  271. fi();
  272. }
  273. }
  274. element.onload = element.onreadystatechange = null;
  275. }
  276. };
  277. element.onerror = function(){
  278. throw Error('The load '+(obj.href||obj.src)+' fails,check the url')
  279. };
  280. doc.getElementsByTagName("head")[0].appendChild(element);
  281. }
  282. }()
  283. };
  284. utils.each(['String', 'Function', 'Array', 'Number', 'RegExp', 'Object','Boolean'], function (v) {
  285. utils['is' + v] = function (obj) {
  286. return Object.prototype.toString.apply(obj) == '[object ' + v + ']';
  287. }
  288. });
  289. var parselist = {};
  290. UE.parse = {
  291. register : function(parseName,fn){
  292. parselist[parseName] = fn;
  293. },
  294. load : function(opt){
  295. utils.each(parselist,function(v){
  296. v.call(opt,utils);
  297. })
  298. }
  299. };
  300. uParse = function(selector,opt){
  301. utils.domReady(function(){
  302. var contents;
  303. if(document.querySelectorAll){
  304. contents = document.querySelectorAll(selector)
  305. }else{
  306. if(/^#/.test(selector)){
  307. contents = [document.getElementById(selector.replace(/^#/,''))]
  308. }else if(/^\./.test(selector)){
  309. var contents = [];
  310. utils.each(document.getElementsByTagName('*'),function(node){
  311. if(node.className && new RegExp('\\b' + selector.replace(/^\./,'') + '\\b','i').test(node.className)){
  312. contents.push(node)
  313. }
  314. })
  315. }else{
  316. contents = document.getElementsByTagName(selector)
  317. }
  318. }
  319. utils.each(contents,function(v){
  320. UE.parse.load(utils.extend({root:v,selector:selector},opt))
  321. })
  322. })
  323. }
  324. })();
  325. UE.parse.register('vedio',function(utils){
  326. var video = this.root.getElementsByTagName('video'),
  327. audio = this.root.getElementsByTagName('audio');
  328. document.createElement('video');document.createElement('audio');
  329. if(video.length || audio.length){
  330. var sourcePath = utils.removeLastbs(this.rootPath),
  331. jsurl = sourcePath + '/third-party/video-js/video.js',
  332. cssurl = sourcePath + '/third-party/video-js/video-js.min.css',
  333. swfUrl = sourcePath + '/third-party/video-js/video-js.swf';
  334. utils.loadFile(document,{
  335. id : "video_css",
  336. tag : "link",
  337. rel : "stylesheet",
  338. type : "text/css",
  339. href : cssurl
  340. });
  341. utils.loadFile(document,{
  342. id : "video_js",
  343. src : jsurl,
  344. tag : "script",
  345. type : "text/javascript"
  346. },function(){
  347. videojs.options.flash.swf = swfUrl;
  348. });
  349. }
  350. });
  351. UE.parse.register('table', function (utils) {
  352. var me = this,
  353. root = this.root,
  354. tables = root.getElementsByTagName('table');
  355. if (tables.length) {
  356. var selector = this.selector;
  357. //追加默认的表格样式
  358. utils.cssRule('table',
  359. selector + ' table.noBorderTable td,' +
  360. selector + ' table.noBorderTable th,' +
  361. selector + ' table.noBorderTable caption{border:1px dashed #ddd !important}' +
  362. selector + ' table.sortEnabled tr.firstRow th,' + selector + ' table.sortEnabled tr.firstRow td{padding-right:20px; background-repeat: no-repeat;' +
  363. 'background-position: center right; background-image:url(' + this.rootPath + 'themes/default/images/sortable.png);}' +
  364. selector + ' table.sortEnabled tr.firstRow th:hover,' + selector + ' table.sortEnabled tr.firstRow td:hover{background-color: #EEE;}' +
  365. selector + ' table{margin-bottom:10px;border-collapse:collapse;display:table;}' +
  366. selector + ' td,' + selector + ' th{ background:white; padding: 5px 10px;border: 1px solid #DDD;}' +
  367. selector + ' caption{border:1px dashed #DDD;border-bottom:0;padding:3px;text-align:center;}' +
  368. selector + ' th{border-top:1px solid #BBB;background:#F7F7F7;}' +
  369. selector + ' table tr.firstRow th{border-top:2px solid #BBB;background:#F7F7F7;}' +
  370. selector + ' tr.ue-table-interlace-color-single td{ background: #fcfcfc; }' +
  371. selector + ' tr.ue-table-interlace-color-double td{ background: #f7faff; }' +
  372. selector + ' td p{margin:0;padding:0;}',
  373. document);
  374. //填充空的单元格
  375. utils.each('td th caption'.split(' '), function (tag) {
  376. var cells = root.getElementsByTagName(tag);
  377. cells.length && utils.each(cells, function (node) {
  378. if (!node.firstChild) {
  379. node.innerHTML = '&nbsp;';
  380. }
  381. })
  382. });
  383. //表格可排序
  384. var tables = root.getElementsByTagName('table');
  385. utils.each(tables, function (table) {
  386. if (/\bsortEnabled\b/.test(table.className)) {
  387. utils.on(table, 'click', function(e){
  388. var target = e.target || e.srcElement,
  389. cell = findParentByTagName(target, ['td', 'th']);
  390. var table = findParentByTagName(target, 'table'),
  391. colIndex = utils.indexOf(table.rows[0].cells, cell),
  392. sortType = table.getAttribute('data-sort-type');
  393. if(colIndex != -1) {
  394. sortTable(table, colIndex, me.tableSortCompareFn || sortType);
  395. updateTable(table);
  396. }
  397. });
  398. }
  399. });
  400. //按照标签名查找父节点
  401. function findParentByTagName(target, tagNames) {
  402. var i, current = target;
  403. tagNames = utils.isArray(tagNames) ? tagNames:[tagNames];
  404. while(current){
  405. for(i = 0;i < tagNames.length; i++) {
  406. if(current.tagName == tagNames[i].toUpperCase()) return current;
  407. }
  408. current = current.parentNode;
  409. }
  410. return null;
  411. }
  412. //表格排序
  413. function sortTable(table, sortByCellIndex, compareFn) {
  414. var rows = table.rows,
  415. trArray = [],
  416. flag = rows[0].cells[0].tagName === "TH",
  417. lastRowIndex = 0;
  418. for (var i = 0,len = rows.length; i < len; i++) {
  419. trArray[i] = rows[i];
  420. }
  421. var Fn = {
  422. 'reversecurrent': function(td1,td2){
  423. return 1;
  424. },
  425. 'orderbyasc': function(td1,td2){
  426. var value1 = td1.innerText||td1.textContent,
  427. value2 = td2.innerText||td2.textContent;
  428. return value1.localeCompare(value2);
  429. },
  430. 'reversebyasc': function(td1,td2){
  431. var value1 = td1.innerHTML,
  432. value2 = td2.innerHTML;
  433. return value2.localeCompare(value1);
  434. },
  435. 'orderbynum': function(td1,td2){
  436. var value1 = td1[utils.isIE ? 'innerText':'textContent'].match(/\d+/),
  437. value2 = td2[utils.isIE ? 'innerText':'textContent'].match(/\d+/);
  438. if(value1) value1 = +value1[0];
  439. if(value2) value2 = +value2[0];
  440. return (value1||0) - (value2||0);
  441. },
  442. 'reversebynum': function(td1,td2){
  443. var value1 = td1[utils.isIE ? 'innerText':'textContent'].match(/\d+/),
  444. value2 = td2[utils.isIE ? 'innerText':'textContent'].match(/\d+/);
  445. if(value1) value1 = +value1[0];
  446. if(value2) value2 = +value2[0];
  447. return (value2||0) - (value1||0);
  448. }
  449. };
  450. //对表格设置排序的标记data-sort-type
  451. table.setAttribute('data-sort-type', compareFn && typeof compareFn === "string" && Fn[compareFn] ? compareFn:'');
  452. //th不参与排序
  453. flag && trArray.splice(0, 1);
  454. trArray = sort(trArray,function (tr1, tr2) {
  455. var result;
  456. if (compareFn && typeof compareFn === "function") {
  457. result = compareFn.call(this, tr1.cells[sortByCellIndex], tr2.cells[sortByCellIndex]);
  458. } else if (compareFn && typeof compareFn === "number") {
  459. result = 1;
  460. } else if (compareFn && typeof compareFn === "string" && Fn[compareFn]) {
  461. result = Fn[compareFn].call(this, tr1.cells[sortByCellIndex], tr2.cells[sortByCellIndex]);
  462. } else {
  463. result = Fn['orderbyasc'].call(this, tr1.cells[sortByCellIndex], tr2.cells[sortByCellIndex]);
  464. }
  465. return result;
  466. });
  467. var fragment = table.ownerDocument.createDocumentFragment();
  468. for (var j = 0, len = trArray.length; j < len; j++) {
  469. fragment.appendChild(trArray[j]);
  470. }
  471. var tbody = table.getElementsByTagName("tbody")[0];
  472. if(!lastRowIndex){
  473. tbody.appendChild(fragment);
  474. }else{
  475. tbody.insertBefore(fragment,rows[lastRowIndex- range.endRowIndex + range.beginRowIndex - 1])
  476. }
  477. }
  478. //冒泡排序
  479. function sort(array, compareFn){
  480. compareFn = compareFn || function(item1, item2){ return item1.localeCompare(item2);};
  481. for(var i= 0,len = array.length; i<len; i++){
  482. for(var j = i,length = array.length; j<length; j++){
  483. if(compareFn(array[i], array[j]) > 0){
  484. var t = array[i];
  485. array[i] = array[j];
  486. array[j] = t;
  487. }
  488. }
  489. }
  490. return array;
  491. }
  492. //更新表格
  493. function updateTable(table) {
  494. //给第一行设置firstRow的样式名称,在排序图标的样式上使用到
  495. if(!utils.hasClass(table.rows[0], "firstRow")) {
  496. for(var i = 1; i< table.rows.length; i++) {
  497. utils.removeClass(table.rows[i], "firstRow");
  498. }
  499. utils.addClass(table.rows[0], "firstRow");
  500. }
  501. }
  502. }
  503. });
  504. })();