3 minorVersion : '2.3',
\r
4 releaseDate : '2009-04-23',
\r
7 var t = this, d = document, w = window, na = navigator, ua = na.userAgent, i, nl, n, base, p, v;
\r
10 t.isOpera = w.opera && opera.buildNumber;
\r
11 t.isWebKit = /WebKit/.test(ua);
\r
12 t.isIE = !t.isWebKit && !t.isOpera && (/MSIE/gi).test(ua) && (/Explorer/gi).test(na.appName);
\r
13 t.isIE6 = t.isIE && /MSIE [56]/.test(ua);
\r
14 t.isGecko = !t.isWebKit && /Gecko/.test(ua);
\r
15 t.isMac = ua.indexOf('Mac') != -1;
\r
16 t.isAir = /adobeair/i.test(ua);
\r
18 // TinyMCE .NET webcontrol might be setting the values for TinyMCE
\r
19 if (w.tinyMCEPreInit) {
\r
20 t.suffix = tinyMCEPreInit.suffix;
\r
21 t.baseURL = tinyMCEPreInit.base;
\r
22 t.query = tinyMCEPreInit.query;
\r
26 // Get suffix and base
\r
29 // If base element found, add that infront of baseURL
\r
30 nl = d.getElementsByTagName('base');
\r
31 for (i=0; i<nl.length; i++) {
\r
32 if (v = nl[i].href) {
\r
33 // Host only value like http://site.com or http://site.com:8008
\r
34 if (/^https?:\/\/[^\/]+$/.test(v))
\r
37 base = v ? v.match(/.*\//)[0] : ''; // Get only directory
\r
41 function getBase(n) {
\r
42 if (n.src && /tiny_mce(|_dev|_src|_gzip|_jquery|_prototype).js/.test(n.src)) {
\r
43 if (/_(src|dev)\.js/g.test(n.src))
\r
46 if ((p = n.src.indexOf('?')) != -1)
\r
47 t.query = n.src.substring(p + 1);
\r
49 t.baseURL = n.src.substring(0, n.src.lastIndexOf('/'));
\r
51 // If path to script is relative and a base href was found add that one infront
\r
52 if (base && t.baseURL.indexOf('://') == -1)
\r
53 t.baseURL = base + t.baseURL;
\r
62 nl = d.getElementsByTagName('script');
\r
63 for (i=0; i<nl.length; i++) {
\r
69 n = d.getElementsByTagName('head')[0];
\r
71 nl = n.getElementsByTagName('script');
\r
72 for (i=0; i<nl.length; i++) {
\r
81 is : function(o, t) {
\r
85 return n != 'undefined';
\r
87 if (t == 'array' && (o.hasOwnProperty && o instanceof Array))
\r
94 each : function(o, cb, s) {
\r
102 if (typeof(o.length) != 'undefined') {
\r
103 // Indexed arrays, needed for Safari
\r
104 for (n=0, l = o.length; n<l; n++) {
\r
105 if (cb.call(s, o[n], n, o) === false)
\r
111 if (o.hasOwnProperty(n)) {
\r
112 if (cb.call(s, o[n], n, o) === false)
\r
121 map : function(a, f) {
\r
124 tinymce.each(a, function(v) {
\r
131 grep : function(a, f) {
\r
134 tinymce.each(a, function(v) {
\r
142 inArray : function(a, v) {
\r
146 for (i = 0, l = a.length; i < l; i++) {
\r
155 extend : function(o, e) {
\r
156 var i, a = arguments;
\r
158 for (i=1; i<a.length; i++) {
\r
161 tinymce.each(e, function(v, n) {
\r
162 if (typeof(v) !== 'undefined')
\r
170 trim : function(s) {
\r
171 return (s ? '' + s : '').replace(/^\s*|\s*$/g, '');
\r
175 create : function(s, p) {
\r
176 var t = this, sp, ns, cn, scn, c, de = 0;
\r
178 // Parse : <prefix> <class>:<super class>
\r
179 s = /^((static) )?([\w.]+)(:([\w.]+))?/.exec(s);
\r
180 cn = s[3].match(/(^|\.)(\w+)$/i)[2]; // Class name
\r
182 // Create namespace for new class
\r
183 ns = t.createNS(s[3].replace(/\.\w+$/, ''));
\r
185 // Class already exists
\r
189 // Make pure static class
\r
190 if (s[2] == 'static') {
\r
194 this.onCreate(s[2], s[3], ns[cn]);
\r
199 // Create default constructor
\r
201 p[cn] = function() {};
\r
205 // Add constructor and methods
\r
207 t.extend(ns[cn].prototype, p);
\r
211 sp = t.resolve(s[5]).prototype;
\r
212 scn = s[5].match(/\.(\w+)$/i)[1]; // Class name
\r
214 // Extend constructor
\r
217 // Add passthrough constructor
\r
218 ns[cn] = function() {
\r
219 return sp[scn].apply(this, arguments);
\r
222 // Add inherit constructor
\r
223 ns[cn] = function() {
\r
224 this.parent = sp[scn];
\r
225 return c.apply(this, arguments);
\r
228 ns[cn].prototype[cn] = ns[cn];
\r
230 // Add super methods
\r
231 t.each(sp, function(f, n) {
\r
232 ns[cn].prototype[n] = sp[n];
\r
235 // Add overridden methods
\r
236 t.each(p, function(f, n) {
\r
237 // Extend methods if needed
\r
239 ns[cn].prototype[n] = function() {
\r
240 this.parent = sp[n];
\r
241 return f.apply(this, arguments);
\r
245 ns[cn].prototype[n] = f;
\r
250 // Add static methods
\r
251 t.each(p['static'], function(f, n) {
\r
256 this.onCreate(s[2], s[3], ns[cn].prototype);
\r
259 walk : function(o, f, n, s) {
\r
266 tinymce.each(o, function(o, i) {
\r
267 if (f.call(s, o, i, n) === false)
\r
270 tinymce.walk(o, f, n, s);
\r
275 createNS : function(n, o) {
\r
281 for (i=0; i<n.length; i++) {
\r
293 resolve : function(n, o) {
\r
299 for (i=0, l = n.length; i<l; i++) {
\r
309 addUnload : function(f, s) {
\r
310 var t = this, w = window;
\r
312 f = {func : f, scope : s || this};
\r
315 function unload() {
\r
316 var li = t.unloads, o, n;
\r
319 // Call unload handlers
\r
324 o.func.call(o.scope, 1); // Send in one arg to distinct unload and user destroy
\r
327 // Detach unload function
\r
328 if (w.detachEvent) {
\r
329 w.detachEvent('onbeforeunload', fakeUnload);
\r
330 w.detachEvent('onunload', unload);
\r
331 } else if (w.removeEventListener)
\r
332 w.removeEventListener('unload', unload, false);
\r
334 // Destroy references
\r
335 t.unloads = o = li = w = unload = 0;
\r
337 // Run garbarge collector on IE
\r
338 if (window.CollectGarbage)
\r
339 window.CollectGarbage();
\r
343 function fakeUnload() {
\r
346 // Is there things still loading, then do some magic
\r
347 if (d.readyState == 'interactive') {
\r
349 // Prevent memory leak
\r
350 d.detachEvent('onstop', stop);
\r
352 // Call unload handler
\r
359 // Fire unload when the currently loading page is stopped
\r
361 d.attachEvent('onstop', stop);
\r
363 // Remove onstop listener after a while to prevent the unload function
\r
364 // to execute if the user presses cancel in an onbeforeunload
\r
365 // confirm dialog and then presses the browser stop button
\r
366 window.setTimeout(function() {
\r
368 d.detachEvent('onstop', stop);
\r
373 // Attach unload handler
\r
374 if (w.attachEvent) {
\r
375 w.attachEvent('onunload', unload);
\r
376 w.attachEvent('onbeforeunload', fakeUnload);
\r
377 } else if (w.addEventListener)
\r
378 w.addEventListener('unload', unload, false);
\r
380 // Setup initial unload handler array
\r
388 removeUnload : function(f) {
\r
389 var u = this.unloads, r = null;
\r
391 tinymce.each(u, function(o, i) {
\r
392 if (o && o.func == f) {
\r
402 explode : function(s, d) {
\r
403 return s ? tinymce.map(s.split(d || ','), tinymce.trim) : s;
\r
406 _addVer : function(u) {
\r
412 v = (u.indexOf('?') == -1 ? '?' : '&') + this.query;
\r
414 if (u.indexOf('#') == -1)
\r
417 return u.replace('#', v + '#');
\r
422 // Required for GZip AJAX loading
\r
423 window.tinymce = tinymce;
\r
425 // Initialize the API
\r
427 tinymce.create('tinymce.util.Dispatcher', {
\r
431 Dispatcher : function(s) {
\r
432 this.scope = s || this;
\r
433 this.listeners = [];
\r
436 add : function(cb, s) {
\r
437 this.listeners.push({cb : cb, scope : s || this.scope});
\r
442 addToTop : function(cb, s) {
\r
443 this.listeners.unshift({cb : cb, scope : s || this.scope});
\r
448 remove : function(cb) {
\r
449 var l = this.listeners, o = null;
\r
451 tinymce.each(l, function(c, i) {
\r
462 dispatch : function() {
\r
463 var s, a = arguments, i, li = this.listeners, c;
\r
465 // Needs to be a real loop since the listener count might change while looping
\r
466 // And this is also more efficient
\r
467 for (i = 0; i<li.length; i++) {
\r
469 s = c.cb.apply(c.scope, a);
\r
480 var each = tinymce.each;
\r
482 tinymce.create('tinymce.util.URI', {
\r
483 URI : function(u, s) {
\r
484 var t = this, o, a, b;
\r
486 // Default settings
\r
487 s = t.settings = s || {};
\r
489 // Strange app protocol or local anchor
\r
490 if (/^(mailto|tel|news|javascript|about):/i.test(u) || /^\s*#/.test(u)) {
\r
495 // Absolute path with no host, fake host and protocol
\r
496 if (u.indexOf('/') === 0 && u.indexOf('//') !== 0)
\r
497 u = (s.base_uri ? s.base_uri.protocol || 'http' : 'http') + '://mce_host' + u;
\r
500 if (u.indexOf(':/') === -1 && u.indexOf('//') !== 0)
\r
501 u = (s.base_uri.protocol || 'http') + '://mce_host' + t.toAbsPath(s.base_uri.path, u);
\r
503 // Parse URL (Credits goes to Steave, http://blog.stevenlevithan.com/archives/parseuri)
\r
504 u = u.replace(/@@/g, '(mce_at)'); // Zope 3 workaround, they use @@something
\r
505 u = /^(?:(?![^:@]+:[^:@\/]*@)([^:\/?#.]+):)?(?:\/\/)?((?:(([^:@]*):?([^:@]*))?@)?([^:\/?#]*)(?::(\d*))?)(((\/(?:[^?#](?![^?#\/]*\.[^?#\/.]+(?:[?#]|$)))*\/?)?([^?#\/]*))(?:\?([^#]*))?(?:#(.*))?)/.exec(u);
\r
506 each(["source","protocol","authority","userInfo","user","password","host","port","relative","path","directory","file","query","anchor"], function(v, i) {
\r
509 // Zope 3 workaround, they use @@something
\r
511 s = s.replace(/\(mce_at\)/g, '@@');
\r
516 if (b = s.base_uri) {
\r
518 t.protocol = b.protocol;
\r
521 t.userInfo = b.userInfo;
\r
523 if (!t.port && t.host == 'mce_host')
\r
526 if (!t.host || t.host == 'mce_host')
\r
532 //t.path = t.path || '/';
\r
535 setPath : function(p) {
\r
538 p = /^(.*?)\/?(\w+)?$/.exec(p);
\r
540 // Update path parts
\r
542 t.directory = p[1];
\r
550 toRelative : function(u) {
\r
556 u = new tinymce.util.URI(u, {base_uri : t});
\r
558 // Not on same domain/port or protocol
\r
559 if ((u.host != 'mce_host' && t.host != u.host && u.host) || t.port != u.port || t.protocol != u.protocol)
\r
562 o = t.toRelPath(t.path, u.path);
\r
566 o += '?' + u.query;
\r
570 o += '#' + u.anchor;
\r
575 toAbsolute : function(u, nh) {
\r
576 var u = new tinymce.util.URI(u, {base_uri : this});
\r
578 return u.getURI(this.host == u.host ? nh : 0);
\r
581 toRelPath : function(base, path) {
\r
582 var items, bp = 0, out = '', i, l;
\r
585 base = base.substring(0, base.lastIndexOf('/'));
\r
586 base = base.split('/');
\r
587 items = path.split('/');
\r
589 if (base.length >= items.length) {
\r
590 for (i = 0, l = base.length; i < l; i++) {
\r
591 if (i >= items.length || base[i] != items[i]) {
\r
598 if (base.length < items.length) {
\r
599 for (i = 0, l = items.length; i < l; i++) {
\r
600 if (i >= base.length || base[i] != items[i]) {
\r
610 for (i = 0, l = base.length - (bp - 1); i < l; i++)
\r
613 for (i = bp - 1, l = items.length; i < l; i++) {
\r
615 out += "/" + items[i];
\r
623 toAbsPath : function(base, path) {
\r
624 var i, nb = 0, o = [], tr;
\r
627 tr = /\/$/.test(path) ? '/' : '';
\r
628 base = base.split('/');
\r
629 path = path.split('/');
\r
631 // Remove empty chunks
\r
632 each(base, function(k) {
\r
639 // Merge relURLParts chunks
\r
640 for (i = path.length - 1, o = []; i >= 0; i--) {
\r
641 // Ignore empty or .
\r
642 if (path[i].length == 0 || path[i] == ".")
\r
646 if (path[i] == '..') {
\r
660 i = base.length - nb;
\r
664 return '/' + o.reverse().join('/') + tr;
\r
666 return '/' + base.slice(0, i).join('/') + '/' + o.reverse().join('/') + tr;
\r
669 getURI : function(nh) {
\r
673 if (!t.source || nh) {
\r
678 s += t.protocol + '://';
\r
681 s += t.userInfo + '@';
\r
694 s += '?' + t.query;
\r
697 s += '#' + t.anchor;
\r
708 var each = tinymce.each;
\r
710 tinymce.create('static tinymce.util.Cookie', {
\r
711 getHash : function(n) {
\r
712 var v = this.get(n), h;
\r
715 each(v.split('&'), function(v) {
\r
718 h[unescape(v[0])] = unescape(v[1]);
\r
725 setHash : function(n, v, e, p, d, s) {
\r
728 each(v, function(v, k) {
\r
729 o += (!o ? '' : '&') + escape(k) + '=' + escape(v);
\r
732 this.set(n, o, e, p, d, s);
\r
735 get : function(n) {
\r
736 var c = document.cookie, e, p = n + "=", b;
\r
742 b = c.indexOf("; " + p);
\r
752 e = c.indexOf(";", b);
\r
757 return unescape(c.substring(b + p.length, e));
\r
760 set : function(n, v, e, p, d, s) {
\r
761 document.cookie = n + "=" + escape(v) +
\r
762 ((e) ? "; expires=" + e.toGMTString() : "") +
\r
763 ((p) ? "; path=" + escape(p) : "") +
\r
764 ((d) ? "; domain=" + d : "") +
\r
765 ((s) ? "; secure" : "");
\r
768 remove : function(n, p) {
\r
769 var d = new Date();
\r
771 d.setTime(d.getTime() - 1000);
\r
773 this.set(n, '', d, p, d);
\r
778 tinymce.create('static tinymce.util.JSON', {
\r
779 serialize : function(o) {
\r
780 var i, v, s = tinymce.util.JSON.serialize, t;
\r
787 if (t == 'string') {
\r
788 v = '\bb\tt\nn\ff\rr\""\'\'\\\\';
\r
790 return '"' + o.replace(/([\u0080-\uFFFF\x00-\x1f\"])/g, function(a, b) {
\r
794 return '\\' + v.charAt(i + 1);
\r
796 a = b.charCodeAt().toString(16);
\r
798 return '\\u' + '0000'.substring(a.length) + a;
\r
802 if (t == 'object') {
\r
803 if (o.hasOwnProperty && o instanceof Array) {
\r
804 for (i=0, v = '['; i<o.length; i++)
\r
805 v += (i > 0 ? ',' : '') + s(o[i]);
\r
813 v += typeof o[i] != 'function' ? (v.length > 1 ? ',"' : '"') + i + '":' + s(o[i]) : '';
\r
821 parse : function(s) {
\r
823 return eval('(' + s + ')');
\r
830 tinymce.create('static tinymce.util.XHR', {
\r
831 send : function(o) {
\r
832 var x, t, w = window, c = 0;
\r
834 // Default settings
\r
835 o.scope = o.scope || this;
\r
836 o.success_scope = o.success_scope || o.scope;
\r
837 o.error_scope = o.error_scope || o.scope;
\r
838 o.async = o.async === false ? false : true;
\r
839 o.data = o.data || '';
\r
845 x = new ActiveXObject(s);
\r
852 x = w.XMLHttpRequest ? new XMLHttpRequest() : get('Microsoft.XMLHTTP') || get('Msxml2.XMLHTTP');
\r
855 if (x.overrideMimeType)
\r
856 x.overrideMimeType(o.content_type);
\r
858 x.open(o.type || (o.data ? 'POST' : 'GET'), o.url, o.async);
\r
860 if (o.content_type)
\r
861 x.setRequestHeader('Content-Type', o.content_type);
\r
866 if (!o.async || x.readyState == 4 || c++ > 10000) {
\r
867 if (o.success && c < 10000 && x.status == 200)
\r
868 o.success.call(o.success_scope, '' + x.responseText, x, o);
\r
870 o.error.call(o.error_scope, c > 10000 ? 'TIMED_OUT' : 'GENERAL', x, o);
\r
874 w.setTimeout(ready, 10);
\r
877 // Syncronous request
\r
881 // Wait for response, onReadyStateChange can not be used since it leaks memory in IE
\r
882 t = w.setTimeout(ready, 10);
\r
888 var extend = tinymce.extend, JSON = tinymce.util.JSON, XHR = tinymce.util.XHR;
\r
890 tinymce.create('tinymce.util.JSONRequest', {
\r
891 JSONRequest : function(s) {
\r
892 this.settings = extend({
\r
897 send : function(o) {
\r
898 var ecb = o.error, scb = o.success;
\r
900 o = extend(this.settings, o);
\r
902 o.success = function(c, x) {
\r
905 if (typeof(c) == 'undefined') {
\r
907 error : 'JSON Parse error.'
\r
912 ecb.call(o.error_scope || o.scope, c.error, x);
\r
914 scb.call(o.success_scope || o.scope, c.result);
\r
917 o.error = function(ty, x) {
\r
918 ecb.call(o.error_scope || o.scope, ty, x);
\r
921 o.data = JSON.serialize({
\r
922 id : o.id || 'c' + (this.count++),
\r
927 // JSON content type for Ruby on rails. Bug: #1883287
\r
928 o.content_type = 'application/json';
\r
934 sendRPC : function(o) {
\r
935 return new tinymce.util.JSONRequest().send(o);
\r
940 }());(function(tinymce) {
\r
942 var each = tinymce.each, is = tinymce.is;
\r
943 var isWebKit = tinymce.isWebKit, isIE = tinymce.isIE;
\r
945 tinymce.create('tinymce.dom.DOMUtils', {
\r
949 pixelStyles : /^(top|left|bottom|right|width|height|borderWidth)$/,
\r
952 "class" : "className",
\r
953 className : "className",
\r
954 checked : "checked",
\r
955 disabled : "disabled",
\r
956 maxlength : "maxLength",
\r
957 readonly : "readOnly",
\r
958 selected : "selected",
\r
965 DOMUtils : function(d, s) {
\r
971 t.cssFlicker = false;
\r
973 t.boxModel = !tinymce.isIE || d.compatMode == "CSS1Compat";
\r
974 t.stdMode = d.documentMode === 8;
\r
976 this.settings = s = tinymce.extend({
\r
977 keep_values : false,
\r
982 // Fix IE6SP2 flicker and check it failed for pre SP2
\r
983 if (tinymce.isIE6) {
\r
985 d.execCommand('BackgroundImageCache', false, true);
\r
987 t.cssFlicker = true;
\r
991 tinymce.addUnload(t.destroy, t);
\r
994 getRoot : function() {
\r
995 var t = this, s = t.settings;
\r
997 return (s && t.get(s.root_element)) || t.doc.body;
\r
1000 getViewPort : function(w) {
\r
1003 w = !w ? this.win : w;
\r
1005 b = this.boxModel ? d.documentElement : d.body;
\r
1007 // Returns viewport size excluding scrollbars
\r
1009 x : w.pageXOffset || b.scrollLeft,
\r
1010 y : w.pageYOffset || b.scrollTop,
\r
1011 w : w.innerWidth || b.clientWidth,
\r
1012 h : w.innerHeight || b.clientHeight
\r
1016 getRect : function(e) {
\r
1017 var p, t = this, sr;
\r
1021 sr = t.getSize(e);
\r
1031 getSize : function(e) {
\r
1032 var t = this, w, h;
\r
1035 w = t.getStyle(e, 'width');
\r
1036 h = t.getStyle(e, 'height');
\r
1038 // Non pixel value, then force offset/clientWidth
\r
1039 if (w.indexOf('px') === -1)
\r
1042 // Non pixel value, then force offset/clientWidth
\r
1043 if (h.indexOf('px') === -1)
\r
1047 w : parseInt(w) || e.offsetWidth || e.clientWidth,
\r
1048 h : parseInt(h) || e.offsetHeight || e.clientHeight
\r
1052 is : function(n, patt) {
\r
1053 return tinymce.dom.Sizzle.matches(patt, n.nodeType ? [n] : n).length > 0;
\r
1056 getParent : function(n, f, r) {
\r
1057 return this.getParents(n, f, r, false);
\r
1060 getParents : function(n, f, r, c) {
\r
1061 var t = this, na, se = t.settings, o = [];
\r
1064 c = c === undefined;
\r
1066 if (se.strict_root)
\r
1067 r = r || t.getRoot();
\r
1069 // Wrap node name as func
\r
1070 if (is(f, 'string')) {
\r
1074 f = function(n) {return n.nodeType == 1;};
\r
1077 return t.is(n, na);
\r
1083 if (n == r || !n.nodeType || n.nodeType === 9)
\r
1096 return c ? o : null;
\r
1099 get : function(e) {
\r
1102 if (e && this.doc && typeof(e) == 'string') {
\r
1104 e = this.doc.getElementById(e);
\r
1106 // IE and Opera returns meta elements when they match the specified input ID, but getElementsByName seems to do the trick
\r
1107 if (e && e.id !== n)
\r
1108 return this.doc.getElementsByName(n)[1];
\r
1115 select : function(pa, s) {
\r
1118 return tinymce.dom.Sizzle(pa, t.get(s) || t.get(t.settings.root_element) || t.doc, []);
\r
1122 add : function(p, n, a, h, c) {
\r
1125 return this.run(p, function(p) {
\r
1128 e = is(n, 'string') ? t.doc.createElement(n) : n;
\r
1129 t.setAttribs(e, a);
\r
1138 return !c ? p.appendChild(e) : e;
\r
1142 create : function(n, a, h) {
\r
1143 return this.add(this.doc.createElement(n), n, a, h, 1);
\r
1146 createHTML : function(n, a, h) {
\r
1147 var o = '', t = this, k;
\r
1152 if (a.hasOwnProperty(k))
\r
1153 o += ' ' + k + '="' + t.encode(a[k]) + '"';
\r
1156 if (tinymce.is(h))
\r
1157 return o + '>' + h + '</' + n + '>';
\r
1162 remove : function(n, k) {
\r
1165 return this.run(n, function(n) {
\r
1174 for (i = n.childNodes.length - 1; i >= 0; i--)
\r
1175 t.insertAfter(n.childNodes[i], n);
\r
1177 //each(n.childNodes, function(c) {
\r
1178 // p.insertBefore(c.cloneNode(true), n);
\r
1182 // Fix IE psuedo leak
\r
1183 if (t.fixPsuedoLeaks) {
\r
1184 p = n.cloneNode(true);
\r
1185 k = 'IELeakGarbageBin';
\r
1186 g = t.get(k) || t.add(t.doc.body, 'div', {id : k, style : 'display:none'});
\r
1193 return p.removeChild(n);
\r
1198 setStyle : function(n, na, v) {
\r
1201 return t.run(n, function(e) {
\r
1206 // Camelcase it, if needed
\r
1207 na = na.replace(/-(\D)/g, function(a, b){
\r
1208 return b.toUpperCase();
\r
1211 // Default px suffix on these
\r
1212 if (t.pixelStyles.test(na) && (tinymce.is(v, 'number') || /^[\-0-9\.]+$/.test(v)))
\r
1217 // IE specific opacity
\r
1219 s.filter = v === '' ? '' : "alpha(opacity=" + (v * 100) + ")";
\r
1221 if (!n.currentStyle || !n.currentStyle.hasLayout)
\r
1222 s.display = 'inline-block';
\r
1225 // Fix for older browsers
\r
1226 s[na] = s['-moz-opacity'] = s['-khtml-opacity'] = v || '';
\r
1230 isIE ? s.styleFloat = v : s.cssFloat = v;
\r
1237 // Force update of the style data
\r
1238 if (t.settings.update_styles)
\r
1239 t.setAttrib(e, 'mce_style');
\r
1243 getStyle : function(n, na, c) {
\r
1250 if (this.doc.defaultView && c) {
\r
1251 // Remove camelcase
\r
1252 na = na.replace(/[A-Z]/g, function(a){
\r
1257 return this.doc.defaultView.getComputedStyle(n, null).getPropertyValue(na);
\r
1259 // Old safari might fail
\r
1264 // Camelcase it, if needed
\r
1265 na = na.replace(/-(\D)/g, function(a, b){
\r
1266 return b.toUpperCase();
\r
1269 if (na == 'float')
\r
1270 na = isIE ? 'styleFloat' : 'cssFloat';
\r
1273 if (n.currentStyle && c)
\r
1274 return n.currentStyle[na];
\r
1276 return n.style[na];
\r
1279 setStyles : function(e, o) {
\r
1280 var t = this, s = t.settings, ol;
\r
1282 ol = s.update_styles;
\r
1283 s.update_styles = 0;
\r
1285 each(o, function(v, n) {
\r
1286 t.setStyle(e, n, v);
\r
1289 // Update style info
\r
1290 s.update_styles = ol;
\r
1291 if (s.update_styles)
\r
1292 t.setAttrib(e, s.cssText);
\r
1295 setAttrib : function(e, n, v) {
\r
1298 // Whats the point
\r
1302 // Strict XML mode
\r
1303 if (t.settings.strict)
\r
1304 n = n.toLowerCase();
\r
1306 return this.run(e, function(e) {
\r
1307 var s = t.settings;
\r
1311 if (!is(v, 'string')) {
\r
1312 each(v, function(v, n) {
\r
1313 t.setStyle(e, n, v);
\r
1319 // No mce_style for elements with these since they might get resized by the user
\r
1320 if (s.keep_values) {
\r
1321 if (v && !t._isRes(v))
\r
1322 e.setAttribute('mce_style', v, 2);
\r
1324 e.removeAttribute('mce_style', 2);
\r
1327 e.style.cssText = v;
\r
1331 e.className = v || ''; // Fix IE null bug
\r
1336 if (s.keep_values) {
\r
1337 if (s.url_converter)
\r
1338 v = s.url_converter.call(s.url_converter_scope || t, v, n, e);
\r
1340 t.setAttrib(e, 'mce_' + n, v, 2);
\r
1346 e.setAttribute('mce_style', v);
\r
1350 if (is(v) && v !== null && v.length !== 0)
\r
1351 e.setAttribute(n, '' + v, 2);
\r
1353 e.removeAttribute(n, 2);
\r
1357 setAttribs : function(e, o) {
\r
1360 return this.run(e, function(e) {
\r
1361 each(o, function(v, n) {
\r
1362 t.setAttrib(e, n, v);
\r
1368 getAttrib : function(e, n, dv) {
\r
1373 if (!e || e.nodeType !== 1)
\r
1379 // Try the mce variant for these
\r
1380 if (/^(src|href|style|coords|shape)$/.test(n)) {
\r
1381 v = e.getAttribute("mce_" + n);
\r
1387 if (isIE && t.props[n]) {
\r
1388 v = e[t.props[n]];
\r
1389 v = v && v.nodeValue ? v.nodeValue : v;
\r
1393 v = e.getAttribute(n, 2);
\r
1395 if (n === 'style') {
\r
1396 v = v || e.style.cssText;
\r
1399 v = t.serializeStyle(t.parseStyle(v));
\r
1401 if (t.settings.keep_values && !t._isRes(v))
\r
1402 e.setAttribute('mce_style', v);
\r
1406 // Remove Apple and WebKit stuff
\r
1407 if (isWebKit && n === "class" && v)
\r
1408 v = v.replace(/(apple|webkit)\-[a-z\-]+/gi, '');
\r
1410 // Handle IE issues
\r
1415 // IE returns 1 as default value
\r
1422 // IE returns +0 as default value for size
\r
1423 if (v === '+0' || v === 20 || v === 0)
\r
1440 // IE returns -1 as default value
\r
1448 // IE returns default value
\r
1449 if (v === 32768 || v === 2147483647 || v === '32768')
\r
1464 v = v.toLowerCase();
\r
1468 // IE has odd anonymous function for event attributes
\r
1469 if (n.indexOf('on') === 0 && v)
\r
1470 v = ('' + v).replace(/^function\s+anonymous\(\)\s+\{\s+(.*)\s+\}$/, '$1');
\r
1474 return (v !== undefined && v !== null && v !== '') ? '' + v : dv;
\r
1477 getPos : function(n, ro) {
\r
1478 var t = this, x = 0, y = 0, e, d = t.doc, r;
\r
1481 ro = ro || d.body;
\r
1484 // Use getBoundingClientRect on IE, Opera has it but it's not perfect
\r
1485 if (isIE && !t.stdMode) {
\r
1486 n = n.getBoundingClientRect();
\r
1487 e = t.boxModel ? d.documentElement : d.body;
\r
1488 x = t.getStyle(t.select('html')[0], 'borderWidth'); // Remove border
\r
1489 x = (x == 'medium' || t.boxModel && !t.isIE6) && 2 || x;
\r
1490 n.top += t.win.self != t.win.top ? 2 : 0; // IE adds some strange extra cord if used in a frameset
\r
1492 return {x : n.left + e.scrollLeft - x, y : n.top + e.scrollTop - x};
\r
1496 while (r && r != ro && r.nodeType) {
\r
1497 x += r.offsetLeft || 0;
\r
1498 y += r.offsetTop || 0;
\r
1499 r = r.offsetParent;
\r
1503 while (r && r != ro && r.nodeType) {
\r
1504 x -= r.scrollLeft || 0;
\r
1505 y -= r.scrollTop || 0;
\r
1510 return {x : x, y : y};
\r
1513 parseStyle : function(st) {
\r
1514 var t = this, s = t.settings, o = {};
\r
1519 function compress(p, s, ot) {
\r
1522 // Get values and check it it needs compressing
\r
1523 t = o[p + '-top' + s];
\r
1527 r = o[p + '-right' + s];
\r
1531 b = o[p + '-bottom' + s];
\r
1535 l = o[p + '-left' + s];
\r
1541 delete o[p + '-top' + s];
\r
1542 delete o[p + '-right' + s];
\r
1543 delete o[p + '-bottom' + s];
\r
1544 delete o[p + '-left' + s];
\r
1547 function compress2(ta, a, b, c) {
\r
1563 o[ta] = o[a] + ' ' + o[b] + ' ' + o[c];
\r
1569 st = st.replace(/&(#?[a-z0-9]+);/g, '&$1_MCE_SEMI_'); // Protect entities
\r
1571 each(st.split(';'), function(v) {
\r
1575 v = v.replace(/_MCE_SEMI_/g, ';'); // Restore entities
\r
1576 v = v.replace(/url\([^\)]+\)/g, function(v) {ur.push(v);return 'url(' + ur.length + ')';});
\r
1578 sv = tinymce.trim(v[1]);
\r
1579 sv = sv.replace(/url\(([^\)]+)\)/g, function(a, b) {return ur[parseInt(b) - 1];});
\r
1581 sv = sv.replace(/rgb\([^\)]+\)/g, function(v) {
\r
1582 return t.toHex(v);
\r
1585 if (s.url_converter) {
\r
1586 sv = sv.replace(/url\([\'\"]?([^\)\'\"]+)[\'\"]?\)/g, function(x, c) {
\r
1587 return 'url(' + s.url_converter.call(s.url_converter_scope || t, t.decode(c), 'style', null) + ')';
\r
1591 o[tinymce.trim(v[0]).toLowerCase()] = sv;
\r
1595 compress("border", "", "border");
\r
1596 compress("border", "-width", "border-width");
\r
1597 compress("border", "-color", "border-color");
\r
1598 compress("border", "-style", "border-style");
\r
1599 compress("padding", "", "padding");
\r
1600 compress("margin", "", "margin");
\r
1601 compress2('border', 'border-width', 'border-style', 'border-color');
\r
1604 // Remove pointless border
\r
1605 if (o.border == 'medium none')
\r
1612 serializeStyle : function(o) {
\r
1615 each(o, function(v, k) {
\r
1617 if (tinymce.isGecko && k.indexOf('-moz-') === 0)
\r
1622 case 'background-color':
\r
1623 v = v.toLowerCase();
\r
1627 s += (s ? ' ' : '') + k + ': ' + v + ';';
\r
1634 loadCSS : function(u) {
\r
1635 var t = this, d = t.doc;
\r
1640 each(u.split(','), function(u) {
\r
1644 t.files[u] = true;
\r
1645 t.add(t.select('head')[0], 'link', {rel : 'stylesheet', href : tinymce._addVer(u)});
\r
1650 addClass : function(e, c) {
\r
1651 return this.run(e, function(e) {
\r
1657 if (this.hasClass(e, c))
\r
1658 return e.className;
\r
1660 o = this.removeClass(e, c);
\r
1662 return e.className = (o != '' ? (o + ' ') : '') + c;
\r
1666 removeClass : function(e, c) {
\r
1669 return t.run(e, function(e) {
\r
1672 if (t.hasClass(e, c)) {
\r
1674 re = new RegExp("(^|\\s+)" + c + "(\\s+|$)", "g");
\r
1676 v = e.className.replace(re, ' ');
\r
1678 return e.className = tinymce.trim(v != ' ' ? v : '');
\r
1681 return e.className;
\r
1685 hasClass : function(n, c) {
\r
1691 return (' ' + n.className + ' ').indexOf(' ' + c + ' ') !== -1;
\r
1694 show : function(e) {
\r
1695 return this.setStyle(e, 'display', 'block');
\r
1698 hide : function(e) {
\r
1699 return this.setStyle(e, 'display', 'none');
\r
1702 isHidden : function(e) {
\r
1705 return !e || e.style.display == 'none' || this.getStyle(e, 'display') == 'none';
\r
1709 uniqueId : function(p) {
\r
1710 return (!p ? 'mce_' : p) + (this.counter++);
\r
1713 setHTML : function(e, h) {
\r
1716 return this.run(e, function(e) {
\r
1717 var x, i, nl, n, p, x;
\r
1719 h = t.processHTML(h);
\r
1724 // IE will remove comments from the beginning
\r
1725 // unless you padd the contents with something
\r
1726 e.innerHTML = '<br />' + h;
\r
1727 e.removeChild(e.firstChild);
\r
1729 // IE sometimes produces an unknown runtime error on innerHTML if it's an block element within a block element for example a div inside a p
\r
1730 // This seems to fix this problem
\r
1732 // Remove all child nodes
\r
1733 while (e.firstChild)
\r
1734 e.firstChild.removeNode();
\r
1736 // Create new div with HTML contents and a BR infront to keep comments
\r
1737 x = t.create('div');
\r
1738 x.innerHTML = '<br />' + h;
\r
1740 // Add all children from div to target
\r
1741 each (x.childNodes, function(n, i) {
\r
1742 // Skip br element
\r
1749 // IE has a serious bug when it comes to paragraphs it can produce an invalid
\r
1750 // DOM tree if contents like this <p><ul><li>Item 1</li></ul></p> is inserted
\r
1751 // It seems to be that IE doesn't like a root block element placed inside another root block element
\r
1752 if (t.settings.fix_ie_paragraphs)
\r
1753 h = h.replace(/<p><\/p>|<p([^>]+)><\/p>|<p[^\/+]\/>/gi, '<p$1 mce_keep="true"> </p>');
\r
1757 if (t.settings.fix_ie_paragraphs) {
\r
1758 // Check for odd paragraphs this is a sign of a broken DOM
\r
1759 nl = e.getElementsByTagName("p");
\r
1760 for (i = nl.length - 1, x = 0; i >= 0; i--) {
\r
1763 if (!n.hasChildNodes()) {
\r
1764 if (!n.mce_keep) {
\r
1765 x = 1; // Is broken
\r
1769 n.removeAttribute('mce_keep');
\r
1774 // Time to fix the madness IE left us
\r
1776 // So if we replace the p elements with divs and mark them and then replace them back to paragraphs
\r
1777 // after we use innerHTML we can fix the DOM tree
\r
1778 h = h.replace(/<p ([^>]+)>|<p>/g, '<div $1 mce_tmp="1">');
\r
1779 h = h.replace(/<\/p>/g, '</div>');
\r
1781 // Set the new HTML with DIVs
\r
1784 // Replace all DIV elements with he mce_tmp attibute back to paragraphs
\r
1785 // This is needed since IE has a annoying bug see above for details
\r
1786 // This is a slow process but it has to be done. :(
\r
1787 if (t.settings.fix_ie_paragraphs) {
\r
1788 nl = e.getElementsByTagName("DIV");
\r
1789 for (i = nl.length - 1; i >= 0; i--) {
\r
1792 // Is it a temp div
\r
1794 // Create new paragraph
\r
1795 p = t.doc.createElement('p');
\r
1797 // Copy all attributes
\r
1798 n.cloneNode(false).outerHTML.replace(/([a-z0-9\-_]+)=/gi, function(a, b) {
\r
1801 if (b !== 'mce_tmp') {
\r
1802 v = n.getAttribute(b);
\r
1804 if (!v && b === 'class')
\r
1807 p.setAttribute(b, v);
\r
1811 // Append all children to new paragraph
\r
1812 for (x = 0; x<n.childNodes.length; x++)
\r
1813 p.appendChild(n.childNodes[x].cloneNode(true));
\r
1815 // Replace div with new paragraph
\r
1828 processHTML : function(h) {
\r
1829 var t = this, s = t.settings;
\r
1831 if (!s.process_html)
\r
1834 // Convert strong and em to b and i in FF since it can't handle them
\r
1835 if (tinymce.isGecko) {
\r
1836 h = h.replace(/<(\/?)strong>|<strong( [^>]+)>/gi, '<$1b$2>');
\r
1837 h = h.replace(/<(\/?)em>|<em( [^>]+)>/gi, '<$1i$2>');
\r
1838 } else if (isIE) {
\r
1839 h = h.replace(/'/g, '''); // IE can't handle apos
\r
1840 h = h.replace(/\s+(disabled|checked|readonly|selected)\s*=\s*[\"\']?(false|0)[\"\']?/gi, ''); // IE doesn't handle default values correct
\r
1843 // Fix some issues
\r
1844 h = h.replace(/<a( )([^>]+)\/>|<a\/>/gi, '<a$1$2></a>'); // Force open
\r
1846 // Store away src and href in mce_src and mce_href since browsers mess them up
\r
1847 if (s.keep_values) {
\r
1848 // Wrap scripts and styles in comments for serialization purposes
\r
1849 if (/<script|style/.test(h)) {
\r
1850 function trim(s) {
\r
1851 // Remove prefix and suffix code for element
\r
1852 s = s.replace(/(<!--\[CDATA\[|\]\]-->)/g, '\n');
\r
1853 s = s.replace(/^[\r\n]*|[\r\n]*$/g, '');
\r
1854 s = s.replace(/^\s*(\/\/\s*<!--|\/\/\s*<!\[CDATA\[|<!--|<!\[CDATA\[)[\r\n]*/g, '');
\r
1855 s = s.replace(/\s*(\/\/\s*\]\]>|\/\/\s*-->|\]\]>|-->|\]\]-->)\s*$/g, '');
\r
1860 // Preserve script elements
\r
1861 h = h.replace(/<script([^>]+|)>([\s\S]*?)<\/script>/g, function(v, a, b) {
\r
1862 // Remove prefix and suffix code for script element
\r
1865 // Force type attribute
\r
1867 a = ' type="text/javascript"';
\r
1869 // Wrap contents in a comment
\r
1871 b = '<!--\n' + b + '\n// -->';
\r
1873 // Output fake element
\r
1874 return '<mce:script' + a + '>' + b + '</mce:script>';
\r
1877 // Preserve style elements
\r
1878 h = h.replace(/<style([^>]+|)>([\s\S]*?)<\/style>/g, function(v, a, b) {
\r
1880 return '<mce:style' + a + '><!--\n' + b + '\n--></mce:style><style' + a + ' mce_bogus="1">' + b + '</style>';
\r
1884 h = h.replace(/<!\[CDATA\[([\s\S]+)\]\]>/g, '<!--[CDATA[$1]]-->');
\r
1886 // Process all tags with src, href or style
\r
1887 h = h.replace(/<([\w:]+) [^>]*(src|href|style|shape|coords)[^>]*>/gi, function(a, n) {
\r
1888 function handle(m, b, c) {
\r
1891 // Tag already got a mce_ version
\r
1892 if (a.indexOf('mce_' + b) != -1)
\r
1895 if (b == 'style') {
\r
1896 // No mce_style for elements with these since they might get resized by the user
\r
1900 if (s.hex_colors) {
\r
1901 u = u.replace(/rgb\([^\)]+\)/g, function(v) {
\r
1902 return t.toHex(v);
\r
1906 if (s.url_converter) {
\r
1907 u = u.replace(/url\([\'\"]?([^\)\'\"]+)\)/g, function(x, c) {
\r
1908 return 'url(' + t.encode(s.url_converter.call(s.url_converter_scope || t, t.decode(c), b, n)) + ')';
\r
1911 } else if (b != 'coords' && b != 'shape') {
\r
1912 if (s.url_converter)
\r
1913 u = t.encode(s.url_converter.call(s.url_converter_scope || t, t.decode(c), b, n));
\r
1916 return ' ' + b + '="' + c + '" mce_' + b + '="' + u + '"';
\r
1919 a = a.replace(/ (src|href|style|coords|shape)=[\"]([^\"]+)[\"]/gi, handle); // W3C
\r
1920 a = a.replace(/ (src|href|style|coords|shape)=[\']([^\']+)[\']/gi, handle); // W3C
\r
1922 return a.replace(/ (src|href|style|coords|shape)=([^\s\"\'>]+)/gi, handle); // IE
\r
1929 getOuterHTML : function(e) {
\r
1937 if (e.outerHTML !== undefined)
\r
1938 return e.outerHTML;
\r
1940 d = (e.ownerDocument || this.doc).createElement("body");
\r
1941 d.appendChild(e.cloneNode(true));
\r
1943 return d.innerHTML;
\r
1946 setOuterHTML : function(e, h, d) {
\r
1949 return this.run(e, function(e) {
\r
1953 d = d || e.ownerDocument || t.doc;
\r
1955 if (isIE && e.nodeType == 1)
\r
1958 tp = d.createElement("body");
\r
1963 t.insertAfter(n.cloneNode(true), e);
\r
1964 n = n.previousSibling;
\r
1972 decode : function(s) {
\r
1975 // Look for entities to decode
\r
1976 if (/&[^;]+;/.test(s)) {
\r
1977 // Decode the entities using a div element not super efficient but less code
\r
1978 e = this.doc.createElement("div");
\r
1986 } while (n.nextSibling);
\r
1995 encode : function(s) {
\r
1996 return s ? ('' + s).replace(/[<>&\"]/g, function (c, b) {
\r
2016 insertAfter : function(n, r) {
\r
2021 return this.run(n, function(n) {
\r
2025 ns = r.nextSibling;
\r
2028 p.insertBefore(n, ns);
\r
2037 isBlock : function(n) {
\r
2038 if (n.nodeType && n.nodeType !== 1)
\r
2041 n = n.nodeName || n;
\r
2043 return /^(H[1-6]|HR|P|DIV|ADDRESS|PRE|FORM|TABLE|LI|OL|UL|TR|TD|CAPTION|BLOCKQUOTE|CENTER|DL|DT|DD|DIR|FIELDSET|NOSCRIPT|NOFRAMES|MENU|ISINDEX|SAMP)$/.test(n);
\r
2047 replace : function(n, o, k) {
\r
2050 if (is(o, 'array'))
\r
2051 n = n.cloneNode(true);
\r
2053 return t.run(o, function(o) {
\r
2055 each(o.childNodes, function(c) {
\r
2056 n.appendChild(c.cloneNode(true));
\r
2060 // Fix IE psuedo leak for elements since replacing elements if fairly common
\r
2061 // Will break parentNode for some unknown reason
\r
2062 if (t.fixPsuedoLeaks && o.nodeType === 1) {
\r
2063 o.parentNode.insertBefore(n, o);
\r
2068 return o.parentNode.replaceChild(n, o);
\r
2073 findCommonAncestor : function(a, b) {
\r
2079 while (pe && ps != pe)
\r
2080 pe = pe.parentNode;
\r
2085 ps = ps.parentNode;
\r
2088 if (!ps && a.ownerDocument)
\r
2089 return a.ownerDocument.documentElement;
\r
2094 toHex : function(s) {
\r
2095 var c = /^\s*rgb\s*?\(\s*?([0-9]+)\s*?,\s*?([0-9]+)\s*?,\s*?([0-9]+)\s*?\)\s*$/i.exec(s);
\r
2098 s = parseInt(s).toString(16);
\r
2100 return s.length > 1 ? s : '0' + s; // 0 -> 00
\r
2104 s = '#' + hex(c[1]) + hex(c[2]) + hex(c[3]);
\r
2112 getClasses : function() {
\r
2113 var t = this, cl = [], i, lo = {}, f = t.settings.class_filter, ov;
\r
2118 function addClasses(s) {
\r
2119 // IE style imports
\r
2120 each(s.imports, function(r) {
\r
2124 each(s.cssRules || s.rules, function(r) {
\r
2125 // Real type or fake it on IE
\r
2126 switch (r.type || 1) {
\r
2129 if (r.selectorText) {
\r
2130 each(r.selectorText.split(','), function(v) {
\r
2131 v = v.replace(/^\s*|\s*$|^\s\./g, "");
\r
2133 // Is internal or it doesn't contain a class
\r
2134 if (/\.mce/.test(v) || !/\.[\w\-]+$/.test(v))
\r
2137 // Remove everything but class name
\r
2139 v = v.replace(/.*\.([a-z0-9_\-]+).*/i, '$1');
\r
2142 if (f && !(v = f(v, ov)))
\r
2146 cl.push({'class' : v});
\r
2155 addClasses(r.styleSheet);
\r
2162 each(t.doc.styleSheets, addClasses);
\r
2167 if (cl.length > 0)
\r
2173 run : function(e, f, s) {
\r
2176 if (t.doc && typeof(e) === 'string')
\r
2183 if (!e.nodeType && (e.length || e.length === 0)) {
\r
2186 each(e, function(e, i) {
\r
2188 if (typeof(e) == 'string')
\r
2189 e = t.doc.getElementById(e);
\r
2191 o.push(f.call(s, e, i));
\r
2198 return f.call(s, e);
\r
2201 getAttribs : function(n) {
\r
2212 // Object will throw exception in IE
\r
2213 if (n.nodeName == 'OBJECT')
\r
2214 return n.attributes;
\r
2216 // It's crazy that this is faster in IE but it's because it returns all attributes all the time
\r
2217 n.cloneNode(false).outerHTML.replace(/([a-z0-9\:\-_]+)=/gi, function(a, b) {
\r
2218 o.push({specified : 1, nodeName : b});
\r
2224 return n.attributes;
\r
2227 destroy : function(s) {
\r
2230 t.win = t.doc = t.root = null;
\r
2232 // Manual destroy then remove unload handler
\r
2234 tinymce.removeUnload(t.destroy);
\r
2237 createRng : function() {
\r
2240 return d.createRange ? d.createRange() : new tinymce.dom.Range(this);
\r
2243 split : function(pe, e, re) {
\r
2244 var t = this, r = t.createRng(), bef, aft, pa;
\r
2246 // W3C valid browsers tend to leave empty nodes to the left/right side of the contents, this makes sence
\r
2247 // but we don't want that in our code since it serves no purpose
\r
2248 // For example if this is chopped:
\r
2249 // <p>text 1<span><b>CHOP</b></span>text 2</p>
\r
2251 // <p>text 1<span></span></p><b>CHOP</b><p><span></span>text 2</p>
\r
2252 // this function will then trim of empty edges and produce:
\r
2253 // <p>text 1</p><b>CHOP</b><p>text 2</p>
\r
2254 function trimEdge(n, na) {
\r
2257 if (n && n[na] && n[na].nodeType == 1 && isEmpty(n[na]))
\r
2261 function isEmpty(n) {
\r
2262 n = t.getOuterHTML(n);
\r
2263 n = n.replace(/<(img|hr|table)/gi, '-'); // Keep these convert them to - chars
\r
2264 n = n.replace(/<[^>]+>/g, ''); // Remove all tags
\r
2266 return n.replace(/[ \t\r\n]+| | /g, '') == '';
\r
2270 // Get before chunk
\r
2271 r.setStartBefore(pe);
\r
2272 r.setEndBefore(e);
\r
2273 bef = r.extractContents();
\r
2275 // Get after chunk
\r
2276 r = t.createRng();
\r
2277 r.setStartAfter(e);
\r
2278 r.setEndAfter(pe);
\r
2279 aft = r.extractContents();
\r
2281 // Insert chunks and remove parent
\r
2282 pa = pe.parentNode;
\r
2284 // Remove right side edge of the before contents
\r
2285 trimEdge(bef, 'lastChild');
\r
2287 if (!isEmpty(bef))
\r
2288 pa.insertBefore(bef, pe);
\r
2291 pa.replaceChild(re, e);
\r
2293 pa.insertBefore(e, pe);
\r
2295 // Remove left site edge of the after contents
\r
2296 trimEdge(aft, 'firstChild');
\r
2298 if (!isEmpty(aft))
\r
2299 pa.insertBefore(aft, pe);
\r
2308 _isRes : function(c) {
\r
2309 // Is live resizble element
\r
2310 return /^(top|left|bottom|right|width|height)/i.test(c) || /;\s*(top|left|bottom|right|width|height)/i.test(c);
\r
2314 walk : function(n, f, s) {
\r
2315 var d = this.doc, w;
\r
2317 if (d.createTreeWalker) {
\r
2318 w = d.createTreeWalker(n, NodeFilter.SHOW_TEXT, null, false);
\r
2320 while ((n = w.nextNode()) != null)
\r
2321 f.call(s || this, n);
\r
2323 tinymce.walk(n, f, 'childNodes', s);
\r
2328 toRGB : function(s) {
\r
2329 var c = /^\s*?#([0-9A-F]{2})([0-9A-F]{1,2})([0-9A-F]{2})?\s*?$/.exec(s);
\r
2332 // #FFF -> #FFFFFF
\r
2334 c[3] = c[2] = c[1];
\r
2336 return "rgb(" + parseInt(c[1], 16) + "," + parseInt(c[2], 16) + "," + parseInt(c[3], 16) + ")";
\r
2346 tinymce.DOM = new tinymce.dom.DOMUtils(document, {process_html : 0});
\r
2349 // Traverse constants
\r
2350 var EXTRACT = 0, CLONE = 1, DELETE = 2, extend = tinymce.extend;
\r
2352 function indexOf(child, parent) {
\r
2355 if (child.parentNode != parent)
\r
2358 for (node = parent.firstChild, i = 0; node != child; node = node.nextSibling)
\r
2364 function nodeIndex(n) {
\r
2367 while (n.previousSibling) {
\r
2369 n = n.previousSibling;
\r
2375 function getSelectedNode(container, offset) {
\r
2378 if (container.nodeType == 3 /* TEXT_NODE */)
\r
2384 child = container.firstChild;
\r
2385 while (child != null && offset > 0) {
\r
2387 child = child.nextSibling;
\r
2390 if (child != null)
\r
2396 // Range constructor
\r
2397 function Range(dom) {
\r
2404 startContainer : d,
\r
2409 commonAncestorContainer : d,
\r
2411 // Range constants
\r
2412 START_TO_START : 0,
\r
2419 // Add range methods
\r
2420 extend(Range.prototype, {
\r
2421 setStart : function(n, o) {
\r
2422 this._setEndPoint(true, n, o);
\r
2425 setEnd : function(n, o) {
\r
2426 this._setEndPoint(false, n, o);
\r
2429 setStartBefore : function(n) {
\r
2430 this.setStart(n.parentNode, nodeIndex(n));
\r
2433 setStartAfter : function(n) {
\r
2434 this.setStart(n.parentNode, nodeIndex(n) + 1);
\r
2437 setEndBefore : function(n) {
\r
2438 this.setEnd(n.parentNode, nodeIndex(n));
\r
2441 setEndAfter : function(n) {
\r
2442 this.setEnd(n.parentNode, nodeIndex(n) + 1);
\r
2445 collapse : function(ts) {
\r
2449 t.endContainer = t.startContainer;
\r
2450 t.endOffset = t.startOffset;
\r
2452 t.startContainer = t.endContainer;
\r
2453 t.startOffset = t.endOffset;
\r
2456 t.collapsed = true;
\r
2459 selectNode : function(n) {
\r
2460 this.setStartBefore(n);
\r
2461 this.setEndAfter(n);
\r
2464 selectNodeContents : function(n) {
\r
2465 this.setStart(n, 0);
\r
2466 this.setEnd(n, n.nodeType === 1 ? n.childNodes.length : n.nodeValue.length);
\r
2469 compareBoundaryPoints : function(h, r) {
\r
2470 var t = this, sc = t.startContainer, so = t.startOffset, ec = t.endContainer, eo = t.endOffset;
\r
2472 // Check START_TO_START
\r
2474 return t._compareBoundaryPoints(sc, so, sc, so);
\r
2476 // Check START_TO_END
\r
2478 return t._compareBoundaryPoints(sc, so, ec, eo);
\r
2480 // Check END_TO_END
\r
2482 return t._compareBoundaryPoints(ec, eo, ec, eo);
\r
2484 // Check END_TO_START
\r
2486 return t._compareBoundaryPoints(ec, eo, sc, so);
\r
2489 deleteContents : function() {
\r
2490 this._traverse(DELETE);
\r
2493 extractContents : function() {
\r
2494 return this._traverse(EXTRACT);
\r
2497 cloneContents : function() {
\r
2498 return this._traverse(CLONE);
\r
2501 insertNode : function(n) {
\r
2502 var t = this, nn, o;
\r
2504 // Node is TEXT_NODE or CDATA
\r
2505 if (n.nodeType === 3 || n.nodeType === 4) {
\r
2506 nn = t.startContainer.splitText(t.startOffset);
\r
2507 t.startContainer.parentNode.insertBefore(n, nn);
\r
2509 // Insert element node
\r
2510 if (t.startContainer.childNodes.length > 0)
\r
2511 o = t.startContainer.childNodes[t.startOffset];
\r
2513 t.startContainer.insertBefore(n, o);
\r
2517 surroundContents : function(n) {
\r
2518 var t = this, f = t.extractContents();
\r
2525 cloneRange : function() {
\r
2528 return extend(new Range(t.dom), {
\r
2529 startContainer : t.startContainer,
\r
2530 startOffset : t.startOffset,
\r
2531 endContainer : t.endContainer,
\r
2532 endOffset : t.endOffset,
\r
2533 collapsed : t.collapsed,
\r
2534 commonAncestorContainer : t.commonAncestorContainer
\r
2539 detach : function() {
\r
2540 // Not implemented
\r
2543 // Internal methods
\r
2545 _isCollapsed : function() {
\r
2546 return (this.startContainer == this.endContainer && this.startOffset == this.endOffset);
\r
2549 _compareBoundaryPoints : function (containerA, offsetA, containerB, offsetB) {
\r
2550 var c, offsetC, n, cmnRoot, childA, childB;
\r
2552 // In the first case the boundary-points have the same container. A is before B
\r
2553 // if its offset is less than the offset of B, A is equal to B if its offset is
\r
2554 // equal to the offset of B, and A is after B if its offset is greater than the
\r
2556 if (containerA == containerB) {
\r
2557 if (offsetA == offsetB) {
\r
2558 return 0; // equal
\r
2559 } else if (offsetA < offsetB) {
\r
2560 return -1; // before
\r
2562 return 1; // after
\r
2566 // In the second case a child node C of the container of A is an ancestor
\r
2567 // container of B. In this case, A is before B if the offset of A is less than or
\r
2568 // equal to the index of the child node C and A is after B otherwise.
\r
2570 while (c && c.parentNode != containerA) {
\r
2575 n = containerA.firstChild;
\r
2577 while (n != c && offsetC < offsetA) {
\r
2579 n = n.nextSibling;
\r
2582 if (offsetA <= offsetC) {
\r
2583 return -1; // before
\r
2585 return 1; // after
\r
2589 // In the third case a child node C of the container of B is an ancestor container
\r
2590 // of A. In this case, A is before B if the index of the child node C is less than
\r
2591 // the offset of B and A is after B otherwise.
\r
2593 while (c && c.parentNode != containerB) {
\r
2599 n = containerB.firstChild;
\r
2601 while (n != c && offsetC < offsetB) {
\r
2603 n = n.nextSibling;
\r
2606 if (offsetC < offsetB) {
\r
2607 return -1; // before
\r
2609 return 1; // after
\r
2613 // In the fourth case, none of three other cases hold: the containers of A and B
\r
2614 // are siblings or descendants of sibling nodes. In this case, A is before B if
\r
2615 // the container of A is before the container of B in a pre-order traversal of the
\r
2616 // Ranges' context tree and A is after B otherwise.
\r
2617 cmnRoot = this.dom.findCommonAncestor(containerA, containerB);
\r
2618 childA = containerA;
\r
2620 while (childA && childA.parentNode != cmnRoot) {
\r
2621 childA = childA.parentNode;
\r
2628 childB = containerB;
\r
2629 while (childB && childB.parentNode != cmnRoot) {
\r
2630 childB = childB.parentNode;
\r
2637 if (childA == childB) {
\r
2638 return 0; // equal
\r
2641 n = cmnRoot.firstChild;
\r
2643 if (n == childA) {
\r
2644 return -1; // before
\r
2647 if (n == childB) {
\r
2648 return 1; // after
\r
2651 n = n.nextSibling;
\r
2655 _setEndPoint : function(st, n, o) {
\r
2656 var t = this, ec, sc;
\r
2659 t.startContainer = n;
\r
2660 t.startOffset = o;
\r
2662 t.endContainer = n;
\r
2666 // If one boundary-point of a Range is set to have a root container
\r
2667 // other than the current one for the Range, the Range is collapsed to
\r
2668 // the new position. This enforces the restriction that both boundary-
\r
2669 // points of a Range must have the same root container.
\r
2670 ec = t.endContainer;
\r
2671 while (ec.parentNode)
\r
2672 ec = ec.parentNode;
\r
2674 sc = t.startContainer;
\r
2675 while (sc.parentNode)
\r
2676 sc = sc.parentNode;
\r
2681 // The start position of a Range is guaranteed to never be after the
\r
2682 // end position. To enforce this restriction, if the start is set to
\r
2683 // be at a position after the end, the Range is collapsed to that
\r
2685 if (t._compareBoundaryPoints(t.startContainer, t.startOffset, t.endContainer, t.endOffset) > 0)
\r
2689 t.collapsed = t._isCollapsed();
\r
2690 t.commonAncestorContainer = t.dom.findCommonAncestor(t.startContainer, t.endContainer);
\r
2693 // This code is heavily "inspired" by the Apache Xerces implementation. I hope they don't mind. :)
\r
2695 _traverse : function(how) {
\r
2696 var t = this, c, endContainerDepth = 0, startContainerDepth = 0, p, depthDiff, startNode, endNode, sp, ep;
\r
2698 if (t.startContainer == t.endContainer)
\r
2699 return t._traverseSameContainer(how);
\r
2701 for (c = t.endContainer, p = c.parentNode; p != null; c = p, p = p.parentNode) {
\r
2702 if (p == t.startContainer)
\r
2703 return t._traverseCommonStartContainer(c, how);
\r
2705 ++endContainerDepth;
\r
2708 for (c = t.startContainer, p = c.parentNode; p != null; c = p, p = p.parentNode) {
\r
2709 if (p == t.endContainer)
\r
2710 return t._traverseCommonEndContainer(c, how);
\r
2712 ++startContainerDepth;
\r
2715 depthDiff = startContainerDepth - endContainerDepth;
\r
2717 startNode = t.startContainer;
\r
2718 while (depthDiff > 0) {
\r
2719 startNode = startNode.parentNode;
\r
2723 endNode = t.endContainer;
\r
2724 while (depthDiff < 0) {
\r
2725 endNode = endNode.parentNode;
\r
2729 // ascend the ancestor hierarchy until we have a common parent.
\r
2730 for (sp = startNode.parentNode, ep = endNode.parentNode; sp != ep; sp = sp.parentNode, ep = ep.parentNode) {
\r
2735 return t._traverseCommonAncestors(startNode, endNode, how);
\r
2738 _traverseSameContainer : function(how) {
\r
2739 var t = this, frag, s, sub, n, cnt, sibling, xferNode;
\r
2741 if (how != DELETE)
\r
2742 frag = t.dom.doc.createDocumentFragment();
\r
2744 // If selection is empty, just return the fragment
\r
2745 if (t.startOffset == t.endOffset)
\r
2748 // Text node needs special case handling
\r
2749 if (t.startContainer.nodeType == 3 /* TEXT_NODE */) {
\r
2750 // get the substring
\r
2751 s = t.startContainer.nodeValue;
\r
2752 sub = s.substring(t.startOffset, t.endOffset);
\r
2754 // set the original text node to its new value
\r
2755 if (how != CLONE) {
\r
2756 t.startContainer.deleteData(t.startOffset, t.endOffset - t.startOffset);
\r
2758 // Nothing is partially selected, so collapse to start point
\r
2762 if (how == DELETE)
\r
2765 frag.appendChild(t.dom.doc.createTextNode(sub));
\r
2769 // Copy nodes between the start/end offsets.
\r
2770 n = getSelectedNode(t.startContainer, t.startOffset);
\r
2771 cnt = t.endOffset - t.startOffset;
\r
2774 sibling = n.nextSibling;
\r
2775 xferNode = t._traverseFullySelected(n, how);
\r
2778 frag.appendChild( xferNode );
\r
2784 // Nothing is partially selected, so collapse to start point
\r
2791 _traverseCommonStartContainer : function(endAncestor, how) {
\r
2792 var t = this, frag, n, endIdx, cnt, sibling, xferNode;
\r
2794 if (how != DELETE)
\r
2795 frag = t.dom.doc.createDocumentFragment();
\r
2797 n = t._traverseRightBoundary(endAncestor, how);
\r
2800 frag.appendChild(n);
\r
2802 endIdx = indexOf(endAncestor, t.startContainer);
\r
2803 cnt = endIdx - t.startOffset;
\r
2806 // Collapse to just before the endAncestor, which
\r
2807 // is partially selected.
\r
2808 if (how != CLONE) {
\r
2809 t.setEndBefore(endAncestor);
\r
2810 t.collapse(false);
\r
2816 n = endAncestor.previousSibling;
\r
2818 sibling = n.previousSibling;
\r
2819 xferNode = t._traverseFullySelected(n, how);
\r
2822 frag.insertBefore(xferNode, frag.firstChild);
\r
2828 // Collapse to just before the endAncestor, which
\r
2829 // is partially selected.
\r
2830 if (how != CLONE) {
\r
2831 t.setEndBefore(endAncestor);
\r
2832 t.collapse(false);
\r
2838 _traverseCommonEndContainer : function(startAncestor, how) {
\r
2839 var t = this, frag, startIdx, n, cnt, sibling, xferNode;
\r
2841 if (how != DELETE)
\r
2842 frag = t.dom.doc.createDocumentFragment();
\r
2844 n = t._traverseLeftBoundary(startAncestor, how);
\r
2846 frag.appendChild(n);
\r
2848 startIdx = indexOf(startAncestor, t.endContainer);
\r
2849 ++startIdx; // Because we already traversed it....
\r
2851 cnt = t.endOffset - startIdx;
\r
2852 n = startAncestor.nextSibling;
\r
2854 sibling = n.nextSibling;
\r
2855 xferNode = t._traverseFullySelected(n, how);
\r
2858 frag.appendChild(xferNode);
\r
2864 if (how != CLONE) {
\r
2865 t.setStartAfter(startAncestor);
\r
2872 _traverseCommonAncestors : function(startAncestor, endAncestor, how) {
\r
2873 var t = this, n, frag, commonParent, startOffset, endOffset, cnt, sibling, nextSibling;
\r
2875 if (how != DELETE)
\r
2876 frag = t.dom.doc.createDocumentFragment();
\r
2878 n = t._traverseLeftBoundary(startAncestor, how);
\r
2880 frag.appendChild(n);
\r
2882 commonParent = startAncestor.parentNode;
\r
2883 startOffset = indexOf(startAncestor, commonParent);
\r
2884 endOffset = indexOf(endAncestor, commonParent);
\r
2887 cnt = endOffset - startOffset;
\r
2888 sibling = startAncestor.nextSibling;
\r
2891 nextSibling = sibling.nextSibling;
\r
2892 n = t._traverseFullySelected(sibling, how);
\r
2895 frag.appendChild(n);
\r
2897 sibling = nextSibling;
\r
2901 n = t._traverseRightBoundary(endAncestor, how);
\r
2904 frag.appendChild(n);
\r
2906 if (how != CLONE) {
\r
2907 t.setStartAfter(startAncestor);
\r
2914 _traverseRightBoundary : function(root, how) {
\r
2915 var t = this, next = getSelectedNode(t.endContainer, t.endOffset - 1), parent, clonedParent, prevSibling, clonedChild, clonedGrandParent;
\r
2916 var isFullySelected = next != t.endContainer;
\r
2919 return t._traverseNode(next, isFullySelected, false, how);
\r
2921 parent = next.parentNode;
\r
2922 clonedParent = t._traverseNode(parent, false, false, how);
\r
2924 while (parent != null) {
\r
2925 while (next != null) {
\r
2926 prevSibling = next.previousSibling;
\r
2927 clonedChild = t._traverseNode(next, isFullySelected, false, how);
\r
2929 if (how != DELETE)
\r
2930 clonedParent.insertBefore(clonedChild, clonedParent.firstChild);
\r
2932 isFullySelected = true;
\r
2933 next = prevSibling;
\r
2936 if (parent == root)
\r
2937 return clonedParent;
\r
2939 next = parent.previousSibling;
\r
2940 parent = parent.parentNode;
\r
2942 clonedGrandParent = t._traverseNode(parent, false, false, how);
\r
2944 if (how != DELETE)
\r
2945 clonedGrandParent.appendChild(clonedParent);
\r
2947 clonedParent = clonedGrandParent;
\r
2950 // should never occur
\r
2954 _traverseLeftBoundary : function(root, how) {
\r
2955 var t = this, next = getSelectedNode(t.startContainer, t.startOffset);
\r
2956 var isFullySelected = next != t.startContainer, parent, clonedParent, nextSibling, clonedChild, clonedGrandParent;
\r
2959 return t._traverseNode(next, isFullySelected, true, how);
\r
2961 parent = next.parentNode;
\r
2962 clonedParent = t._traverseNode(parent, false, true, how);
\r
2964 while (parent != null) {
\r
2965 while (next != null) {
\r
2966 nextSibling = next.nextSibling;
\r
2967 clonedChild = t._traverseNode(next, isFullySelected, true, how);
\r
2969 if (how != DELETE)
\r
2970 clonedParent.appendChild(clonedChild);
\r
2972 isFullySelected = true;
\r
2973 next = nextSibling;
\r
2976 if (parent == root)
\r
2977 return clonedParent;
\r
2979 next = parent.nextSibling;
\r
2980 parent = parent.parentNode;
\r
2982 clonedGrandParent = t._traverseNode(parent, false, true, how);
\r
2984 if (how != DELETE)
\r
2985 clonedGrandParent.appendChild(clonedParent);
\r
2987 clonedParent = clonedGrandParent;
\r
2990 // should never occur
\r
2994 _traverseNode : function(n, isFullySelected, isLeft, how) {
\r
2995 var t = this, txtValue, newNodeValue, oldNodeValue, offset, newNode;
\r
2997 if (isFullySelected)
\r
2998 return t._traverseFullySelected(n, how);
\r
3000 if (n.nodeType == 3 /* TEXT_NODE */) {
\r
3001 txtValue = n.nodeValue;
\r
3004 offset = t.startOffset;
\r
3005 newNodeValue = txtValue.substring(offset);
\r
3006 oldNodeValue = txtValue.substring(0, offset);
\r
3008 offset = t.endOffset;
\r
3009 newNodeValue = txtValue.substring(0, offset);
\r
3010 oldNodeValue = txtValue.substring(offset);
\r
3014 n.nodeValue = oldNodeValue;
\r
3016 if (how == DELETE)
\r
3019 newNode = n.cloneNode(false);
\r
3020 newNode.nodeValue = newNodeValue;
\r
3025 if (how == DELETE)
\r
3028 return n.cloneNode(false);
\r
3031 _traverseFullySelected : function(n, how) {
\r
3034 if (how != DELETE)
\r
3035 return how == CLONE ? n.cloneNode(true) : n;
\r
3037 n.parentNode.removeChild(n);
\r
3045 function Selection(selection) {
\r
3046 var t = this, invisibleChar = '\uFEFF', range, lastIERng;
\r
3048 function compareRanges(rng1, rng2) {
\r
3049 if (rng1 && rng2) {
\r
3050 // Both are control ranges and the selected element matches
\r
3051 if (rng1.item && rng2.item && rng1.item(0) === rng2.item(0))
\r
3054 // Both are text ranges and the range matches
\r
3055 if (rng1.isEqual && rng2.isEqual && rng2.isEqual(rng1))
\r
3062 function getRange() {
\r
3063 var dom = selection.dom, ieRange = selection.getRng(), domRange = dom.createRng(), startPos, endPos, element, sc, ec, collapsed;
\r
3065 function findIndex(element) {
\r
3066 var nl = element.parentNode.childNodes, i;
\r
3068 for (i = nl.length - 1; i >= 0; i--) {
\r
3069 if (nl[i] == element)
\r
3076 function findEndPoint(start) {
\r
3077 var rng = ieRange.duplicate(), parent, i, nl, n, offset = 0, index = 0, pos, tmpRng;
\r
3079 // Insert marker character
\r
3080 rng.collapse(start);
\r
3081 parent = rng.parentElement();
\r
3082 rng.pasteHTML(invisibleChar); // Needs to be a pasteHTML instead of .text = since IE has a bug with nodeValue
\r
3084 // Find marker character
\r
3085 nl = parent.childNodes;
\r
3086 for (i = 0; i < nl.length; i++) {
\r
3089 // Calculate node index excluding text node fragmentation
\r
3090 if (i > 0 && (n.nodeType !== 3 || nl[i - 1].nodeType !== 3))
\r
3093 // If text node then calculate offset
\r
3094 if (n.nodeType === 3) {
\r
3095 // Look for marker
\r
3096 pos = n.nodeValue.indexOf(invisibleChar);
\r
3102 offset += n.nodeValue.length;
\r
3107 // Remove marker character
\r
3108 rng.moveStart('character', -1);
\r
3111 return {index : index, offset : offset, parent : parent};
\r
3114 // If selection is outside the current document just return an empty range
\r
3115 element = ieRange.item ? ieRange.item(0) : ieRange.parentElement();
\r
3116 if (element.ownerDocument != dom.doc)
\r
3119 // Handle control selection or text selection of a image
\r
3120 if (ieRange.item || !element.hasChildNodes()) {
\r
3121 domRange.setStart(element.parentNode, findIndex(element));
\r
3122 domRange.setEnd(domRange.startContainer, domRange.startOffset + 1);
\r
3127 // Check collapsed state
\r
3128 collapsed = selection.isCollapsed();
\r
3130 // Find start and end pos index and offset
\r
3131 startPos = findEndPoint(true);
\r
3132 endPos = findEndPoint(false);
\r
3134 // Normalize the elements to avoid fragmented dom
\r
3135 startPos.parent.normalize();
\r
3136 endPos.parent.normalize();
\r
3138 // Set start container and offset
\r
3139 sc = startPos.parent.childNodes[Math.min(startPos.index, startPos.parent.childNodes.length - 1)];
\r
3141 if (sc.nodeType != 3)
\r
3142 domRange.setStart(startPos.parent, startPos.index);
\r
3144 domRange.setStart(startPos.parent.childNodes[startPos.index], startPos.offset);
\r
3146 // Set end container and offset
\r
3147 ec = endPos.parent.childNodes[Math.min(endPos.index, endPos.parent.childNodes.length - 1)];
\r
3149 if (ec.nodeType != 3) {
\r
3153 domRange.setEnd(endPos.parent, endPos.index);
\r
3155 domRange.setEnd(endPos.parent.childNodes[endPos.index], endPos.offset);
\r
3157 // If not collapsed then make sure offsets are valid
\r
3159 sc = domRange.startContainer;
\r
3160 if (sc.nodeType == 1)
\r
3161 domRange.setStart(sc, Math.min(domRange.startOffset, sc.childNodes.length));
\r
3163 ec = domRange.endContainer;
\r
3164 if (ec.nodeType == 1)
\r
3165 domRange.setEnd(ec, Math.min(domRange.endOffset, ec.childNodes.length));
\r
3168 // Restore selection to new range
\r
3169 t.addRange(domRange);
\r
3174 this.addRange = function(rng) {
\r
3175 var ieRng, body = selection.dom.doc.body, startPos, endPos, sc, so, ec, eo;
\r
3177 // Setup some shorter versions
\r
3178 sc = rng.startContainer;
\r
3179 so = rng.startOffset;
\r
3180 ec = rng.endContainer;
\r
3181 eo = rng.endOffset;
\r
3182 ieRng = body.createTextRange();
\r
3185 sc = sc.nodeType == 1 ? sc.childNodes[Math.min(so, sc.childNodes.length - 1)] : sc;
\r
3186 ec = ec.nodeType == 1 ? ec.childNodes[Math.min(so == eo ? eo : eo - 1, ec.childNodes.length - 1)] : ec;
\r
3188 // Single element selection
\r
3189 if (sc == ec && sc.nodeType == 1) {
\r
3190 // Make control selection for some elements
\r
3191 if (/^(IMG|TABLE)$/.test(sc.nodeName) && so != eo) {
\r
3192 ieRng = body.createControlRange();
\r
3193 ieRng.addElement(sc);
\r
3195 ieRng = body.createTextRange();
\r
3197 // Padd empty elements with invisible character
\r
3198 if (!sc.hasChildNodes() && sc.canHaveHTML)
\r
3199 sc.innerHTML = invisibleChar;
\r
3201 // Select element contents
\r
3202 ieRng.moveToElementText(sc);
\r
3204 // If it's only containing a padding remove it so the caret remains
\r
3205 if (sc.innerHTML == invisibleChar) {
\r
3206 ieRng.collapse(true);
\r
3207 sc.removeChild(sc.firstChild);
\r
3212 ieRng.collapse(eo <= rng.endContainer.childNodes.length - 1);
\r
3219 function getCharPos(container, offset) {
\r
3220 var nodeVal, rng, pos;
\r
3222 if (container.nodeType != 3)
\r
3225 nodeVal = container.nodeValue;
\r
3226 rng = body.createTextRange();
\r
3228 // Insert marker at offset position
\r
3229 container.nodeValue = nodeVal.substring(0, offset) + invisibleChar + nodeVal.substring(offset);
\r
3231 // Find char pos of marker and remove it
\r
3232 rng.moveToElementText(container.parentNode);
\r
3233 rng.findText(invisibleChar);
\r
3234 pos = Math.abs(rng.moveStart('character', -0xFFFFF));
\r
3235 container.nodeValue = nodeVal;
\r
3240 // Collapsed range
\r
3241 if (rng.collapsed) {
\r
3242 pos = getCharPos(sc, so);
\r
3244 ieRng = body.createTextRange();
\r
3245 ieRng.move('character', pos);
\r
3250 // If same text container
\r
3251 if (sc == ec && sc.nodeType == 3) {
\r
3252 startPos = getCharPos(sc, so);
\r
3254 ieRng.move('character', startPos);
\r
3255 ieRng.moveEnd('character', eo - so);
\r
3261 // Get caret positions
\r
3262 startPos = getCharPos(sc, so);
\r
3263 endPos = getCharPos(ec, eo);
\r
3264 ieRng = body.createTextRange();
\r
3266 // Move start of range to start character position or start element
\r
3267 if (startPos == -1) {
\r
3268 ieRng.moveToElementText(sc);
\r
3271 ieRng.move('character', startPos);
\r
3273 // Move end of range to end character position or end element
\r
3274 tmpRng = body.createTextRange();
\r
3277 tmpRng.moveToElementText(ec);
\r
3279 tmpRng.move('character', endPos);
\r
3281 ieRng.setEndPoint('EndToEnd', tmpRng);
\r
3288 this.getRangeAt = function() {
\r
3289 // Setup new range if the cache is empty
\r
3290 if (!range || !compareRanges(lastIERng, selection.getRng())) {
\r
3291 range = getRange();
\r
3293 // Store away text range for next call
\r
3294 lastIERng = selection.getRng();
\r
3297 // Return cached range
\r
3301 this.destroy = function() {
\r
3302 // Destroy cached range and last IE range to avoid memory leaks
\r
3303 lastIERng = range = null;
\r
3307 // Expose the selection object
\r
3308 tinymce.dom.TridentSelection = Selection;
\r
3312 * Sizzle CSS Selector Engine - v1.0
\r
3313 * Copyright 2009, The Dojo Foundation
\r
3314 * Released under the MIT, BSD, and GPL Licenses.
\r
3315 * More information: http://sizzlejs.com/
\r
3319 var chunker = /((?:\((?:\([^()]+\)|[^()]+)+\)|\[(?:\[[^[\]]*\]|['"][^'"]*['"]|[^[\]'"]+)+\]|\\.|[^ >+~,(\[\\]+)+|[>+~])(\s*,\s*)?/g,
\r
3321 toString = Object.prototype.toString,
\r
3322 hasDuplicate = false;
\r
3324 var Sizzle = function(selector, context, results, seed) {
\r
3325 results = results || [];
\r
3326 var origContext = context = context || document;
\r
3328 if ( context.nodeType !== 1 && context.nodeType !== 9 ) {
\r
3332 if ( !selector || typeof selector !== "string" ) {
\r
3336 var parts = [], m, set, checkSet, check, mode, extra, prune = true, contextXML = isXML(context);
\r
3338 // Reset the position of the chunker regexp (start from head)
\r
3339 chunker.lastIndex = 0;
\r
3341 while ( (m = chunker.exec(selector)) !== null ) {
\r
3342 parts.push( m[1] );
\r
3345 extra = RegExp.rightContext;
\r
3350 if ( parts.length > 1 && origPOS.exec( selector ) ) {
\r
3351 if ( parts.length === 2 && Expr.relative[ parts[0] ] ) {
\r
3352 set = posProcess( parts[0] + parts[1], context );
\r
3354 set = Expr.relative[ parts[0] ] ?
\r
3356 Sizzle( parts.shift(), context );
\r
3358 while ( parts.length ) {
\r
3359 selector = parts.shift();
\r
3361 if ( Expr.relative[ selector ] )
\r
3362 selector += parts.shift();
\r
3364 set = posProcess( selector, set );
\r
3368 // Take a shortcut and set the context if the root selector is an ID
\r
3369 // (but not if it'll be faster if the inner selector is an ID)
\r
3370 if ( !seed && parts.length > 1 && context.nodeType === 9 && !contextXML &&
\r
3371 Expr.match.ID.test(parts[0]) && !Expr.match.ID.test(parts[parts.length - 1]) ) {
\r
3372 var ret = Sizzle.find( parts.shift(), context, contextXML );
\r
3373 context = ret.expr ? Sizzle.filter( ret.expr, ret.set )[0] : ret.set[0];
\r
3378 { expr: parts.pop(), set: makeArray(seed) } :
\r
3379 Sizzle.find( parts.pop(), parts.length === 1 && (parts[0] === "~" || parts[0] === "+") && context.parentNode ? context.parentNode : context, contextXML );
\r
3380 set = ret.expr ? Sizzle.filter( ret.expr, ret.set ) : ret.set;
\r
3382 if ( parts.length > 0 ) {
\r
3383 checkSet = makeArray(set);
\r
3388 while ( parts.length ) {
\r
3389 var cur = parts.pop(), pop = cur;
\r
3391 if ( !Expr.relative[ cur ] ) {
\r
3394 pop = parts.pop();
\r
3397 if ( pop == null ) {
\r
3401 Expr.relative[ cur ]( checkSet, pop, contextXML );
\r
3404 checkSet = parts = [];
\r
3408 if ( !checkSet ) {
\r
3412 if ( !checkSet ) {
\r
3413 throw "Syntax error, unrecognized expression: " + (cur || selector);
\r
3416 if ( toString.call(checkSet) === "[object Array]" ) {
\r
3418 results.push.apply( results, checkSet );
\r
3419 } else if ( context && context.nodeType === 1 ) {
\r
3420 for ( var i = 0; checkSet[i] != null; i++ ) {
\r
3421 if ( checkSet[i] && (checkSet[i] === true || checkSet[i].nodeType === 1 && contains(context, checkSet[i])) ) {
\r
3422 results.push( set[i] );
\r
3426 for ( var i = 0; checkSet[i] != null; i++ ) {
\r
3427 if ( checkSet[i] && checkSet[i].nodeType === 1 ) {
\r
3428 results.push( set[i] );
\r
3433 makeArray( checkSet, results );
\r
3437 Sizzle( extra, origContext, results, seed );
\r
3438 Sizzle.uniqueSort( results );
\r
3444 Sizzle.uniqueSort = function(results){
\r
3445 if ( sortOrder ) {
\r
3446 hasDuplicate = false;
\r
3447 results.sort(sortOrder);
\r
3449 if ( hasDuplicate ) {
\r
3450 for ( var i = 1; i < results.length; i++ ) {
\r
3451 if ( results[i] === results[i-1] ) {
\r
3452 results.splice(i--, 1);
\r
3459 Sizzle.matches = function(expr, set){
\r
3460 return Sizzle(expr, null, null, set);
\r
3463 Sizzle.find = function(expr, context, isXML){
\r
3470 for ( var i = 0, l = Expr.order.length; i < l; i++ ) {
\r
3471 var type = Expr.order[i], match;
\r
3473 if ( (match = Expr.match[ type ].exec( expr )) ) {
\r
3474 var left = RegExp.leftContext;
\r
3476 if ( left.substr( left.length - 1 ) !== "\\" ) {
\r
3477 match[1] = (match[1] || "").replace(/\\/g, "");
\r
3478 set = Expr.find[ type ]( match, context, isXML );
\r
3479 if ( set != null ) {
\r
3480 expr = expr.replace( Expr.match[ type ], "" );
\r
3488 set = context.getElementsByTagName("*");
\r
3491 return {set: set, expr: expr};
\r
3494 Sizzle.filter = function(expr, set, inplace, not){
\r
3495 var old = expr, result = [], curLoop = set, match, anyFound,
\r
3496 isXMLFilter = set && set[0] && isXML(set[0]);
\r
3498 while ( expr && set.length ) {
\r
3499 for ( var type in Expr.filter ) {
\r
3500 if ( (match = Expr.match[ type ].exec( expr )) != null ) {
\r
3501 var filter = Expr.filter[ type ], found, item;
\r
3504 if ( curLoop == result ) {
\r
3508 if ( Expr.preFilter[ type ] ) {
\r
3509 match = Expr.preFilter[ type ]( match, curLoop, inplace, result, not, isXMLFilter );
\r
3512 anyFound = found = true;
\r
3513 } else if ( match === true ) {
\r
3519 for ( var i = 0; (item = curLoop[i]) != null; i++ ) {
\r
3521 found = filter( item, match, i, curLoop );
\r
3522 var pass = not ^ !!found;
\r
3524 if ( inplace && found != null ) {
\r
3528 curLoop[i] = false;
\r
3530 } else if ( pass ) {
\r
3531 result.push( item );
\r
3538 if ( found !== undefined ) {
\r
3543 expr = expr.replace( Expr.match[ type ], "" );
\r
3545 if ( !anyFound ) {
\r
3554 // Improper expression
\r
3555 if ( expr == old ) {
\r
3556 if ( anyFound == null ) {
\r
3557 throw "Syntax error, unrecognized expression: " + expr;
\r
3569 var Expr = Sizzle.selectors = {
\r
3570 order: [ "ID", "NAME", "TAG" ],
\r
3572 ID: /#((?:[\w\u00c0-\uFFFF_-]|\\.)+)/,
\r
3573 CLASS: /\.((?:[\w\u00c0-\uFFFF_-]|\\.)+)/,
\r
3574 NAME: /\[name=['"]*((?:[\w\u00c0-\uFFFF_-]|\\.)+)['"]*\]/,
\r
3575 ATTR: /\[\s*((?:[\w\u00c0-\uFFFF_-]|\\.)+)\s*(?:(\S?=)\s*(['"]*)(.*?)\3|)\s*\]/,
\r
3576 TAG: /^((?:[\w\u00c0-\uFFFF\*_-]|\\.)+)/,
\r
3577 CHILD: /:(only|nth|last|first)-child(?:\((even|odd|[\dn+-]*)\))?/,
\r
3578 POS: /:(nth|eq|gt|lt|first|last|even|odd)(?:\((\d*)\))?(?=[^-]|$)/,
\r
3579 PSEUDO: /:((?:[\w\u00c0-\uFFFF_-]|\\.)+)(?:\((['"]*)((?:\([^\)]+\)|[^\2\(\)]*)+)\2\))?/
\r
3582 "class": "className",
\r
3586 href: function(elem){
\r
3587 return elem.getAttribute("href");
\r
3591 "+": function(checkSet, part, isXML){
\r
3592 var isPartStr = typeof part === "string",
\r
3593 isTag = isPartStr && !/\W/.test(part),
\r
3594 isPartStrNotTag = isPartStr && !isTag;
\r
3596 if ( isTag && !isXML ) {
\r
3597 part = part.toUpperCase();
\r
3600 for ( var i = 0, l = checkSet.length, elem; i < l; i++ ) {
\r
3601 if ( (elem = checkSet[i]) ) {
\r
3602 while ( (elem = elem.previousSibling) && elem.nodeType !== 1 ) {}
\r
3604 checkSet[i] = isPartStrNotTag || elem && elem.nodeName === part ?
\r
3610 if ( isPartStrNotTag ) {
\r
3611 Sizzle.filter( part, checkSet, true );
\r
3614 ">": function(checkSet, part, isXML){
\r
3615 var isPartStr = typeof part === "string";
\r
3617 if ( isPartStr && !/\W/.test(part) ) {
\r
3618 part = isXML ? part : part.toUpperCase();
\r
3620 for ( var i = 0, l = checkSet.length; i < l; i++ ) {
\r
3621 var elem = checkSet[i];
\r
3623 var parent = elem.parentNode;
\r
3624 checkSet[i] = parent.nodeName === part ? parent : false;
\r
3628 for ( var i = 0, l = checkSet.length; i < l; i++ ) {
\r
3629 var elem = checkSet[i];
\r
3631 checkSet[i] = isPartStr ?
\r
3633 elem.parentNode === part;
\r
3637 if ( isPartStr ) {
\r
3638 Sizzle.filter( part, checkSet, true );
\r
3642 "": function(checkSet, part, isXML){
\r
3643 var doneName = done++, checkFn = dirCheck;
\r
3645 if ( !part.match(/\W/) ) {
\r
3646 var nodeCheck = part = isXML ? part : part.toUpperCase();
\r
3647 checkFn = dirNodeCheck;
\r
3650 checkFn("parentNode", part, doneName, checkSet, nodeCheck, isXML);
\r
3652 "~": function(checkSet, part, isXML){
\r
3653 var doneName = done++, checkFn = dirCheck;
\r
3655 if ( typeof part === "string" && !part.match(/\W/) ) {
\r
3656 var nodeCheck = part = isXML ? part : part.toUpperCase();
\r
3657 checkFn = dirNodeCheck;
\r
3660 checkFn("previousSibling", part, doneName, checkSet, nodeCheck, isXML);
\r
3664 ID: function(match, context, isXML){
\r
3665 if ( typeof context.getElementById !== "undefined" && !isXML ) {
\r
3666 var m = context.getElementById(match[1]);
\r
3667 return m ? [m] : [];
\r
3670 NAME: function(match, context, isXML){
\r
3671 if ( typeof context.getElementsByName !== "undefined" ) {
\r
3672 var ret = [], results = context.getElementsByName(match[1]);
\r
3674 for ( var i = 0, l = results.length; i < l; i++ ) {
\r
3675 if ( results[i].getAttribute("name") === match[1] ) {
\r
3676 ret.push( results[i] );
\r
3680 return ret.length === 0 ? null : ret;
\r
3683 TAG: function(match, context){
\r
3684 return context.getElementsByTagName(match[1]);
\r
3688 CLASS: function(match, curLoop, inplace, result, not, isXML){
\r
3689 match = " " + match[1].replace(/\\/g, "") + " ";
\r
3695 for ( var i = 0, elem; (elem = curLoop[i]) != null; i++ ) {
\r
3697 if ( not ^ (elem.className && (" " + elem.className + " ").indexOf(match) >= 0) ) {
\r
3699 result.push( elem );
\r
3700 } else if ( inplace ) {
\r
3701 curLoop[i] = false;
\r
3708 ID: function(match){
\r
3709 return match[1].replace(/\\/g, "");
\r
3711 TAG: function(match, curLoop){
\r
3712 for ( var i = 0; curLoop[i] === false; i++ ){}
\r
3713 return curLoop[i] && isXML(curLoop[i]) ? match[1] : match[1].toUpperCase();
\r
3715 CHILD: function(match){
\r
3716 if ( match[1] == "nth" ) {
\r
3717 // parse equations like 'even', 'odd', '5', '2n', '3n+2', '4n-1', '-n+6'
\r
3718 var test = /(-?)(\d*)n((?:\+|-)?\d*)/.exec(
\r
3719 match[2] == "even" && "2n" || match[2] == "odd" && "2n+1" ||
\r
3720 !/\D/.test( match[2] ) && "0n+" + match[2] || match[2]);
\r
3722 // calculate the numbers (first)n+(last) including if they are negative
\r
3723 match[2] = (test[1] + (test[2] || 1)) - 0;
\r
3724 match[3] = test[3] - 0;
\r
3727 // TODO: Move to normal caching system
\r
3728 match[0] = done++;
\r
3732 ATTR: function(match, curLoop, inplace, result, not, isXML){
\r
3733 var name = match[1].replace(/\\/g, "");
\r
3735 if ( !isXML && Expr.attrMap[name] ) {
\r
3736 match[1] = Expr.attrMap[name];
\r
3739 if ( match[2] === "~=" ) {
\r
3740 match[4] = " " + match[4] + " ";
\r
3745 PSEUDO: function(match, curLoop, inplace, result, not){
\r
3746 if ( match[1] === "not" ) {
\r
3747 // If we're dealing with a complex expression, or a simple one
\r
3748 if ( match[3].match(chunker).length > 1 || /^\w/.test(match[3]) ) {
\r
3749 match[3] = Sizzle(match[3], null, null, curLoop);
\r
3751 var ret = Sizzle.filter(match[3], curLoop, inplace, true ^ not);
\r
3753 result.push.apply( result, ret );
\r
3757 } else if ( Expr.match.POS.test( match[0] ) || Expr.match.CHILD.test( match[0] ) ) {
\r
3763 POS: function(match){
\r
3764 match.unshift( true );
\r
3769 enabled: function(elem){
\r
3770 return elem.disabled === false && elem.type !== "hidden";
\r
3772 disabled: function(elem){
\r
3773 return elem.disabled === true;
\r
3775 checked: function(elem){
\r
3776 return elem.checked === true;
\r
3778 selected: function(elem){
\r
3779 // Accessing this property makes selected-by-default
\r
3780 // options in Safari work properly
\r
3781 elem.parentNode.selectedIndex;
\r
3782 return elem.selected === true;
\r
3784 parent: function(elem){
\r
3785 return !!elem.firstChild;
\r
3787 empty: function(elem){
\r
3788 return !elem.firstChild;
\r
3790 has: function(elem, i, match){
\r
3791 return !!Sizzle( match[3], elem ).length;
\r
3793 header: function(elem){
\r
3794 return /h\d/i.test( elem.nodeName );
\r
3796 text: function(elem){
\r
3797 return "text" === elem.type;
\r
3799 radio: function(elem){
\r
3800 return "radio" === elem.type;
\r
3802 checkbox: function(elem){
\r
3803 return "checkbox" === elem.type;
\r
3805 file: function(elem){
\r
3806 return "file" === elem.type;
\r
3808 password: function(elem){
\r
3809 return "password" === elem.type;
\r
3811 submit: function(elem){
\r
3812 return "submit" === elem.type;
\r
3814 image: function(elem){
\r
3815 return "image" === elem.type;
\r
3817 reset: function(elem){
\r
3818 return "reset" === elem.type;
\r
3820 button: function(elem){
\r
3821 return "button" === elem.type || elem.nodeName.toUpperCase() === "BUTTON";
\r
3823 input: function(elem){
\r
3824 return /input|select|textarea|button/i.test(elem.nodeName);
\r
3828 first: function(elem, i){
\r
3831 last: function(elem, i, match, array){
\r
3832 return i === array.length - 1;
\r
3834 even: function(elem, i){
\r
3835 return i % 2 === 0;
\r
3837 odd: function(elem, i){
\r
3838 return i % 2 === 1;
\r
3840 lt: function(elem, i, match){
\r
3841 return i < match[3] - 0;
\r
3843 gt: function(elem, i, match){
\r
3844 return i > match[3] - 0;
\r
3846 nth: function(elem, i, match){
\r
3847 return match[3] - 0 == i;
\r
3849 eq: function(elem, i, match){
\r
3850 return match[3] - 0 == i;
\r
3854 PSEUDO: function(elem, match, i, array){
\r
3855 var name = match[1], filter = Expr.filters[ name ];
\r
3858 return filter( elem, i, match, array );
\r
3859 } else if ( name === "contains" ) {
\r
3860 return (elem.textContent || elem.innerText || "").indexOf(match[3]) >= 0;
\r
3861 } else if ( name === "not" ) {
\r
3862 var not = match[3];
\r
3864 for ( var i = 0, l = not.length; i < l; i++ ) {
\r
3865 if ( not[i] === elem ) {
\r
3873 CHILD: function(elem, match){
\r
3874 var type = match[1], node = elem;
\r
3878 while (node = node.previousSibling) {
\r
3879 if ( node.nodeType === 1 ) return false;
\r
3881 if ( type == 'first') return true;
\r
3884 while (node = node.nextSibling) {
\r
3885 if ( node.nodeType === 1 ) return false;
\r
3889 var first = match[2], last = match[3];
\r
3891 if ( first == 1 && last == 0 ) {
\r
3895 var doneName = match[0],
\r
3896 parent = elem.parentNode;
\r
3898 if ( parent && (parent.sizcache !== doneName || !elem.nodeIndex) ) {
\r
3900 for ( node = parent.firstChild; node; node = node.nextSibling ) {
\r
3901 if ( node.nodeType === 1 ) {
\r
3902 node.nodeIndex = ++count;
\r
3905 parent.sizcache = doneName;
\r
3908 var diff = elem.nodeIndex - last;
\r
3909 if ( first == 0 ) {
\r
3912 return ( diff % first == 0 && diff / first >= 0 );
\r
3916 ID: function(elem, match){
\r
3917 return elem.nodeType === 1 && elem.getAttribute("id") === match;
\r
3919 TAG: function(elem, match){
\r
3920 return (match === "*" && elem.nodeType === 1) || elem.nodeName === match;
\r
3922 CLASS: function(elem, match){
\r
3923 return (" " + (elem.className || elem.getAttribute("class")) + " ")
\r
3924 .indexOf( match ) > -1;
\r
3926 ATTR: function(elem, match){
\r
3927 var name = match[1],
\r
3928 result = Expr.attrHandle[ name ] ?
\r
3929 Expr.attrHandle[ name ]( elem ) :
\r
3930 elem[ name ] != null ?
\r
3932 elem.getAttribute( name ),
\r
3933 value = result + "",
\r
3937 return result == null ?
\r
3942 value.indexOf(check) >= 0 :
\r
3944 (" " + value + " ").indexOf(check) >= 0 :
\r
3946 value && result !== false :
\r
3950 value.indexOf(check) === 0 :
\r
3952 value.substr(value.length - check.length) === check :
\r
3954 value === check || value.substr(0, check.length + 1) === check + "-" :
\r
3957 POS: function(elem, match, i, array){
\r
3958 var name = match[2], filter = Expr.setFilters[ name ];
\r
3961 return filter( elem, i, match, array );
\r
3967 var origPOS = Expr.match.POS;
\r
3969 for ( var type in Expr.match ) {
\r
3970 Expr.match[ type ] = new RegExp( Expr.match[ type ].source + /(?![^\[]*\])(?![^\(]*\))/.source );
\r
3973 var makeArray = function(array, results) {
\r
3974 array = Array.prototype.slice.call( array );
\r
3977 results.push.apply( results, array );
\r
3984 // Perform a simple check to determine if the browser is capable of
\r
3985 // converting a NodeList to an array using builtin methods.
\r
3987 Array.prototype.slice.call( document.documentElement.childNodes );
\r
3989 // Provide a fallback method if it does not work
\r
3991 makeArray = function(array, results) {
\r
3992 var ret = results || [];
\r
3994 if ( toString.call(array) === "[object Array]" ) {
\r
3995 Array.prototype.push.apply( ret, array );
\r
3997 if ( typeof array.length === "number" ) {
\r
3998 for ( var i = 0, l = array.length; i < l; i++ ) {
\r
3999 ret.push( array[i] );
\r
4002 for ( var i = 0; array[i]; i++ ) {
\r
4003 ret.push( array[i] );
\r
4014 if ( document.documentElement.compareDocumentPosition ) {
\r
4015 sortOrder = function( a, b ) {
\r
4016 var ret = a.compareDocumentPosition(b) & 4 ? -1 : a === b ? 0 : 1;
\r
4017 if ( ret === 0 ) {
\r
4018 hasDuplicate = true;
\r
4022 } else if ( "sourceIndex" in document.documentElement ) {
\r
4023 sortOrder = function( a, b ) {
\r
4024 var ret = a.sourceIndex - b.sourceIndex;
\r
4025 if ( ret === 0 ) {
\r
4026 hasDuplicate = true;
\r
4030 } else if ( document.createRange ) {
\r
4031 sortOrder = function( a, b ) {
\r
4032 var aRange = a.ownerDocument.createRange(), bRange = b.ownerDocument.createRange();
\r
4033 aRange.setStart(a, 0);
\r
4034 aRange.setEnd(a, 0);
\r
4035 bRange.setStart(b, 0);
\r
4036 bRange.setEnd(b, 0);
\r
4037 var ret = aRange.compareBoundaryPoints(Range.START_TO_END, bRange);
\r
4038 if ( ret === 0 ) {
\r
4039 hasDuplicate = true;
\r
4045 // Check to see if the browser returns elements by name when
\r
4046 // querying by getElementById (and provide a workaround)
\r
4048 // We're going to inject a fake input element with a specified name
\r
4049 var form = document.createElement("div"),
\r
4050 id = "script" + (new Date).getTime();
\r
4051 form.innerHTML = "<a name='" + id + "'/>";
\r
4053 // Inject it into the root element, check its status, and remove it quickly
\r
4054 var root = document.documentElement;
\r
4055 root.insertBefore( form, root.firstChild );
\r
4057 // The workaround has to do additional checks after a getElementById
\r
4058 // Which slows things down for other browsers (hence the branching)
\r
4059 if ( !!document.getElementById( id ) ) {
\r
4060 Expr.find.ID = function(match, context, isXML){
\r
4061 if ( typeof context.getElementById !== "undefined" && !isXML ) {
\r
4062 var m = context.getElementById(match[1]);
\r
4063 return m ? m.id === match[1] || typeof m.getAttributeNode !== "undefined" && m.getAttributeNode("id").nodeValue === match[1] ? [m] : undefined : [];
\r
4067 Expr.filter.ID = function(elem, match){
\r
4068 var node = typeof elem.getAttributeNode !== "undefined" && elem.getAttributeNode("id");
\r
4069 return elem.nodeType === 1 && node && node.nodeValue === match;
\r
4073 root.removeChild( form );
\r
4077 // Check to see if the browser returns only elements
\r
4078 // when doing getElementsByTagName("*")
\r
4080 // Create a fake element
\r
4081 var div = document.createElement("div");
\r
4082 div.appendChild( document.createComment("") );
\r
4084 // Make sure no comments are found
\r
4085 if ( div.getElementsByTagName("*").length > 0 ) {
\r
4086 Expr.find.TAG = function(match, context){
\r
4087 var results = context.getElementsByTagName(match[1]);
\r
4089 // Filter out possible comments
\r
4090 if ( match[1] === "*" ) {
\r
4093 for ( var i = 0; results[i]; i++ ) {
\r
4094 if ( results[i].nodeType === 1 ) {
\r
4095 tmp.push( results[i] );
\r
4106 // Check to see if an attribute returns normalized href attributes
\r
4107 div.innerHTML = "<a href='#'></a>";
\r
4108 if ( div.firstChild && typeof div.firstChild.getAttribute !== "undefined" &&
\r
4109 div.firstChild.getAttribute("href") !== "#" ) {
\r
4110 Expr.attrHandle.href = function(elem){
\r
4111 return elem.getAttribute("href", 2);
\r
4116 if ( document.querySelectorAll ) (function(){
\r
4117 var oldSizzle = Sizzle, div = document.createElement("div");
\r
4118 div.innerHTML = "<p class='TEST'></p>";
\r
4120 // Safari can't handle uppercase or unicode characters when
\r
4121 // in quirks mode.
\r
4122 if ( div.querySelectorAll && div.querySelectorAll(".TEST").length === 0 ) {
\r
4126 Sizzle = function(query, context, extra, seed){
\r
4127 context = context || document;
\r
4129 // Only use querySelectorAll on non-XML documents
\r
4130 // (ID selectors don't work in non-HTML documents)
\r
4131 if ( !seed && context.nodeType === 9 && !isXML(context) ) {
\r
4133 return makeArray( context.querySelectorAll(query), extra );
\r
4137 return oldSizzle(query, context, extra, seed);
\r
4140 for ( var prop in oldSizzle ) {
\r
4141 Sizzle[ prop ] = oldSizzle[ prop ];
\r
4145 if ( document.getElementsByClassName && document.documentElement.getElementsByClassName ) (function(){
\r
4146 var div = document.createElement("div");
\r
4147 div.innerHTML = "<div class='test e'></div><div class='test'></div>";
\r
4149 // Opera can't find a second classname (in 9.6)
\r
4150 if ( div.getElementsByClassName("e").length === 0 )
\r
4153 // Safari caches class attributes, doesn't catch changes (in 3.2)
\r
4154 div.lastChild.className = "e";
\r
4156 if ( div.getElementsByClassName("e").length === 1 )
\r
4159 Expr.order.splice(1, 0, "CLASS");
\r
4160 Expr.find.CLASS = function(match, context, isXML) {
\r
4161 if ( typeof context.getElementsByClassName !== "undefined" && !isXML ) {
\r
4162 return context.getElementsByClassName(match[1]);
\r
4167 function dirNodeCheck( dir, cur, doneName, checkSet, nodeCheck, isXML ) {
\r
4168 var sibDir = dir == "previousSibling" && !isXML;
\r
4169 for ( var i = 0, l = checkSet.length; i < l; i++ ) {
\r
4170 var elem = checkSet[i];
\r
4172 if ( sibDir && elem.nodeType === 1 ){
\r
4173 elem.sizcache = doneName;
\r
4177 var match = false;
\r
4180 if ( elem.sizcache === doneName ) {
\r
4181 match = checkSet[elem.sizset];
\r
4185 if ( elem.nodeType === 1 && !isXML ){
\r
4186 elem.sizcache = doneName;
\r
4190 if ( elem.nodeName === cur ) {
\r
4198 checkSet[i] = match;
\r
4203 function dirCheck( dir, cur, doneName, checkSet, nodeCheck, isXML ) {
\r
4204 var sibDir = dir == "previousSibling" && !isXML;
\r
4205 for ( var i = 0, l = checkSet.length; i < l; i++ ) {
\r
4206 var elem = checkSet[i];
\r
4208 if ( sibDir && elem.nodeType === 1 ) {
\r
4209 elem.sizcache = doneName;
\r
4213 var match = false;
\r
4216 if ( elem.sizcache === doneName ) {
\r
4217 match = checkSet[elem.sizset];
\r
4221 if ( elem.nodeType === 1 ) {
\r
4223 elem.sizcache = doneName;
\r
4226 if ( typeof cur !== "string" ) {
\r
4227 if ( elem === cur ) {
\r
4232 } else if ( Sizzle.filter( cur, [elem] ).length > 0 ) {
\r
4241 checkSet[i] = match;
\r
4246 var contains = document.compareDocumentPosition ? function(a, b){
\r
4247 return a.compareDocumentPosition(b) & 16;
\r
4248 } : function(a, b){
\r
4249 return a !== b && (a.contains ? a.contains(b) : true);
\r
4252 var isXML = function(elem){
\r
4253 return elem.nodeType === 9 && elem.documentElement.nodeName !== "HTML" ||
\r
4254 !!elem.ownerDocument && elem.ownerDocument.documentElement.nodeName !== "HTML";
\r
4257 var posProcess = function(selector, context){
\r
4258 var tmpSet = [], later = "", match,
\r
4259 root = context.nodeType ? [context] : context;
\r
4261 // Position selectors must be done after the filter
\r
4262 // And so must :not(positional) so we move all PSEUDOs to the end
\r
4263 while ( (match = Expr.match.PSEUDO.exec( selector )) ) {
\r
4264 later += match[0];
\r
4265 selector = selector.replace( Expr.match.PSEUDO, "" );
\r
4268 selector = Expr.relative[selector] ? selector + "*" : selector;
\r
4270 for ( var i = 0, l = root.length; i < l; i++ ) {
\r
4271 Sizzle( selector, root[i], tmpSet );
\r
4274 return Sizzle.filter( later, tmpSet );
\r
4279 window.tinymce.dom.Sizzle = Sizzle;
\r
4283 (function(tinymce) {
\r
4285 var each = tinymce.each, DOM = tinymce.DOM, isIE = tinymce.isIE, isWebKit = tinymce.isWebKit, Event;
\r
4287 tinymce.create('static tinymce.dom.Event', {
\r
4292 add : function(o, n, f, s) {
\r
4293 var cb, t = this, el = t.events, r;
\r
4296 if (o && o.hasOwnProperty && o instanceof Array) {
\r
4299 each(o, function(o) {
\r
4301 r.push(t.add(o, n, f, s));
\r
4312 // Setup event callback
\r
4313 cb = function(e) {
\r
4314 e = e || window.event;
\r
4316 // Patch in target in IE it's W3C valid
\r
4317 if (e && !e.target && isIE)
\r
4318 e.target = e.srcElement;
\r
4323 return f.call(s, e);
\r
4326 if (n == 'unload') {
\r
4327 tinymce.unloads.unshift({func : cb});
\r
4331 if (n == 'init') {
\r
4340 // Store away listener reference
\r
4354 remove : function(o, n, f) {
\r
4355 var t = this, a = t.events, s = false, r;
\r
4358 if (o && o.hasOwnProperty && o instanceof Array) {
\r
4361 each(o, function(o) {
\r
4363 r.push(t.remove(o, n, f));
\r
4371 each(a, function(e, i) {
\r
4372 if (e.obj == o && e.name == n && (!f || (e.func == f || e.cfunc == f))) {
\r
4374 t._remove(o, n, e.cfunc);
\r
4383 clear : function(o) {
\r
4384 var t = this, a = t.events, i, e;
\r
4389 for (i = a.length - 1; i >= 0; i--) {
\r
4392 if (e.obj === o) {
\r
4393 t._remove(e.obj, e.name, e.cfunc);
\r
4394 e.obj = e.cfunc = null;
\r
4402 cancel : function(e) {
\r
4407 return this.prevent(e);
\r
4410 stop : function(e) {
\r
4411 if (e.stopPropagation)
\r
4412 e.stopPropagation();
\r
4414 e.cancelBubble = true;
\r
4419 prevent : function(e) {
\r
4420 if (e.preventDefault)
\r
4421 e.preventDefault();
\r
4423 e.returnValue = false;
\r
4428 _unload : function() {
\r
4431 each(t.events, function(e, i) {
\r
4432 t._remove(e.obj, e.name, e.cfunc);
\r
4433 e.obj = e.cfunc = null;
\r
4440 _add : function(o, n, f) {
\r
4441 if (o.attachEvent)
\r
4442 o.attachEvent('on' + n, f);
\r
4443 else if (o.addEventListener)
\r
4444 o.addEventListener(n, f, false);
\r
4449 _remove : function(o, n, f) {
\r
4452 if (o.detachEvent)
\r
4453 o.detachEvent('on' + n, f);
\r
4454 else if (o.removeEventListener)
\r
4455 o.removeEventListener(n, f, false);
\r
4457 o['on' + n] = null;
\r
4459 // Might fail with permission denined on IE so we just ignore that
\r
4464 _pageInit : function() {
\r
4467 // Keep it from running more than once
\r
4471 e._remove(window, 'DOMContentLoaded', e._pageInit);
\r
4472 e.domLoaded = true;
\r
4474 each(e.inits, function(c) {
\r
4481 _wait : function() {
\r
4482 // No need since the document is already loaded
\r
4483 if (window.tinyMCE_GZ && tinyMCE_GZ.loaded) {
\r
4484 Event.domLoaded = 1;
\r
4489 if (document.attachEvent) {
\r
4490 document.attachEvent("onreadystatechange", function() {
\r
4491 if (document.readyState === "complete") {
\r
4492 document.detachEvent("onreadystatechange", arguments.callee);
\r
4493 Event._pageInit();
\r
4497 if (document.documentElement.doScroll && window == window.top) {
\r
4499 if (Event.domLoaded)
\r
4503 // If IE is used, use the trick by Diego Perini
\r
4504 // http://javascript.nwbox.com/IEContentLoaded/
\r
4505 document.documentElement.doScroll("left");
\r
4507 setTimeout(arguments.callee, 0);
\r
4511 Event._pageInit();
\r
4514 } else if (document.addEventListener)
\r
4515 Event._add(window, 'DOMContentLoaded', Event._pageInit, Event);
\r
4517 Event._add(window, 'load', Event._pageInit, Event);
\r
4523 Event = tinymce.dom.Event;
\r
4525 // Dispatch DOM content loaded event for IE and Safari
\r
4527 tinymce.addUnload(Event._unload);
\r
4529 (function(tinymce) {
\r
4530 var each = tinymce.each;
\r
4532 tinymce.create('tinymce.dom.Element', {
\r
4533 Element : function(id, s) {
\r
4534 var t = this, dom, el;
\r
4538 t.dom = dom = s.dom || tinymce.DOM;
\r
4541 // Only IE leaks DOM references, this is a lot faster
\r
4542 if (!tinymce.isIE)
\r
4543 el = t.dom.get(t.id);
\r
4568 t[k] = function() {
\r
4571 for (i = 0; i < arguments.length; i++)
\r
4572 a.push(arguments[i]);
\r
4574 a = dom[k].apply(dom, a);
\r
4582 on : function(n, f, s) {
\r
4583 return tinymce.dom.Event.add(this.id, n, f, s);
\r
4586 getXY : function() {
\r
4588 x : parseInt(this.getStyle('left')),
\r
4589 y : parseInt(this.getStyle('top'))
\r
4593 getSize : function() {
\r
4594 var n = this.dom.get(this.id);
\r
4597 w : parseInt(this.getStyle('width') || n.clientWidth),
\r
4598 h : parseInt(this.getStyle('height') || n.clientHeight)
\r
4602 moveTo : function(x, y) {
\r
4603 this.setStyles({left : x, top : y});
\r
4606 moveBy : function(x, y) {
\r
4607 var p = this.getXY();
\r
4609 this.moveTo(p.x + x, p.y + y);
\r
4612 resizeTo : function(w, h) {
\r
4613 this.setStyles({width : w, height : h});
\r
4616 resizeBy : function(w, h) {
\r
4617 var s = this.getSize();
\r
4619 this.resizeTo(s.w + w, s.h + h);
\r
4622 update : function(k) {
\r
4623 var t = this, b, dom = t.dom;
\r
4625 if (tinymce.isIE6 && t.settings.blocker) {
\r
4629 if (k.indexOf('get') === 0 || k.indexOf('has') === 0 || k.indexOf('is') === 0)
\r
4632 // Remove blocker on remove
\r
4633 if (k == 'remove') {
\r
4634 dom.remove(t.blocker);
\r
4639 t.blocker = dom.uniqueId();
\r
4640 b = dom.add(t.settings.container || dom.getRoot(), 'iframe', {id : t.blocker, style : 'position:absolute;', frameBorder : 0, src : 'javascript:""'});
\r
4641 dom.setStyle(b, 'opacity', 0);
\r
4643 b = dom.get(t.blocker);
\r
4645 dom.setStyle(b, 'left', t.getStyle('left', 1));
\r
4646 dom.setStyle(b, 'top', t.getStyle('top', 1));
\r
4647 dom.setStyle(b, 'width', t.getStyle('width', 1));
\r
4648 dom.setStyle(b, 'height', t.getStyle('height', 1));
\r
4649 dom.setStyle(b, 'display', t.getStyle('display', 1));
\r
4650 dom.setStyle(b, 'zIndex', parseInt(t.getStyle('zIndex', 1) || 0) - 1);
\r
4656 (function(tinymce) {
\r
4657 function trimNl(s) {
\r
4658 return s.replace(/[\n\r]+/g, '');
\r
4662 var is = tinymce.is, isIE = tinymce.isIE, each = tinymce.each;
\r
4664 tinymce.create('tinymce.dom.Selection', {
\r
4665 Selection : function(dom, win, serializer) {
\r
4670 t.serializer = serializer;
\r
4674 'onBeforeSetContent',
\r
4675 'onBeforeGetContent',
\r
4679 t[e] = new tinymce.util.Dispatcher(t);
\r
4682 // No W3C Range support
\r
4683 if (!t.win.getSelection)
\r
4684 t.tridentSel = new tinymce.dom.TridentSelection(t);
\r
4687 tinymce.addUnload(t.destroy, t);
\r
4690 getContent : function(s) {
\r
4691 var t = this, r = t.getRng(), e = t.dom.create("body"), se = t.getSel(), wb, wa, n;
\r
4696 s.format = s.format || 'html';
\r
4697 t.onBeforeGetContent.dispatch(t, s);
\r
4699 if (s.format == 'text')
\r
4700 return t.isCollapsed() ? '' : (r.text || (se.toString ? se.toString() : ''));
\r
4702 if (r.cloneContents) {
\r
4703 n = r.cloneContents();
\r
4707 } else if (is(r.item) || is(r.htmlText))
\r
4708 e.innerHTML = r.item ? r.item(0).outerHTML : r.htmlText;
\r
4710 e.innerHTML = r.toString();
\r
4712 // Keep whitespace before and after
\r
4713 if (/^\s/.test(e.innerHTML))
\r
4716 if (/\s+$/.test(e.innerHTML))
\r
4719 s.getInner = true;
\r
4721 s.content = t.isCollapsed() ? '' : wb + t.serializer.serialize(e, s) + wa;
\r
4722 t.onGetContent.dispatch(t, s);
\r
4727 setContent : function(h, s) {
\r
4728 var t = this, r = t.getRng(), c, d = t.win.document;
\r
4730 s = s || {format : 'html'};
\r
4732 h = s.content = t.dom.processHTML(h);
\r
4734 // Dispatch before set content event
\r
4735 t.onBeforeSetContent.dispatch(t, s);
\r
4738 if (r.insertNode) {
\r
4739 // Make caret marker since insertNode places the caret in the beginning of text after insert
\r
4740 h += '<span id="__caret">_</span>';
\r
4742 // Delete and insert new node
\r
4743 r.deleteContents();
\r
4744 r.insertNode(t.getRng().createContextualFragment(h));
\r
4746 // Move to caret marker
\r
4747 c = t.dom.get('__caret');
\r
4749 // Make sure we wrap it compleatly, Opera fails with a simple select call
\r
4750 r = d.createRange();
\r
4751 r.setStartBefore(c);
\r
4755 // Delete the marker, and hopefully the caret gets placed in the right location
\r
4756 // Removed this since it seems to remove in FF and simply deleting it
\r
4757 // doesn't seem to affect the caret position in any browser
\r
4758 //d.execCommand('Delete', false, null);
\r
4760 // Remove the caret position
\r
4761 t.dom.remove('__caret');
\r
4764 // Delete content and get caret text selection
\r
4765 d.execCommand('Delete', false, null);
\r
4772 // Dispatch set content event
\r
4773 t.onSetContent.dispatch(t, s);
\r
4776 getStart : function() {
\r
4777 var t = this, r = t.getRng(), e;
\r
4783 r = r.duplicate();
\r
4785 e = r.parentElement();
\r
4787 if (e && e.nodeName == 'BODY')
\r
4788 return e.firstChild;
\r
4792 e = r.startContainer;
\r
4794 if (e.nodeName == 'BODY')
\r
4795 return e.firstChild;
\r
4797 return t.dom.getParent(e, '*');
\r
4801 getEnd : function() {
\r
4802 var t = this, r = t.getRng(), e;
\r
4808 r = r.duplicate();
\r
4810 e = r.parentElement();
\r
4812 if (e && e.nodeName == 'BODY')
\r
4813 return e.lastChild;
\r
4817 e = r.endContainer;
\r
4819 if (e.nodeName == 'BODY')
\r
4820 return e.lastChild;
\r
4822 return t.dom.getParent(e, '*');
\r
4826 getBookmark : function(si) {
\r
4827 var t = this, r = t.getRng(), tr, sx, sy, vp = t.dom.getViewPort(t.win), e, sp, bp, le, c = -0xFFFFFF, s, ro = t.dom.getRoot(), wb = 0, wa = 0, nv;
\r
4831 // Simple bookmark fast but not as persistent
\r
4832 if (si == 'simple')
\r
4833 return {rng : r, scrollX : sx, scrollY : sy};
\r
4837 // Control selection
\r
4841 each(t.dom.select(e.nodeName), function(n, i) {
\r
4857 tr = t.dom.doc.body.createTextRange();
\r
4858 tr.moveToElementText(ro);
\r
4859 tr.collapse(true);
\r
4860 bp = Math.abs(tr.move('character', c));
\r
4862 tr = r.duplicate();
\r
4863 tr.collapse(true);
\r
4864 sp = Math.abs(tr.move('character', c));
\r
4866 tr = r.duplicate();
\r
4867 tr.collapse(false);
\r
4868 le = Math.abs(tr.move('character', c)) - sp;
\r
4885 // Image selection
\r
4886 if (e && e.nodeName == 'IMG') {
\r
4895 function getPos(r, sn, en) {
\r
4896 var w = t.dom.doc.createTreeWalker(r, NodeFilter.SHOW_TEXT, null, false), n, p = 0, d = {};
\r
4898 while ((n = w.nextNode()) != null) {
\r
4907 p += trimNl(n.nodeValue || '').length;
\r
4913 // Caret or selection
\r
4914 if (s.anchorNode == s.focusNode && s.anchorOffset == s.focusOffset) {
\r
4915 e = getPos(ro, s.anchorNode, s.focusNode);
\r
4918 return {scrollX : sx, scrollY : sy};
\r
4920 // Count whitespace before
\r
4921 trimNl(s.anchorNode.nodeValue || '').replace(/^\s+/, function(a) {wb = a.length;});
\r
4924 start : Math.max(e.start + s.anchorOffset - wb, 0),
\r
4925 end : Math.max(e.end + s.focusOffset - wb, 0),
\r
4928 beg : s.anchorOffset - wb == 0
\r
4931 e = getPos(ro, r.startContainer, r.endContainer);
\r
4933 // Count whitespace before start and end container
\r
4934 //(r.startContainer.nodeValue || '').replace(/^\s+/, function(a) {wb = a.length;});
\r
4935 //(r.endContainer.nodeValue || '').replace(/^\s+/, function(a) {wa = a.length;});
\r
4938 return {scrollX : sx, scrollY : sy};
\r
4941 start : Math.max(e.start + r.startOffset - wb, 0),
\r
4942 end : Math.max(e.end + r.endOffset - wa, 0),
\r
4945 beg : r.startOffset - wb == 0
\r
4950 moveToBookmark : function(b) {
\r
4951 var t = this, r = t.getRng(), s = t.getSel(), ro = t.dom.getRoot(), sd, nvl, nv;
\r
4953 function getPos(r, sp, ep) {
\r
4954 var w = t.dom.doc.createTreeWalker(r, NodeFilter.SHOW_TEXT, null, false), n, p = 0, d = {}, o, v, wa, wb;
\r
4956 while ((n = w.nextNode()) != null) {
\r
4959 nv = n.nodeValue || '';
\r
4960 //nv.replace(/^\s+[^\s]/, function(a) {wb = a.length - 1;});
\r
4961 //nv.replace(/[^\s]\s+$/, function(a) {wa = a.length - 1;});
\r
4963 nvl = trimNl(nv).length;
\r
4966 if (p >= sp && !d.startNode) {
\r
4967 o = sp - (p - nvl);
\r
4969 // Fix for odd quirk in FF
\r
4970 if (b.beg && o >= nvl)
\r
4974 d.startOffset = o + wb;
\r
4979 d.endOffset = ep - (p - nvl) + wb;
\r
4990 t.win.scrollTo(b.scrollX, b.scrollY);
\r
4992 // Handle explorer
\r
5007 // Handle control bookmark
\r
5009 r = ro.createControlRange();
\r
5011 each(t.dom.select(b.tag), function(n, i) {
\r
5016 // Try/catch needed since this operation breaks when TinyMCE is placed in hidden divs/tabs
\r
5018 // Incorrect bookmark
\r
5022 r = s.createRange();
\r
5023 r.moveToElementText(ro);
\r
5025 r.moveStart('character', b.start);
\r
5026 r.moveEnd('character', b.length);
\r
5035 // Needed for some odd IE bug #1843306
\r
5047 s.removeAllRanges();
\r
5048 s.addRange(b.rng);
\r
5050 if (is(b.start) && is(b.end)) {
\r
5052 sd = getPos(ro, b.start, b.end);
\r
5055 r = t.dom.doc.createRange();
\r
5056 r.setStart(sd.startNode, sd.startOffset);
\r
5057 r.setEnd(sd.endNode, sd.endOffset);
\r
5058 s.removeAllRanges();
\r
5062 if (!tinymce.isOpera)
\r
5071 select : function(n, c) {
\r
5072 var t = this, r = t.getRng(), s = t.getSel(), b, fn, ln, d = t.win.document;
\r
5074 function find(n, start) {
\r
5078 walker = d.createTreeWalker(n, NodeFilter.SHOW_TEXT, null, false);
\r
5080 // Find first/last non empty text node
\r
5081 while (n = walker.nextNode()) {
\r
5084 if (tinymce.trim(n.nodeValue).length != 0) {
\r
5100 if (/^(IMG|TABLE)$/.test(n.nodeName)) {
\r
5101 r = b.createControlRange();
\r
5104 r = b.createTextRange();
\r
5105 r.moveToElementText(n);
\r
5110 // Throws illigal agrument in IE some times
\r
5114 fn = find(n, 1) || t.dom.select('br:first', n)[0];
\r
5115 ln = find(n, 0) || t.dom.select('br:last', n)[0];
\r
5118 r = d.createRange();
\r
5120 if (fn.nodeName == 'BR')
\r
5121 r.setStartBefore(fn);
\r
5123 r.setStart(fn, 0);
\r
5125 if (ln.nodeName == 'BR')
\r
5126 r.setEndBefore(ln);
\r
5128 r.setEnd(ln, ln.nodeValue.length);
\r
5140 isCollapsed : function() {
\r
5141 var t = this, r = t.getRng(), s = t.getSel();
\r
5146 return !s || r.boundingWidth == 0 || r.collapsed;
\r
5149 collapse : function(b) {
\r
5150 var t = this, r = t.getRng(), n;
\r
5152 // Control range on IE
\r
5155 r = this.win.document.body.createTextRange();
\r
5156 r.moveToElementText(n);
\r
5163 getSel : function() {
\r
5164 var t = this, w = this.win;
\r
5166 return w.getSelection ? w.getSelection() : w.document.selection;
\r
5169 getRng : function(w3c) {
\r
5170 var t = this, s, r;
\r
5172 // Found tridentSel object then we need to use that one
\r
5173 if (w3c && t.tridentSel)
\r
5174 return t.tridentSel.getRangeAt(0);
\r
5177 if (s = t.getSel())
\r
5178 r = s.rangeCount > 0 ? s.getRangeAt(0) : (s.createRange ? s.createRange() : t.win.document.createRange());
\r
5180 // IE throws unspecified error here if TinyMCE is placed in a frame/iframe
\r
5183 // No range found then create an empty one
\r
5184 // This can occur when the editor is placed in a hidden container element on Gecko
\r
5185 // Or on IE when there was an exception
\r
5187 r = isIE ? t.win.document.body.createTextRange() : t.win.document.createRange();
\r
5192 setRng : function(r) {
\r
5195 if (!t.tridentSel) {
\r
5199 s.removeAllRanges();
\r
5204 if (r.cloneRange) {
\r
5205 t.tridentSel.addRange(r);
\r
5209 // Is IE specific range
\r
5213 // Needed for some odd IE bug #1843306
\r
5218 setNode : function(n) {
\r
5221 t.setContent(t.dom.getOuterHTML(n));
\r
5226 getNode : function() {
\r
5227 var t = this, r = t.getRng(), s = t.getSel(), e;
\r
5230 // Range maybe lost after the editor is made visible again
\r
5232 return t.dom.getRoot();
\r
5234 e = r.commonAncestorContainer;
\r
5236 // Handle selection a image or other control like element such as anchors
\r
5237 if (!r.collapsed) {
\r
5238 // If the anchor node is a element instead of a text node then return this element
\r
5239 if (tinymce.isWebKit && s.anchorNode && s.anchorNode.nodeType == 1)
\r
5240 return s.anchorNode.childNodes[s.anchorOffset];
\r
5242 if (r.startContainer == r.endContainer) {
\r
5243 if (r.startOffset - r.endOffset < 2) {
\r
5244 if (r.startContainer.hasChildNodes())
\r
5245 e = r.startContainer.childNodes[r.startOffset];
\r
5250 return t.dom.getParent(e, '*');
\r
5253 return r.item ? r.item(0) : r.parentElement();
\r
5256 getSelectedBlocks : function(st, en) {
\r
5257 var t = this, dom = t.dom, sb, eb, n, bl = [];
\r
5259 sb = dom.getParent(st || t.getStart(), dom.isBlock);
\r
5260 eb = dom.getParent(en || t.getEnd(), dom.isBlock);
\r
5265 if (sb && eb && sb != eb) {
\r
5268 while ((n = n.nextSibling) && n != eb) {
\r
5269 if (dom.isBlock(n))
\r
5274 if (eb && sb != eb)
\r
5280 destroy : function(s) {
\r
5286 t.tridentSel.destroy();
\r
5288 // Manual destroy then remove unload handler
\r
5290 tinymce.removeUnload(t.destroy);
\r
5295 (function(tinymce) {
\r
5296 tinymce.create('tinymce.dom.XMLWriter', {
\r
5299 XMLWriter : function(s) {
\r
5300 // Get XML document
\r
5301 function getXML() {
\r
5302 var i = document.implementation;
\r
5304 if (!i || !i.createDocument) {
\r
5306 try {return new ActiveXObject('MSXML2.DOMDocument');} catch (ex) {}
\r
5307 try {return new ActiveXObject('Microsoft.XmlDom');} catch (ex) {}
\r
5309 return i.createDocument('', '', null);
\r
5312 this.doc = getXML();
\r
5314 // Since Opera and WebKit doesn't escape > into > we need to do it our self to normalize the output for all browsers
\r
5315 this.valid = tinymce.isOpera || tinymce.isWebKit;
\r
5320 reset : function() {
\r
5321 var t = this, d = t.doc;
\r
5324 d.removeChild(d.firstChild);
\r
5326 t.node = d.appendChild(d.createElement("html"));
\r
5329 writeStartElement : function(n) {
\r
5332 t.node = t.node.appendChild(t.doc.createElement(n));
\r
5335 writeAttribute : function(n, v) {
\r
5337 v = v.replace(/>/g, '%MCGT%');
\r
5339 this.node.setAttribute(n, v);
\r
5342 writeEndElement : function() {
\r
5343 this.node = this.node.parentNode;
\r
5346 writeFullEndElement : function() {
\r
5347 var t = this, n = t.node;
\r
5349 n.appendChild(t.doc.createTextNode(""));
\r
5350 t.node = n.parentNode;
\r
5353 writeText : function(v) {
\r
5355 v = v.replace(/>/g, '%MCGT%');
\r
5357 this.node.appendChild(this.doc.createTextNode(v));
\r
5360 writeCDATA : function(v) {
\r
5361 this.node.appendChild(this.doc.createCDATA(v));
\r
5364 writeComment : function(v) {
\r
5365 // Fix for bug #2035694
\r
5367 v = v.replace(/^\-|\-$/g, ' ');
\r
5369 this.node.appendChild(this.doc.createComment(v.replace(/\-\-/g, ' ')));
\r
5372 getContent : function() {
\r
5375 h = this.doc.xml || new XMLSerializer().serializeToString(this.doc);
\r
5376 h = h.replace(/<\?[^?]+\?>|<html>|<\/html>|<html\/>|<!DOCTYPE[^>]+>/g, '');
\r
5377 h = h.replace(/ ?\/>/g, ' />');
\r
5380 h = h.replace(/\%MCGT%/g, '>');
\r
5387 (function(tinymce) {
\r
5388 tinymce.create('tinymce.dom.StringWriter', {
\r
5395 StringWriter : function(s) {
\r
5396 this.settings = tinymce.extend({
\r
5397 indent_char : ' ',
\r
5404 reset : function() {
\r
5411 writeStartElement : function(n) {
\r
5412 this._writeAttributesEnd();
\r
5413 this.writeRaw('<' + n);
\r
5414 this.tags.push(n);
\r
5415 this.inAttr = true;
\r
5417 this.elementCount = this.count;
\r
5420 writeAttribute : function(n, v) {
\r
5423 t.writeRaw(" " + t.encode(n) + '="' + t.encode(v) + '"');
\r
5426 writeEndElement : function() {
\r
5429 if (this.tags.length > 0) {
\r
5430 n = this.tags.pop();
\r
5432 if (this._writeAttributesEnd(1))
\r
5433 this.writeRaw('</' + n + '>');
\r
5435 if (this.settings.indentation > 0)
\r
5436 this.writeRaw('\n');
\r
5440 writeFullEndElement : function() {
\r
5441 if (this.tags.length > 0) {
\r
5442 this._writeAttributesEnd();
\r
5443 this.writeRaw('</' + this.tags.pop() + '>');
\r
5445 if (this.settings.indentation > 0)
\r
5446 this.writeRaw('\n');
\r
5450 writeText : function(v) {
\r
5451 this._writeAttributesEnd();
\r
5452 this.writeRaw(this.encode(v));
\r
5456 writeCDATA : function(v) {
\r
5457 this._writeAttributesEnd();
\r
5458 this.writeRaw('<![CDATA[' + v + ']]>');
\r
5462 writeComment : function(v) {
\r
5463 this._writeAttributesEnd();
\r
5464 this.writeRaw('<!-- ' + v + '-->');
\r
5468 writeRaw : function(v) {
\r
5472 encode : function(s) {
\r
5473 return s.replace(/[<>&"]/g, function(v) {
\r
5492 getContent : function() {
\r
5496 _writeAttributesEnd : function(s) {
\r
5500 this.inAttr = false;
\r
5502 if (s && this.elementCount == this.count) {
\r
5503 this.writeRaw(' />');
\r
5507 this.writeRaw('>');
\r
5514 (function(tinymce) {
\r
5516 var extend = tinymce.extend, each = tinymce.each, Dispatcher = tinymce.util.Dispatcher, isIE = tinymce.isIE, isGecko = tinymce.isGecko;
\r
5518 function wildcardToRE(s) {
\r
5519 return s.replace(/([?+*])/g, '.$1');
\r
5522 tinymce.create('tinymce.dom.Serializer', {
\r
5523 Serializer : function(s) {
\r
5527 t.onPreProcess = new Dispatcher(t);
\r
5528 t.onPostProcess = new Dispatcher(t);
\r
5531 t.writer = new tinymce.dom.XMLWriter();
\r
5533 // IE might throw exception if ActiveX is disabled so we then switch to the slightly slower StringWriter
\r
5534 t.writer = new tinymce.dom.StringWriter();
\r
5537 // Default settings
\r
5538 t.settings = s = extend({
\r
5539 dom : tinymce.DOM,
\r
5543 invalid_attrs : /^(mce_|_moz_)/,
\r
5544 closed : /^(br|hr|input|meta|img|link|param|area)$/,
\r
5545 entity_encoding : 'named',
\r
5546 entities : '160,nbsp,161,iexcl,162,cent,163,pound,164,curren,165,yen,166,brvbar,167,sect,168,uml,169,copy,170,ordf,171,laquo,172,not,173,shy,174,reg,175,macr,176,deg,177,plusmn,178,sup2,179,sup3,180,acute,181,micro,182,para,183,middot,184,cedil,185,sup1,186,ordm,187,raquo,188,frac14,189,frac12,190,frac34,191,iquest,192,Agrave,193,Aacute,194,Acirc,195,Atilde,196,Auml,197,Aring,198,AElig,199,Ccedil,200,Egrave,201,Eacute,202,Ecirc,203,Euml,204,Igrave,205,Iacute,206,Icirc,207,Iuml,208,ETH,209,Ntilde,210,Ograve,211,Oacute,212,Ocirc,213,Otilde,214,Ouml,215,times,216,Oslash,217,Ugrave,218,Uacute,219,Ucirc,220,Uuml,221,Yacute,222,THORN,223,szlig,224,agrave,225,aacute,226,acirc,227,atilde,228,auml,229,aring,230,aelig,231,ccedil,232,egrave,233,eacute,234,ecirc,235,euml,236,igrave,237,iacute,238,icirc,239,iuml,240,eth,241,ntilde,242,ograve,243,oacute,244,ocirc,245,otilde,246,ouml,247,divide,248,oslash,249,ugrave,250,uacute,251,ucirc,252,uuml,253,yacute,254,thorn,255,yuml,402,fnof,913,Alpha,914,Beta,915,Gamma,916,Delta,917,Epsilon,918,Zeta,919,Eta,920,Theta,921,Iota,922,Kappa,923,Lambda,924,Mu,925,Nu,926,Xi,927,Omicron,928,Pi,929,Rho,931,Sigma,932,Tau,933,Upsilon,934,Phi,935,Chi,936,Psi,937,Omega,945,alpha,946,beta,947,gamma,948,delta,949,epsilon,950,zeta,951,eta,952,theta,953,iota,954,kappa,955,lambda,956,mu,957,nu,958,xi,959,omicron,960,pi,961,rho,962,sigmaf,963,sigma,964,tau,965,upsilon,966,phi,967,chi,968,psi,969,omega,977,thetasym,978,upsih,982,piv,8226,bull,8230,hellip,8242,prime,8243,Prime,8254,oline,8260,frasl,8472,weierp,8465,image,8476,real,8482,trade,8501,alefsym,8592,larr,8593,uarr,8594,rarr,8595,darr,8596,harr,8629,crarr,8656,lArr,8657,uArr,8658,rArr,8659,dArr,8660,hArr,8704,forall,8706,part,8707,exist,8709,empty,8711,nabla,8712,isin,8713,notin,8715,ni,8719,prod,8721,sum,8722,minus,8727,lowast,8730,radic,8733,prop,8734,infin,8736,ang,8743,and,8744,or,8745,cap,8746,cup,8747,int,8756,there4,8764,sim,8773,cong,8776,asymp,8800,ne,8801,equiv,8804,le,8805,ge,8834,sub,8835,sup,8836,nsub,8838,sube,8839,supe,8853,oplus,8855,otimes,8869,perp,8901,sdot,8968,lceil,8969,rceil,8970,lfloor,8971,rfloor,9001,lang,9002,rang,9674,loz,9824,spades,9827,clubs,9829,hearts,9830,diams,338,OElig,339,oelig,352,Scaron,353,scaron,376,Yuml,710,circ,732,tilde,8194,ensp,8195,emsp,8201,thinsp,8204,zwnj,8205,zwj,8206,lrm,8207,rlm,8211,ndash,8212,mdash,8216,lsquo,8217,rsquo,8218,sbquo,8220,ldquo,8221,rdquo,8222,bdquo,8224,dagger,8225,Dagger,8240,permil,8249,lsaquo,8250,rsaquo,8364,euro',
\r
5547 bool_attrs : /(checked|disabled|readonly|selected|nowrap)/,
\r
5548 valid_elements : '*[*]',
\r
5549 extended_valid_elements : 0,
\r
5550 valid_child_elements : 0,
\r
5551 invalid_elements : 0,
\r
5552 fix_table_elements : 1,
\r
5553 fix_list_elements : true,
\r
5554 fix_content_duplication : true,
\r
5555 convert_fonts_to_spans : false,
\r
5556 font_size_classes : 0,
\r
5557 font_size_style_values : 0,
\r
5558 apply_source_formatting : 0,
\r
5559 indent_mode : 'simple',
\r
5560 indent_char : '\t',
\r
5561 indent_levels : 1,
\r
5562 remove_linebreaks : 1,
\r
5563 remove_redundant_brs : 1,
\r
5564 element_format : 'xhtml'
\r
5569 if (s.remove_redundant_brs) {
\r
5570 t.onPostProcess.add(function(se, o) {
\r
5571 // Remove single BR at end of block elements since they get rendered
\r
5572 o.content = o.content.replace(/(<br \/>\s*)+<\/(p|h[1-6]|div|li)>/gi, function(a, b, c) {
\r
5573 // Check if it's a single element
\r
5574 if (/^<br \/>\s*<\//.test(a))
\r
5575 return '</' + c + '>';
\r
5582 // Remove XHTML element endings i.e. produce crap :) XHTML is better
\r
5583 if (s.element_format == 'html') {
\r
5584 t.onPostProcess.add(function(se, o) {
\r
5585 o.content = o.content.replace(/<([^>]+) \/>/g, '<$1>');
\r
5589 if (s.fix_list_elements) {
\r
5590 t.onPreProcess.add(function(se, o) {
\r
5591 var nl, x, a = ['ol', 'ul'], i, n, p, r = /^(OL|UL)$/, np;
\r
5593 function prevNode(e, n) {
\r
5594 var a = n.split(','), i;
\r
5596 while ((e = e.previousSibling) != null) {
\r
5597 for (i=0; i<a.length; i++) {
\r
5598 if (e.nodeName == a[i])
\r
5606 for (x=0; x<a.length; x++) {
\r
5607 nl = t.dom.select(a[x], o.node);
\r
5609 for (i=0; i<nl.length; i++) {
\r
5613 if (r.test(p.nodeName)) {
\r
5614 np = prevNode(n, 'LI');
\r
5617 np = t.dom.create('li');
\r
5618 np.innerHTML = ' ';
\r
5619 np.appendChild(n);
\r
5620 p.insertBefore(np, p.firstChild);
\r
5622 np.appendChild(n);
\r
5629 if (s.fix_table_elements) {
\r
5630 t.onPreProcess.add(function(se, o) {
\r
5631 each(t.dom.select('p table', o.node), function(n) {
\r
5632 t.dom.split(t.dom.getParent(n, 'p'), n);
\r
5638 setEntities : function(s) {
\r
5639 var t = this, a, i, l = {}, re = '', v;
\r
5641 // No need to setup more than once
\r
5642 if (t.entityLookup)
\r
5645 // Build regex and lookup array
\r
5647 for (i = 0; i < a.length; i += 2) {
\r
5650 // Don't add default & " etc.
\r
5651 if (v == 34 || v == 38 || v == 60 || v == 62)
\r
5654 l[String.fromCharCode(a[i])] = a[i + 1];
\r
5656 v = parseInt(a[i]).toString(16);
\r
5657 re += '\\u' + '0000'.substring(v.length) + v;
\r
5661 t.settings.entity_encoding = 'raw';
\r
5665 t.entitiesRE = new RegExp('[' + re + ']', 'g');
\r
5666 t.entityLookup = l;
\r
5669 setValidChildRules : function(s) {
\r
5670 this.childRules = null;
\r
5671 this.addValidChildRules(s);
\r
5674 addValidChildRules : function(s) {
\r
5675 var t = this, inst, intr, bloc;
\r
5680 inst = 'A|BR|SPAN|BDO|MAP|OBJECT|IMG|TT|I|B|BIG|SMALL|EM|STRONG|DFN|CODE|Q|SAMP|KBD|VAR|CITE|ABBR|ACRONYM|SUB|SUP|#text|#comment';
\r
5681 intr = 'A|BR|SPAN|BDO|OBJECT|APPLET|IMG|MAP|IFRAME|TT|I|B|U|S|STRIKE|BIG|SMALL|FONT|BASEFONT|EM|STRONG|DFN|CODE|Q|SAMP|KBD|VAR|CITE|ABBR|ACRONYM|SUB|SUP|INPUT|SELECT|TEXTAREA|LABEL|BUTTON|#text|#comment';
\r
5682 bloc = 'H[1-6]|P|DIV|ADDRESS|PRE|FORM|TABLE|LI|OL|UL|TD|CAPTION|BLOCKQUOTE|CENTER|DL|DT|DD|DIR|FIELDSET|FORM|NOSCRIPT|NOFRAMES|MENU|ISINDEX|SAMP';
\r
5684 each(s.split(','), function(s) {
\r
5685 var p = s.split(/\[|\]/), re;
\r
5688 each(p[1].split('|'), function(v) {
\r
5697 case '%itrans_na':
\r
5698 v = intr.substring(2);
\r
5705 case '%istrict_na':
\r
5706 v = inst.substring(2);
\r
5720 re = new RegExp('^(' + s.toLowerCase() + ')$', 'i');
\r
5722 each(p[0].split('/'), function(s) {
\r
5723 t.childRules = t.childRules || {};
\r
5724 t.childRules[s] = re;
\r
5730 each(t.childRules, function(v, k) {
\r
5737 t.parentElementsRE = new RegExp('^(' + s.toLowerCase() + ')$', 'i');
\r
5739 /*console.debug(t.parentElementsRE.toString());
\r
5740 each(t.childRules, function(v) {
\r
5741 console.debug(v.toString());
\r
5745 setRules : function(s) {
\r
5751 t.validElements = {};
\r
5753 return t.addRules(s);
\r
5756 addRules : function(s) {
\r
5764 each(s.split(','), function(s) {
\r
5765 var p = s.split(/\[|\]/), tn = p[0].split('/'), ra, at, wat, va = [];
\r
5767 // Extend with default rules
\r
5769 at = tinymce.extend([], dr.attribs);
\r
5771 // Parse attributes
\r
5772 if (p.length > 1) {
\r
5773 each(p[1].split('|'), function(s) {
\r
5778 // Parse attribute rule
\r
5779 s = s.replace(/::/g, '~');
\r
5780 s = /^([!\-])?([\w*.?~_\-]+|)([=:<])?(.+)?$/.exec(s);
\r
5781 s[2] = s[2].replace(/~/g, ':');
\r
5783 // Add required attributes
\r
5784 if (s[1] == '!') {
\r
5789 // Remove inherited attributes
\r
5790 if (s[1] == '-') {
\r
5791 for (i = 0; i <at.length; i++) {
\r
5792 if (at[i].name == s[2]) {
\r
5800 // Add default attrib values
\r
5802 ar.defaultVal = s[4] || '';
\r
5805 // Add forced attrib values
\r
5807 ar.forcedVal = s[4];
\r
5810 // Add validation values
\r
5812 ar.validVals = s[4].split('?');
\r
5816 if (/[*.?]/.test(s[2])) {
\r
5818 ar.nameRE = new RegExp('^' + wildcardToRE(s[2]) + '$');
\r
5829 // Handle element names
\r
5830 each(tn, function(s, i) {
\r
5831 var pr = s.charAt(0), x = 1, ru = {};
\r
5833 // Extend with default rule data
\r
5836 ru.noEmpty = dr.noEmpty;
\r
5839 ru.fullEnd = dr.fullEnd;
\r
5842 ru.padd = dr.padd;
\r
5845 // Handle prefixes
\r
5848 ru.noEmpty = true;
\r
5852 ru.fullEnd = true;
\r
5863 tn[i] = s = s.substring(x);
\r
5864 t.validElements[s] = 1;
\r
5866 // Add element name or element regex
\r
5867 if (/[*.?]/.test(tn[0])) {
\r
5868 ru.nameRE = new RegExp('^' + wildcardToRE(tn[0]) + '$');
\r
5869 t.wildRules = t.wildRules || {};
\r
5870 t.wildRules.push(ru);
\r
5874 // Store away default rule
\r
5884 ru.requiredAttribs = ra;
\r
5887 // Build valid attributes regexp
\r
5889 each(va, function(v) {
\r
5893 s += '(' + wildcardToRE(v) + ')';
\r
5895 ru.validAttribsRE = new RegExp('^' + s.toLowerCase() + '$');
\r
5896 ru.wildAttribs = wat;
\r
5901 // Build valid elements regexp
\r
5903 each(t.validElements, function(v, k) {
\r
5910 t.validElementsRE = new RegExp('^(' + wildcardToRE(s.toLowerCase()) + ')$');
\r
5912 //console.debug(t.validElementsRE.toString());
\r
5913 //console.dir(t.rules);
\r
5914 //console.dir(t.wildRules);
\r
5917 findRule : function(n) {
\r
5918 var t = this, rl = t.rules, i, r;
\r
5929 for (i = 0; i < rl.length; i++) {
\r
5930 if (rl[i].nameRE.test(n))
\r
5937 findAttribRule : function(ru, n) {
\r
5938 var i, wa = ru.wildAttribs;
\r
5940 for (i = 0; i < wa.length; i++) {
\r
5941 if (wa[i].nameRE.test(n))
\r
5948 serialize : function(n, o) {
\r
5953 o.format = o.format || 'html';
\r
5955 n = n.cloneNode(true);
\r
5956 t.key = '' + (parseInt(t.key) + 1);
\r
5959 if (!o.no_events) {
\r
5961 t.onPreProcess.dispatch(t, o);
\r
5964 // Serialize HTML DOM into a string
\r
5966 t._serializeNode(n, o.getInner);
\r
5969 o.content = t.writer.getContent();
\r
5972 t.onPostProcess.dispatch(t, o);
\r
5974 t._postProcess(o);
\r
5977 return tinymce.trim(o.content);
\r
5980 // Internal functions
\r
5982 _postProcess : function(o) {
\r
5983 var t = this, s = t.settings, h = o.content, sc = [], p;
\r
5985 if (o.format == 'html') {
\r
5986 // Protect some elements
\r
5990 {pattern : /(<script[^>]*>)(.*?)(<\/script>)/g},
\r
5991 {pattern : /(<style[^>]*>)(.*?)(<\/style>)/g},
\r
5992 {pattern : /(<pre[^>]*>)(.*?)(<\/pre>)/g, encode : 1},
\r
5993 {pattern : /(<!--\[CDATA\[)(.*?)(\]\]-->)/g}
\r
6000 if (s.entity_encoding !== 'raw')
\r
6003 // Use BR instead of padded P elements inside editor and use <p> </p> outside editor
\r
6005 h = h.replace(/<p>\s+( | |\u00a0|<br \/>)\s+<\/p>/g, '<p><br /></p>');
\r
6007 h = h.replace(/<p>\s+( | |\u00a0|<br \/>)\s+<\/p>/g, '<p>$1</p>');*/
\r
6009 // Since Gecko and Safari keeps whitespace in the DOM we need to
\r
6010 // remove it inorder to match other browsers. But I think Gecko and Safari is right.
\r
6011 // This process is only done when getting contents out from the editor.
\r
6013 // We need to replace paragraph whitespace with an nbsp before indentation to keep the \u00a0 char
\r
6014 h = h.replace(/<p>\s+<\/p>|<p([^>]+)>\s+<\/p>/g, s.entity_encoding == 'numeric' ? '<p$1> </p>' : '<p$1> </p>');
\r
6016 if (s.remove_linebreaks) {
\r
6017 h = h.replace(/\r?\n|\r/g, ' ');
\r
6018 h = h.replace(/(<[^>]+>)\s+/g, '$1 ');
\r
6019 h = h.replace(/\s+(<\/[^>]+>)/g, ' $1');
\r
6020 h = h.replace(/<(p|h[1-6]|blockquote|hr|div|table|tbody|tr|td|body|head|html|title|meta|style|pre|script|link|object) ([^>]+)>\s+/g, '<$1 $2>'); // Trim block start
\r
6021 h = h.replace(/<(p|h[1-6]|blockquote|hr|div|table|tbody|tr|td|body|head|html|title|meta|style|pre|script|link|object)>\s+/g, '<$1>'); // Trim block start
\r
6022 h = h.replace(/\s+<\/(p|h[1-6]|blockquote|hr|div|table|tbody|tr|td|body|head|html|title|meta|style|pre|script|link|object)>/g, '</$1>'); // Trim block end
\r
6025 // Simple indentation
\r
6026 if (s.apply_source_formatting && s.indent_mode == 'simple') {
\r
6027 // Add line breaks before and after block elements
\r
6028 h = h.replace(/<(\/?)(ul|hr|table|meta|link|tbody|tr|object|body|head|html|map)(|[^>]+)>\s*/g, '\n<$1$2$3>\n');
\r
6029 h = h.replace(/\s*<(p|h[1-6]|blockquote|div|title|style|pre|script|td|li|area)(|[^>]+)>/g, '\n<$1$2>');
\r
6030 h = h.replace(/<\/(p|h[1-6]|blockquote|div|title|style|pre|script|td|li)>\s*/g, '</$1>\n');
\r
6031 h = h.replace(/\n\n/g, '\n');
\r
6035 h = t._unprotect(h, p);
\r
6037 // Restore CDATA sections
\r
6038 h = h.replace(/<!--\[CDATA\[([\s\S]+)\]\]-->/g, '<![CDATA[$1]]>');
\r
6040 // Restore the \u00a0 character if raw mode is enabled
\r
6041 if (s.entity_encoding == 'raw')
\r
6042 h = h.replace(/<p> <\/p>|<p([^>]+)> <\/p>/g, '<p$1>\u00a0</p>');
\r
6048 _serializeNode : function(n, inn) {
\r
6049 var t = this, s = t.settings, w = t.writer, hc, el, cn, i, l, a, at, no, v, nn, ru, ar, iv;
\r
6051 if (!s.node_filter || s.node_filter(n)) {
\r
6052 switch (n.nodeType) {
\r
6053 case 1: // Element
\r
6054 if (n.hasAttribute ? n.hasAttribute('mce_bogus') : n.getAttribute('mce_bogus'))
\r
6058 hc = n.hasChildNodes();
\r
6059 nn = n.getAttribute('mce_name') || n.nodeName.toLowerCase();
\r
6061 // Add correct prefix on IE
\r
6063 if (n.scopeName !== 'HTML' && n.scopeName !== 'html')
\r
6064 nn = n.scopeName + ':' + nn;
\r
6067 // Remove mce prefix on IE needed for the abbr element
\r
6068 if (nn.indexOf('mce:') === 0)
\r
6069 nn = nn.substring(4);
\r
6072 if (!t.validElementsRE.test(nn) || (t.invalidElementsRE && t.invalidElementsRE.test(nn)) || inn) {
\r
6078 // Fix IE content duplication (DOM can have multiple copies of the same node)
\r
6079 if (s.fix_content_duplication) {
\r
6080 if (n.mce_serialized == t.key)
\r
6083 n.mce_serialized = t.key;
\r
6086 // IE sometimes adds a / infront of the node name
\r
6087 if (nn.charAt(0) == '/')
\r
6088 nn = nn.substring(1);
\r
6089 } else if (isGecko) {
\r
6090 // Ignore br elements
\r
6091 if (n.nodeName === 'BR' && n.getAttribute('type') == '_moz')
\r
6095 // Check if valid child
\r
6096 if (t.childRules) {
\r
6097 if (t.parentElementsRE.test(t.elementName)) {
\r
6098 if (!t.childRules[t.elementName].test(nn)) {
\r
6104 t.elementName = nn;
\r
6107 ru = t.findRule(nn);
\r
6108 nn = ru.name || nn;
\r
6110 // Skip empty nodes or empty node name in IE
\r
6111 if ((!hc && ru.noEmpty) || (isIE && !nn)) {
\r
6117 if (ru.requiredAttribs) {
\r
6118 a = ru.requiredAttribs;
\r
6120 for (i = a.length - 1; i >= 0; i--) {
\r
6121 if (this.dom.getAttrib(n, a[i]) !== '')
\r
6125 // None of the required was there
\r
6132 w.writeStartElement(nn);
\r
6134 // Add ordered attributes
\r
6136 for (i=0, at = ru.attribs, l = at.length; i<l; i++) {
\r
6138 v = t._getAttrib(n, a);
\r
6141 w.writeAttribute(a.name, v);
\r
6145 // Add wild attributes
\r
6146 if (ru.validAttribsRE) {
\r
6147 at = t.dom.getAttribs(n);
\r
6148 for (i=at.length-1; i>-1; i--) {
\r
6151 if (no.specified) {
\r
6152 a = no.nodeName.toLowerCase();
\r
6154 if (s.invalid_attrs.test(a) || !ru.validAttribsRE.test(a))
\r
6157 ar = t.findAttribRule(ru, a);
\r
6158 v = t._getAttrib(n, ar, a);
\r
6161 w.writeAttribute(a, v);
\r
6166 // Padd empty nodes with a
\r
6168 // If it has only one bogus child, padd it anyway workaround for <td><br /></td> bug
\r
6169 if (hc && (cn = n.firstChild) && cn.nodeType === 1 && n.childNodes.length === 1) {
\r
6170 if (cn.hasAttribute ? cn.hasAttribute('mce_bogus') : cn.getAttribute('mce_bogus'))
\r
6171 w.writeText('\u00a0');
\r
6173 w.writeText('\u00a0'); // No children then padd it
\r
6179 // Check if valid child
\r
6180 if (t.childRules && t.parentElementsRE.test(t.elementName)) {
\r
6181 if (!t.childRules[t.elementName].test(n.nodeName))
\r
6185 return w.writeText(n.nodeValue);
\r
6188 return w.writeCDATA(n.nodeValue);
\r
6190 case 8: // Comment
\r
6191 return w.writeComment(n.nodeValue);
\r
6193 } else if (n.nodeType == 1)
\r
6194 hc = n.hasChildNodes();
\r
6197 cn = n.firstChild;
\r
6200 t._serializeNode(cn);
\r
6201 t.elementName = nn;
\r
6202 cn = cn.nextSibling;
\r
6206 // Write element end
\r
6208 if (hc || !s.closed.test(nn))
\r
6209 w.writeFullEndElement();
\r
6211 w.writeEndElement();
\r
6215 _protect : function(o) {
\r
6218 o.items = o.items || [];
\r
6221 return s.replace(/[\r\n\\]/g, function(c) {
\r
6224 else if (c === '\\')
\r
6232 return s.replace(/\\[\\rn]/g, function(c) {
\r
6235 else if (c === '\\\\')
\r
6242 each(o.patterns, function(p) {
\r
6243 o.content = dec(enc(o.content).replace(p.pattern, function(x, a, b, c) {
\r
6250 return a + '<!--mce:' + (o.items.length - 1) + '-->' + c;
\r
6257 _unprotect : function(h, o) {
\r
6258 h = h.replace(/\<!--mce:([0-9]+)--\>/g, function(a, b) {
\r
6259 return o.items[parseInt(b)];
\r
6267 _encode : function(h) {
\r
6268 var t = this, s = t.settings, l;
\r
6271 if (s.entity_encoding !== 'raw') {
\r
6272 if (s.entity_encoding.indexOf('named') != -1) {
\r
6273 t.setEntities(s.entities);
\r
6274 l = t.entityLookup;
\r
6276 h = h.replace(t.entitiesRE, function(a) {
\r
6280 a = '&' + v + ';';
\r
6286 if (s.entity_encoding.indexOf('numeric') != -1) {
\r
6287 h = h.replace(/[\u007E-\uFFFF]/g, function(a) {
\r
6288 return '&#' + a.charCodeAt(0) + ';';
\r
6296 _setup : function() {
\r
6297 var t = this, s = this.settings;
\r
6304 t.setRules(s.valid_elements);
\r
6305 t.addRules(s.extended_valid_elements);
\r
6306 t.addValidChildRules(s.valid_child_elements);
\r
6308 if (s.invalid_elements)
\r
6309 t.invalidElementsRE = new RegExp('^(' + wildcardToRE(s.invalid_elements.replace(/,/g, '|').toLowerCase()) + ')$');
\r
6311 if (s.attrib_value_filter)
\r
6312 t.attribValueFilter = s.attribValueFilter;
\r
6315 _getAttrib : function(n, a, na) {
\r
6318 na = na || a.name;
\r
6320 if (a.forcedVal && (v = a.forcedVal)) {
\r
6321 if (v === '{$uid}')
\r
6322 return this.dom.uniqueId();
\r
6327 v = this.dom.getAttrib(n, na);
\r
6330 if (this.settings.bool_attrs.test(na) && v) {
\r
6331 v = ('' + v).toLowerCase();
\r
6333 if (v === 'false' || v === '0')
\r
6342 // Whats the point? Remove usless attribute value
\r
6349 if (this.attribValueFilter)
\r
6350 v = this.attribValueFilter(na, v, n);
\r
6352 if (a.validVals) {
\r
6353 for (i = a.validVals.length - 1; i >= 0; i--) {
\r
6354 if (v == a.validVals[i])
\r
6362 if (v === '' && typeof(a.defaultVal) != 'undefined') {
\r
6365 if (v === '{$uid}')
\r
6366 return this.dom.uniqueId();
\r
6370 // Remove internal mceItemXX classes when content is extracted from editor
\r
6371 if (na == 'class' && this.processObj.get)
\r
6372 v = v.replace(/\s?mceItem\w+\s?/g, '');
\r
6384 (function(tinymce) {
\r
6385 var each = tinymce.each, Event = tinymce.dom.Event;
\r
6387 tinymce.create('tinymce.dom.ScriptLoader', {
\r
6388 ScriptLoader : function(s) {
\r
6389 this.settings = s || {};
\r
6394 isDone : function(u) {
\r
6395 return this.lookup[u] ? this.lookup[u].state == 2 : 0;
\r
6398 markDone : function(u) {
\r
6399 this.lookup[u] = {state : 2, url : u};
\r
6402 add : function(u, cb, s, pr) {
\r
6403 var t = this, lo = t.lookup, o;
\r
6406 // Is loaded fire callback
\r
6407 if (cb && o.state == 2)
\r
6408 cb.call(s || this);
\r
6413 o = {state : 0, url : u, func : cb, scope : s || this};
\r
6416 t.queue.unshift(o);
\r
6425 load : function(u, cb, s) {
\r
6428 if (o = t.lookup[u]) {
\r
6429 // Is loaded fire callback
\r
6430 if (cb && o.state == 2)
\r
6436 function loadScript(u) {
\r
6437 if (Event.domLoaded || t.settings.strict_mode) {
\r
6438 tinymce.util.XHR.send({
\r
6439 url : tinymce._addVer(u),
\r
6440 error : t.settings.error,
\r
6442 success : function(co) {
\r
6447 document.write('<script type="text/javascript" src="' + tinymce._addVer(u) + '"></script>');
\r
6450 if (!tinymce.is(u, 'string')) {
\r
6451 each(u, function(u) {
\r
6465 loadQueue : function(cb, s) {
\r
6468 if (!t.queueLoading) {
\r
6469 t.queueLoading = 1;
\r
6470 t.queueCallbacks = [];
\r
6472 t.loadScripts(t.queue, function() {
\r
6473 t.queueLoading = 0;
\r
6478 each(t.queueCallbacks, function(o) {
\r
6479 o.func.call(o.scope);
\r
6483 t.queueCallbacks.push({func : cb, scope : s || t});
\r
6486 eval : function(co) {
\r
6489 // Evaluate script
\r
6490 if (!w.execScript) {
\r
6494 eval(co, w); // Firefox 3.0a8
\r
6497 w.execScript(co); // IE
\r
6500 loadScripts : function(sc, cb, s) {
\r
6501 var t = this, lo = t.lookup;
\r
6503 function done(o) {
\r
6504 o.state = 2; // Has been loaded
\r
6508 o.func.call(o.scope || t);
\r
6511 function allDone() {
\r
6514 // Check if all files are loaded
\r
6516 each(sc, function(o) {
\r
6519 if (o.state === 2) {// It has finished loading
\r
6526 // They are all loaded
\r
6527 if (l === 0 && cb) {
\r
6533 function load(o) {
\r
6537 o.state = 1; // Is loading
\r
6539 tinymce.dom.ScriptLoader.loadScript(o.url, function() {
\r
6545 tinymce.util.XHR.send({
\r
6547 error : t.settings.error,
\r
6548 success : function(co) {
\r
6557 each(sc, function(o) {
\r
6560 // Add to queue if needed
\r
6567 // Is already loading or has been loaded
\r
6571 if (!Event.domLoaded && !t.settings.strict_mode) {
\r
6574 // Add onload events
\r
6575 if (cb || o.func) {
\r
6576 o.state = 1; // Is loading
\r
6578 ix = tinymce.dom.ScriptLoader._addOnLoad(function() {
\r
6584 ol = ' onreadystatechange="';
\r
6588 ol += 'tinymce.dom.ScriptLoader._onLoad(this,\'' + u + '\',' + ix + ');"';
\r
6591 document.write('<script type="text/javascript" src="' + tinymce._addVer(u) + '"' + ol + '></script>');
\r
6604 _addOnLoad : function(f) {
\r
6607 t._funcs = t._funcs || [];
\r
6610 return t._funcs.length - 1;
\r
6613 _onLoad : function(e, u, ix) {
\r
6614 if (!tinymce.isIE || e.readyState == 'complete')
\r
6615 this._funcs[ix].call(this);
\r
6618 loadScript : function(u, cb) {
\r
6619 var id = tinymce.DOM.uniqueId(), e;
\r
6623 tinymce.DOM.remove(id);
\r
6626 cb.call(document, u);
\r
6631 if (tinymce.isIE) {
\r
6632 /* Event.add(e, 'readystatechange', function(e) {
\r
6633 if (e.target && e.target.readyState == 'complete')
\r
6637 tinymce.util.XHR.send({
\r
6638 url : tinymce._addVer(u),
\r
6640 success : function(co) {
\r
6641 window.execScript(co);
\r
6646 e = tinymce.DOM.create('script', {id : id, type : 'text/javascript', src : tinymce._addVer(u)});
\r
6647 Event.add(e, 'load', done);
\r
6649 // Check for head or body
\r
6650 (document.getElementsByTagName('head')[0] || document.body).appendChild(e);
\r
6657 // Global script loader
\r
6658 tinymce.ScriptLoader = new tinymce.dom.ScriptLoader();
\r
6660 (function(tinymce) {
\r
6661 // Shorten class names
\r
6662 var DOM = tinymce.DOM, is = tinymce.is;
\r
6664 tinymce.create('tinymce.ui.Control', {
\r
6665 Control : function(id, s) {
\r
6667 this.settings = s = s || {};
\r
6668 this.rendered = false;
\r
6669 this.onRender = new tinymce.util.Dispatcher(this);
\r
6670 this.classPrefix = '';
\r
6671 this.scope = s.scope || this;
\r
6672 this.disabled = 0;
\r
6676 setDisabled : function(s) {
\r
6679 if (s != this.disabled) {
\r
6680 e = DOM.get(this.id);
\r
6682 // Add accessibility title for unavailable actions
\r
6683 if (e && this.settings.unavailable_prefix) {
\r
6685 this.prevTitle = e.title;
\r
6686 e.title = this.settings.unavailable_prefix + ": " + e.title;
\r
6688 e.title = this.prevTitle;
\r
6691 this.setState('Disabled', s);
\r
6692 this.setState('Enabled', !s);
\r
6693 this.disabled = s;
\r
6697 isDisabled : function() {
\r
6698 return this.disabled;
\r
6701 setActive : function(s) {
\r
6702 if (s != this.active) {
\r
6703 this.setState('Active', s);
\r
6708 isActive : function() {
\r
6709 return this.active;
\r
6712 setState : function(c, s) {
\r
6713 var n = DOM.get(this.id);
\r
6715 c = this.classPrefix + c;
\r
6718 DOM.addClass(n, c);
\r
6720 DOM.removeClass(n, c);
\r
6723 isRendered : function() {
\r
6724 return this.rendered;
\r
6727 renderHTML : function() {
\r
6730 renderTo : function(n) {
\r
6731 DOM.setHTML(n, this.renderHTML());
\r
6734 postRender : function() {
\r
6737 // Set pending states
\r
6738 if (is(t.disabled)) {
\r
6744 if (is(t.active)) {
\r
6751 remove : function() {
\r
6752 DOM.remove(this.id);
\r
6756 destroy : function() {
\r
6757 tinymce.dom.Event.clear(this.id);
\r
6761 })(tinymce);tinymce.create('tinymce.ui.Container:tinymce.ui.Control', {
\r
6762 Container : function(id, s) {
\r
6763 this.parent(id, s);
\r
6764 this.controls = [];
\r
6768 add : function(c) {
\r
6769 this.lookup[c.id] = c;
\r
6770 this.controls.push(c);
\r
6775 get : function(n) {
\r
6776 return this.lookup[n];
\r
6781 tinymce.create('tinymce.ui.Separator:tinymce.ui.Control', {
\r
6782 Separator : function(id, s) {
\r
6783 this.parent(id, s);
\r
6784 this.classPrefix = 'mceSeparator';
\r
6787 renderHTML : function() {
\r
6788 return tinymce.DOM.createHTML('span', {'class' : this.classPrefix});
\r
6792 (function(tinymce) {
\r
6793 var is = tinymce.is, DOM = tinymce.DOM, each = tinymce.each, walk = tinymce.walk;
\r
6795 tinymce.create('tinymce.ui.MenuItem:tinymce.ui.Control', {
\r
6796 MenuItem : function(id, s) {
\r
6797 this.parent(id, s);
\r
6798 this.classPrefix = 'mceMenuItem';
\r
6801 setSelected : function(s) {
\r
6802 this.setState('Selected', s);
\r
6803 this.selected = s;
\r
6806 isSelected : function() {
\r
6807 return this.selected;
\r
6810 postRender : function() {
\r
6815 // Set pending state
\r
6816 if (is(t.selected))
\r
6817 t.setSelected(t.selected);
\r
6822 (function(tinymce) {
\r
6823 var is = tinymce.is, DOM = tinymce.DOM, each = tinymce.each, walk = tinymce.walk;
\r
6825 tinymce.create('tinymce.ui.Menu:tinymce.ui.MenuItem', {
\r
6826 Menu : function(id, s) {
\r
6831 t.collapsed = false;
\r
6833 t.onAddItem = new tinymce.util.Dispatcher(this);
\r
6836 expand : function(d) {
\r
6840 walk(t, function(o) {
\r
6846 t.collapsed = false;
\r
6849 collapse : function(d) {
\r
6853 walk(t, function(o) {
\r
6859 t.collapsed = true;
\r
6862 isCollapsed : function() {
\r
6863 return this.collapsed;
\r
6866 add : function(o) {
\r
6868 o = new tinymce.ui.MenuItem(o.id || DOM.uniqueId(), o);
\r
6870 this.onAddItem.dispatch(this, o);
\r
6872 return this.items[o.id] = o;
\r
6875 addSeparator : function() {
\r
6876 return this.add({separator : true});
\r
6879 addMenu : function(o) {
\r
6881 o = this.createMenu(o);
\r
6885 return this.add(o);
\r
6888 hasMenus : function() {
\r
6889 return this.menuCount !== 0;
\r
6892 remove : function(o) {
\r
6893 delete this.items[o.id];
\r
6896 removeAll : function() {
\r
6899 walk(t, function(o) {
\r
6911 createMenu : function(o) {
\r
6912 var m = new tinymce.ui.Menu(o.id || DOM.uniqueId(), o);
\r
6914 m.onAddItem.add(this.onAddItem.dispatch, this.onAddItem);
\r
6920 })(tinymce);(function(tinymce) {
\r
6921 var is = tinymce.is, DOM = tinymce.DOM, each = tinymce.each, Event = tinymce.dom.Event, Element = tinymce.dom.Element;
\r
6923 tinymce.create('tinymce.ui.DropMenu:tinymce.ui.Menu', {
\r
6924 DropMenu : function(id, s) {
\r
6926 s.container = s.container || DOM.doc.body;
\r
6927 s.offset_x = s.offset_x || 0;
\r
6928 s.offset_y = s.offset_y || 0;
\r
6929 s.vp_offset_x = s.vp_offset_x || 0;
\r
6930 s.vp_offset_y = s.vp_offset_y || 0;
\r
6932 if (is(s.icons) && !s.icons)
\r
6933 s['class'] += ' mceNoIcons';
\r
6935 this.parent(id, s);
\r
6936 this.onShowMenu = new tinymce.util.Dispatcher(this);
\r
6937 this.onHideMenu = new tinymce.util.Dispatcher(this);
\r
6938 this.classPrefix = 'mceMenu';
\r
6941 createMenu : function(s) {
\r
6942 var t = this, cs = t.settings, m;
\r
6944 s.container = s.container || cs.container;
\r
6946 s.constrain = s.constrain || cs.constrain;
\r
6947 s['class'] = s['class'] || cs['class'];
\r
6948 s.vp_offset_x = s.vp_offset_x || cs.vp_offset_x;
\r
6949 s.vp_offset_y = s.vp_offset_y || cs.vp_offset_y;
\r
6950 m = new tinymce.ui.DropMenu(s.id || DOM.uniqueId(), s);
\r
6952 m.onAddItem.add(t.onAddItem.dispatch, t.onAddItem);
\r
6957 update : function() {
\r
6958 var t = this, s = t.settings, tb = DOM.get('menu_' + t.id + '_tbl'), co = DOM.get('menu_' + t.id + '_co'), tw, th;
\r
6960 tw = s.max_width ? Math.min(tb.clientWidth, s.max_width) : tb.clientWidth;
\r
6961 th = s.max_height ? Math.min(tb.clientHeight, s.max_height) : tb.clientHeight;
\r
6963 if (!DOM.boxModel)
\r
6964 t.element.setStyles({width : tw + 2, height : th + 2});
\r
6966 t.element.setStyles({width : tw, height : th});
\r
6969 DOM.setStyle(co, 'width', tw);
\r
6971 if (s.max_height) {
\r
6972 DOM.setStyle(co, 'height', th);
\r
6974 if (tb.clientHeight < s.max_height)
\r
6975 DOM.setStyle(co, 'overflow', 'hidden');
\r
6979 showMenu : function(x, y, px) {
\r
6980 var t = this, s = t.settings, co, vp = DOM.getViewPort(), w, h, mx, my, ot = 2, dm, tb, cp = t.classPrefix;
\r
6984 if (t.isMenuVisible)
\r
6987 if (!t.rendered) {
\r
6988 co = DOM.add(t.settings.container, t.renderNode());
\r
6990 each(t.items, function(o) {
\r
6994 t.element = new Element('menu_' + t.id, {blocker : 1, container : s.container});
\r
6996 co = DOM.get('menu_' + t.id);
\r
6998 // Move layer out of sight unless it's Opera since it scrolls to top of page due to an bug
\r
6999 if (!tinymce.isOpera)
\r
7000 DOM.setStyles(co, {left : -0xFFFF , top : -0xFFFF});
\r
7005 x += s.offset_x || 0;
\r
7006 y += s.offset_y || 0;
\r
7010 // Move inside viewport if not submenu
\r
7011 if (s.constrain) {
\r
7012 w = co.clientWidth - ot;
\r
7013 h = co.clientHeight - ot;
\r
7017 if ((x + s.vp_offset_x + w) > mx)
\r
7018 x = px ? px - w : Math.max(0, (mx - s.vp_offset_x) - w);
\r
7020 if ((y + s.vp_offset_y + h) > my)
\r
7021 y = Math.max(0, (my - s.vp_offset_y) - h);
\r
7024 DOM.setStyles(co, {left : x , top : y});
\r
7025 t.element.update();
\r
7027 t.isMenuVisible = 1;
\r
7028 t.mouseClickFunc = Event.add(co, 'click', function(e) {
\r
7033 if (e && (e = DOM.getParent(e, 'tr')) && !DOM.hasClass(e, cp + 'ItemSub')) {
\r
7034 m = t.items[e.id];
\r
7036 if (m.isDisabled())
\r
7045 dm = dm.settings.parent;
\r
7048 if (m.settings.onclick)
\r
7049 m.settings.onclick(e);
\r
7051 return Event.cancel(e); // Cancel to fix onbeforeunload problem
\r
7055 if (t.hasMenus()) {
\r
7056 t.mouseOverFunc = Event.add(co, 'mouseover', function(e) {
\r
7060 if (e && (e = DOM.getParent(e, 'tr'))) {
\r
7061 m = t.items[e.id];
\r
7064 t.lastMenu.collapse(1);
\r
7066 if (m.isDisabled())
\r
7069 if (e && DOM.hasClass(e, cp + 'ItemSub')) {
\r
7070 //p = DOM.getPos(s.container);
\r
7071 r = DOM.getRect(e);
\r
7072 m.showMenu((r.x + r.w - ot), r.y - ot, r.x);
\r
7074 DOM.addClass(DOM.get(m.id).firstChild, cp + 'ItemActive');
\r
7080 t.onShowMenu.dispatch(t);
\r
7082 if (s.keyboard_focus) {
\r
7083 Event.add(co, 'keydown', t._keyHandler, t);
\r
7084 DOM.select('a', 'menu_' + t.id)[0].focus(); // Select first link
\r
7089 hideMenu : function(c) {
\r
7090 var t = this, co = DOM.get('menu_' + t.id), e;
\r
7092 if (!t.isMenuVisible)
\r
7095 Event.remove(co, 'mouseover', t.mouseOverFunc);
\r
7096 Event.remove(co, 'click', t.mouseClickFunc);
\r
7097 Event.remove(co, 'keydown', t._keyHandler);
\r
7099 t.isMenuVisible = 0;
\r
7107 if (e = DOM.get(t.id))
\r
7108 DOM.removeClass(e.firstChild, t.classPrefix + 'ItemActive');
\r
7110 t.onHideMenu.dispatch(t);
\r
7113 add : function(o) {
\r
7118 if (t.isRendered && (co = DOM.get('menu_' + t.id)))
\r
7119 t._add(DOM.select('tbody', co)[0], o);
\r
7124 collapse : function(d) {
\r
7129 remove : function(o) {
\r
7133 return this.parent(o);
\r
7136 destroy : function() {
\r
7137 var t = this, co = DOM.get('menu_' + t.id);
\r
7139 Event.remove(co, 'mouseover', t.mouseOverFunc);
\r
7140 Event.remove(co, 'click', t.mouseClickFunc);
\r
7143 t.element.remove();
\r
7148 renderNode : function() {
\r
7149 var t = this, s = t.settings, n, tb, co, w;
\r
7151 w = DOM.create('div', {id : 'menu_' + t.id, 'class' : s['class'], 'style' : 'position:absolute;left:0;top:0;z-index:200000'});
\r
7152 co = DOM.add(w, 'div', {id : 'menu_' + t.id + '_co', 'class' : t.classPrefix + (s['class'] ? ' ' + s['class'] : '')});
\r
7153 t.element = new Element('menu_' + t.id, {blocker : 1, container : s.container});
\r
7156 DOM.add(co, 'span', {'class' : t.classPrefix + 'Line'});
\r
7158 // n = DOM.add(co, 'div', {id : 'menu_' + t.id + '_co', 'class' : 'mceMenuContainer'});
\r
7159 n = DOM.add(co, 'table', {id : 'menu_' + t.id + '_tbl', border : 0, cellPadding : 0, cellSpacing : 0});
\r
7160 tb = DOM.add(n, 'tbody');
\r
7162 each(t.items, function(o) {
\r
7166 t.rendered = true;
\r
7171 // Internal functions
\r
7173 _keyHandler : function(e) {
\r
7174 var t = this, kc = e.keyCode;
\r
7176 function focus(d) {
\r
7177 var i = t._focusIdx + d, e = DOM.select('a', 'menu_' + t.id)[i];
\r
7187 focus(-1); // Select first link
\r
7198 return this.hideMenu();
\r
7202 _add : function(tb, o) {
\r
7203 var n, s = o.settings, a, ro, it, cp = this.classPrefix, ic;
\r
7205 if (s.separator) {
\r
7206 ro = DOM.add(tb, 'tr', {id : o.id, 'class' : cp + 'ItemSeparator'});
\r
7207 DOM.add(ro, 'td', {'class' : cp + 'ItemSeparator'});
\r
7209 if (n = ro.previousSibling)
\r
7210 DOM.addClass(n, 'mceLast');
\r
7215 n = ro = DOM.add(tb, 'tr', {id : o.id, 'class' : cp + 'Item ' + cp + 'ItemEnabled'});
\r
7216 n = it = DOM.add(n, 'td');
\r
7217 n = a = DOM.add(n, 'a', {href : 'javascript:;', onclick : "return false;", onmousedown : 'return false;'});
\r
7219 DOM.addClass(it, s['class']);
\r
7220 // n = DOM.add(n, 'span', {'class' : 'item'});
\r
7222 ic = DOM.add(n, 'span', {'class' : 'mceIcon' + (s.icon ? ' mce_' + s.icon : '')});
\r
7225 DOM.add(ic, 'img', {src : s.icon_src});
\r
7227 n = DOM.add(n, s.element || 'span', {'class' : 'mceText', title : o.settings.title}, o.settings.title);
\r
7229 if (o.settings.style)
\r
7230 DOM.setAttrib(n, 'style', o.settings.style);
\r
7232 if (tb.childNodes.length == 1)
\r
7233 DOM.addClass(ro, 'mceFirst');
\r
7235 if ((n = ro.previousSibling) && DOM.hasClass(n, cp + 'ItemSeparator'))
\r
7236 DOM.addClass(ro, 'mceFirst');
\r
7239 DOM.addClass(ro, cp + 'ItemSub');
\r
7241 if (n = ro.previousSibling)
\r
7242 DOM.removeClass(n, 'mceLast');
\r
7244 DOM.addClass(ro, 'mceLast');
\r
7248 })(tinymce);(function(tinymce) {
\r
7249 var DOM = tinymce.DOM;
\r
7251 tinymce.create('tinymce.ui.Button:tinymce.ui.Control', {
\r
7252 Button : function(id, s) {
\r
7253 this.parent(id, s);
\r
7254 this.classPrefix = 'mceButton';
\r
7257 renderHTML : function() {
\r
7258 var cp = this.classPrefix, s = this.settings, h, l;
\r
7260 l = DOM.encode(s.label || '');
\r
7261 h = '<a id="' + this.id + '" href="javascript:;" class="' + cp + ' ' + cp + 'Enabled ' + s['class'] + (l ? ' ' + cp + 'Labeled' : '') +'" onmousedown="return false;" onclick="return false;" title="' + DOM.encode(s.title) + '">';
\r
7264 h += '<img class="mceIcon" src="' + s.image + '" />' + l + '</a>';
\r
7266 h += '<span class="mceIcon ' + s['class'] + '"></span>' + (l ? '<span class="' + cp + 'Label">' + l + '</span>' : '') + '</a>';
\r
7271 postRender : function() {
\r
7272 var t = this, s = t.settings;
\r
7274 tinymce.dom.Event.add(t.id, 'click', function(e) {
\r
7275 if (!t.isDisabled())
\r
7276 return s.onclick.call(s.scope, e);
\r
7282 (function(tinymce) {
\r
7283 var DOM = tinymce.DOM, Event = tinymce.dom.Event, each = tinymce.each, Dispatcher = tinymce.util.Dispatcher;
\r
7285 tinymce.create('tinymce.ui.ListBox:tinymce.ui.Control', {
\r
7286 ListBox : function(id, s) {
\r
7291 t.onChange = new Dispatcher(t);
\r
7292 t.onPostRender = new Dispatcher(t);
\r
7293 t.onAdd = new Dispatcher(t);
\r
7294 t.onRenderMenu = new tinymce.util.Dispatcher(this);
\r
7295 t.classPrefix = 'mceListBox';
\r
7298 select : function(va) {
\r
7299 var t = this, fv, f;
\r
7301 if (va == undefined)
\r
7302 return t.selectByIndex(-1);
\r
7304 // Is string or number make function selector
\r
7305 if (va && va.call)
\r
7313 // Do we need to do something?
\r
7314 if (va != t.selectedValue) {
\r
7316 each(t.items, function(o, i) {
\r
7319 t.selectByIndex(i);
\r
7325 t.selectByIndex(-1);
\r
7329 selectByIndex : function(idx) {
\r
7330 var t = this, e, o;
\r
7332 if (idx != t.selectedIndex) {
\r
7333 e = DOM.get(t.id + '_text');
\r
7337 t.selectedValue = o.value;
\r
7338 t.selectedIndex = idx;
\r
7339 DOM.setHTML(e, DOM.encode(o.title));
\r
7340 DOM.removeClass(e, 'mceTitle');
\r
7342 DOM.setHTML(e, DOM.encode(t.settings.title));
\r
7343 DOM.addClass(e, 'mceTitle');
\r
7344 t.selectedValue = t.selectedIndex = null;
\r
7351 add : function(n, v, o) {
\r
7355 o = tinymce.extend(o, {
\r
7361 t.onAdd.dispatch(t, o);
\r
7364 getLength : function() {
\r
7365 return this.items.length;
\r
7368 renderHTML : function() {
\r
7369 var h = '', t = this, s = t.settings, cp = t.classPrefix;
\r
7371 h = '<table id="' + t.id + '" cellpadding="0" cellspacing="0" class="' + cp + ' ' + cp + 'Enabled' + (s['class'] ? (' ' + s['class']) : '') + '"><tbody><tr>';
\r
7372 h += '<td>' + DOM.createHTML('a', {id : t.id + '_text', href : 'javascript:;', 'class' : 'mceText', onclick : "return false;", onmousedown : 'return false;'}, DOM.encode(t.settings.title)) + '</td>';
\r
7373 h += '<td>' + DOM.createHTML('a', {id : t.id + '_open', tabindex : -1, href : 'javascript:;', 'class' : 'mceOpen', onclick : "return false;", onmousedown : 'return false;'}, '<span></span>') + '</td>';
\r
7374 h += '</tr></tbody></table>';
\r
7379 showMenu : function() {
\r
7380 var t = this, p1, p2, e = DOM.get(this.id), m;
\r
7382 if (t.isDisabled() || t.items.length == 0)
\r
7385 if (t.menu && t.menu.isMenuVisible)
\r
7386 return t.hideMenu();
\r
7388 if (!t.isMenuRendered) {
\r
7390 t.isMenuRendered = true;
\r
7393 p1 = DOM.getPos(this.settings.menu_container);
\r
7394 p2 = DOM.getPos(e);
\r
7397 m.settings.offset_x = p2.x;
\r
7398 m.settings.offset_y = p2.y;
\r
7399 m.settings.keyboard_focus = !tinymce.isOpera; // Opera is buggy when it comes to auto focus
\r
7403 m.items[t.oldID].setSelected(0);
\r
7405 each(t.items, function(o) {
\r
7406 if (o.value === t.selectedValue) {
\r
7407 m.items[o.id].setSelected(1);
\r
7412 m.showMenu(0, e.clientHeight);
\r
7414 Event.add(DOM.doc, 'mousedown', t.hideMenu, t);
\r
7415 DOM.addClass(t.id, t.classPrefix + 'Selected');
\r
7417 //DOM.get(t.id + '_text').focus();
\r
7420 hideMenu : function(e) {
\r
7423 // Prevent double toogles by canceling the mouse click event to the button
\r
7424 if (e && e.type == "mousedown" && (e.target.id == t.id + '_text' || e.target.id == t.id + '_open'))
\r
7427 if (!e || !DOM.getParent(e.target, '.mceMenu')) {
\r
7428 DOM.removeClass(t.id, t.classPrefix + 'Selected');
\r
7429 Event.remove(DOM.doc, 'mousedown', t.hideMenu, t);
\r
7432 t.menu.hideMenu();
\r
7436 renderMenu : function() {
\r
7439 m = t.settings.control_manager.createDropMenu(t.id + '_menu', {
\r
7441 'class' : t.classPrefix + 'Menu mceNoIcons',
\r
7446 m.onHideMenu.add(t.hideMenu, t);
\r
7449 title : t.settings.title,
\r
7450 'class' : 'mceMenuItemTitle',
\r
7451 onclick : function() {
\r
7452 if (t.settings.onselect('') !== false)
\r
7453 t.select(''); // Must be runned after
\r
7457 each(t.items, function(o) {
\r
7458 o.id = DOM.uniqueId();
\r
7459 o.onclick = function() {
\r
7460 if (t.settings.onselect(o.value) !== false)
\r
7461 t.select(o.value); // Must be runned after
\r
7467 t.onRenderMenu.dispatch(t, m);
\r
7471 postRender : function() {
\r
7472 var t = this, cp = t.classPrefix;
\r
7474 Event.add(t.id, 'click', t.showMenu, t);
\r
7475 Event.add(t.id + '_text', 'focus', function(e) {
\r
7476 if (!t._focused) {
\r
7477 t.keyDownHandler = Event.add(t.id + '_text', 'keydown', function(e) {
\r
7478 var idx = -1, v, kc = e.keyCode;
\r
7480 // Find current index
\r
7481 each(t.items, function(v, i) {
\r
7482 if (t.selectedValue == v.value)
\r
7488 v = t.items[idx - 1];
\r
7489 else if (kc == 40)
\r
7490 v = t.items[idx + 1];
\r
7491 else if (kc == 13) {
\r
7492 // Fake select on enter
\r
7493 v = t.selectedValue;
\r
7494 t.selectedValue = null; // Needs to be null to fake change
\r
7495 t.settings.onselect(v);
\r
7496 return Event.cancel(e);
\r
7501 t.select(v.value);
\r
7508 Event.add(t.id + '_text', 'blur', function() {Event.remove(t.id + '_text', 'keydown', t.keyDownHandler); t._focused = 0;});
\r
7510 // Old IE doesn't have hover on all elements
\r
7511 if (tinymce.isIE6 || !DOM.boxModel) {
\r
7512 Event.add(t.id, 'mouseover', function() {
\r
7513 if (!DOM.hasClass(t.id, cp + 'Disabled'))
\r
7514 DOM.addClass(t.id, cp + 'Hover');
\r
7517 Event.add(t.id, 'mouseout', function() {
\r
7518 if (!DOM.hasClass(t.id, cp + 'Disabled'))
\r
7519 DOM.removeClass(t.id, cp + 'Hover');
\r
7523 t.onPostRender.dispatch(t, DOM.get(t.id));
\r
7526 destroy : function() {
\r
7529 Event.clear(this.id + '_text');
\r
7533 })(tinymce);(function(tinymce) {
\r
7534 var DOM = tinymce.DOM, Event = tinymce.dom.Event, each = tinymce.each, Dispatcher = tinymce.util.Dispatcher;
\r
7536 tinymce.create('tinymce.ui.NativeListBox:tinymce.ui.ListBox', {
\r
7537 NativeListBox : function(id, s) {
\r
7538 this.parent(id, s);
\r
7539 this.classPrefix = 'mceNativeListBox';
\r
7542 setDisabled : function(s) {
\r
7543 DOM.get(this.id).disabled = s;
\r
7546 isDisabled : function() {
\r
7547 return DOM.get(this.id).disabled;
\r
7550 select : function(va) {
\r
7551 var t = this, fv, f;
\r
7553 if (va == undefined)
\r
7554 return t.selectByIndex(-1);
\r
7556 // Is string or number make function selector
\r
7557 if (va && va.call)
\r
7565 // Do we need to do something?
\r
7566 if (va != t.selectedValue) {
\r
7568 each(t.items, function(o, i) {
\r
7571 t.selectByIndex(i);
\r
7577 t.selectByIndex(-1);
\r
7581 selectByIndex : function(idx) {
\r
7582 DOM.get(this.id).selectedIndex = idx + 1;
\r
7583 this.selectedValue = this.items[idx] ? this.items[idx].value : null;
\r
7586 add : function(n, v, a) {
\r
7592 if (t.isRendered())
\r
7593 DOM.add(DOM.get(this.id), 'option', a, n);
\r
7602 t.onAdd.dispatch(t, o);
\r
7605 getLength : function() {
\r
7606 return DOM.get(this.id).options.length - 1;
\r
7609 renderHTML : function() {
\r
7612 h = DOM.createHTML('option', {value : ''}, '-- ' + t.settings.title + ' --');
\r
7614 each(t.items, function(it) {
\r
7615 h += DOM.createHTML('option', {value : it.value}, it.title);
\r
7618 h = DOM.createHTML('select', {id : t.id, 'class' : 'mceNativeListBox'}, h);
\r
7623 postRender : function() {
\r
7626 t.rendered = true;
\r
7628 function onChange(e) {
\r
7629 var v = t.items[e.target.selectedIndex - 1];
\r
7631 if (v && (v = v.value)) {
\r
7632 t.onChange.dispatch(t, v);
\r
7634 if (t.settings.onselect)
\r
7635 t.settings.onselect(v);
\r
7639 Event.add(t.id, 'change', onChange);
\r
7641 // Accessibility keyhandler
\r
7642 Event.add(t.id, 'keydown', function(e) {
\r
7645 Event.remove(t.id, 'change', ch);
\r
7647 bf = Event.add(t.id, 'blur', function() {
\r
7648 Event.add(t.id, 'change', onChange);
\r
7649 Event.remove(t.id, 'blur', bf);
\r
7652 if (e.keyCode == 13 || e.keyCode == 32) {
\r
7654 return Event.cancel(e);
\r
7658 t.onPostRender.dispatch(t, DOM.get(t.id));
\r
7662 })(tinymce);(function(tinymce) {
\r
7663 var DOM = tinymce.DOM, Event = tinymce.dom.Event, each = tinymce.each;
\r
7665 tinymce.create('tinymce.ui.MenuButton:tinymce.ui.Button', {
\r
7666 MenuButton : function(id, s) {
\r
7667 this.parent(id, s);
\r
7668 this.onRenderMenu = new tinymce.util.Dispatcher(this);
\r
7669 s.menu_container = s.menu_container || DOM.doc.body;
\r
7672 showMenu : function() {
\r
7673 var t = this, p1, p2, e = DOM.get(t.id), m;
\r
7675 if (t.isDisabled())
\r
7678 if (!t.isMenuRendered) {
\r
7680 t.isMenuRendered = true;
\r
7683 if (t.isMenuVisible)
\r
7684 return t.hideMenu();
\r
7686 p1 = DOM.getPos(t.settings.menu_container);
\r
7687 p2 = DOM.getPos(e);
\r
7690 m.settings.offset_x = p2.x;
\r
7691 m.settings.offset_y = p2.y;
\r
7692 m.settings.vp_offset_x = p2.x;
\r
7693 m.settings.vp_offset_y = p2.y;
\r
7694 m.settings.keyboard_focus = t._focused;
\r
7695 m.showMenu(0, e.clientHeight);
\r
7697 Event.add(DOM.doc, 'mousedown', t.hideMenu, t);
\r
7698 t.setState('Selected', 1);
\r
7700 t.isMenuVisible = 1;
\r
7703 renderMenu : function() {
\r
7706 m = t.settings.control_manager.createDropMenu(t.id + '_menu', {
\r
7708 'class' : this.classPrefix + 'Menu',
\r
7709 icons : t.settings.icons
\r
7712 m.onHideMenu.add(t.hideMenu, t);
\r
7714 t.onRenderMenu.dispatch(t, m);
\r
7718 hideMenu : function(e) {
\r
7721 // Prevent double toogles by canceling the mouse click event to the button
\r
7722 if (e && e.type == "mousedown" && DOM.getParent(e.target, function(e) {return e.id === t.id || e.id === t.id + '_open';}))
\r
7725 if (!e || !DOM.getParent(e.target, '.mceMenu')) {
\r
7726 t.setState('Selected', 0);
\r
7727 Event.remove(DOM.doc, 'mousedown', t.hideMenu, t);
\r
7729 t.menu.hideMenu();
\r
7732 t.isMenuVisible = 0;
\r
7735 postRender : function() {
\r
7736 var t = this, s = t.settings;
\r
7738 Event.add(t.id, 'click', function() {
\r
7739 if (!t.isDisabled()) {
\r
7741 s.onclick(t.value);
\r
7750 (function(tinymce) {
\r
7751 var DOM = tinymce.DOM, Event = tinymce.dom.Event, each = tinymce.each;
\r
7753 tinymce.create('tinymce.ui.SplitButton:tinymce.ui.MenuButton', {
\r
7754 SplitButton : function(id, s) {
\r
7755 this.parent(id, s);
\r
7756 this.classPrefix = 'mceSplitButton';
\r
7759 renderHTML : function() {
\r
7760 var h, t = this, s = t.settings, h1;
\r
7762 h = '<tbody><tr>';
\r
7765 h1 = DOM.createHTML('img ', {src : s.image, 'class' : 'mceAction ' + s['class']});
\r
7767 h1 = DOM.createHTML('span', {'class' : 'mceAction ' + s['class']}, '');
\r
7769 h += '<td>' + DOM.createHTML('a', {id : t.id + '_action', href : 'javascript:;', 'class' : 'mceAction ' + s['class'], onclick : "return false;", onmousedown : 'return false;', title : s.title}, h1) + '</td>';
\r
7771 h1 = DOM.createHTML('span', {'class' : 'mceOpen ' + s['class']});
\r
7772 h += '<td>' + DOM.createHTML('a', {id : t.id + '_open', href : 'javascript:;', 'class' : 'mceOpen ' + s['class'], onclick : "return false;", onmousedown : 'return false;', title : s.title}, h1) + '</td>';
\r
7774 h += '</tr></tbody>';
\r
7776 return DOM.createHTML('table', {id : t.id, 'class' : 'mceSplitButton mceSplitButtonEnabled ' + s['class'], cellpadding : '0', cellspacing : '0', onmousedown : 'return false;', title : s.title}, h);
\r
7779 postRender : function() {
\r
7780 var t = this, s = t.settings;
\r
7783 Event.add(t.id + '_action', 'click', function() {
\r
7784 if (!t.isDisabled())
\r
7785 s.onclick(t.value);
\r
7789 Event.add(t.id + '_open', 'click', t.showMenu, t);
\r
7790 Event.add(t.id + '_open', 'focus', function() {t._focused = 1;});
\r
7791 Event.add(t.id + '_open', 'blur', function() {t._focused = 0;});
\r
7793 // Old IE doesn't have hover on all elements
\r
7794 if (tinymce.isIE6 || !DOM.boxModel) {
\r
7795 Event.add(t.id, 'mouseover', function() {
\r
7796 if (!DOM.hasClass(t.id, 'mceSplitButtonDisabled'))
\r
7797 DOM.addClass(t.id, 'mceSplitButtonHover');
\r
7800 Event.add(t.id, 'mouseout', function() {
\r
7801 if (!DOM.hasClass(t.id, 'mceSplitButtonDisabled'))
\r
7802 DOM.removeClass(t.id, 'mceSplitButtonHover');
\r
7807 destroy : function() {
\r
7810 Event.clear(this.id + '_action');
\r
7811 Event.clear(this.id + '_open');
\r
7816 (function(tinymce) {
\r
7817 var DOM = tinymce.DOM, Event = tinymce.dom.Event, is = tinymce.is, each = tinymce.each;
\r
7819 tinymce.create('tinymce.ui.ColorSplitButton:tinymce.ui.SplitButton', {
\r
7820 ColorSplitButton : function(id, s) {
\r
7825 t.settings = s = tinymce.extend({
\r
7826 colors : '000000,993300,333300,003300,003366,000080,333399,333333,800000,FF6600,808000,008000,008080,0000FF,666699,808080,FF0000,FF9900,99CC00,339966,33CCCC,3366FF,800080,999999,FF00FF,FFCC00,FFFF00,00FF00,00FFFF,00CCFF,993366,C0C0C0,FF99CC,FFCC99,FFFF99,CCFFCC,CCFFFF,99CCFF,CC99FF,FFFFFF',
\r
7828 default_color : '#888888'
\r
7831 t.onShowMenu = new tinymce.util.Dispatcher(t);
\r
7832 t.onHideMenu = new tinymce.util.Dispatcher(t);
\r
7834 t.value = s.default_color;
\r
7837 showMenu : function() {
\r
7838 var t = this, r, p, e, p2;
\r
7840 if (t.isDisabled())
\r
7843 if (!t.isMenuRendered) {
\r
7845 t.isMenuRendered = true;
\r
7848 if (t.isMenuVisible)
\r
7849 return t.hideMenu();
\r
7851 e = DOM.get(t.id);
\r
7852 DOM.show(t.id + '_menu');
\r
7853 DOM.addClass(e, 'mceSplitButtonSelected');
\r
7854 p2 = DOM.getPos(e);
\r
7855 DOM.setStyles(t.id + '_menu', {
\r
7857 top : p2.y + e.clientHeight,
\r
7862 Event.add(DOM.doc, 'mousedown', t.hideMenu, t);
\r
7865 t._keyHandler = Event.add(t.id + '_menu', 'keydown', function(e) {
\r
7866 if (e.keyCode == 27)
\r
7870 DOM.select('a', t.id + '_menu')[0].focus(); // Select first link
\r
7873 t.onShowMenu.dispatch(t);
\r
7875 t.isMenuVisible = 1;
\r
7878 hideMenu : function(e) {
\r
7881 // Prevent double toogles by canceling the mouse click event to the button
\r
7882 if (e && e.type == "mousedown" && DOM.getParent(e.target, function(e) {return e.id === t.id + '_open';}))
\r
7885 if (!e || !DOM.getParent(e.target, '.mceSplitButtonMenu')) {
\r
7886 DOM.removeClass(t.id, 'mceSplitButtonSelected');
\r
7887 Event.remove(DOM.doc, 'mousedown', t.hideMenu, t);
\r
7888 Event.remove(t.id + '_menu', 'keydown', t._keyHandler);
\r
7889 DOM.hide(t.id + '_menu');
\r
7892 t.onHideMenu.dispatch(t);
\r
7894 t.isMenuVisible = 0;
\r
7897 renderMenu : function() {
\r
7898 var t = this, m, i = 0, s = t.settings, n, tb, tr, w;
\r
7900 w = DOM.add(s.menu_container, 'div', {id : t.id + '_menu', 'class' : s['menu_class'] + ' ' + s['class'], style : 'position:absolute;left:0;top:-1000px;'});
\r
7901 m = DOM.add(w, 'div', {'class' : s['class'] + ' mceSplitButtonMenu'});
\r
7902 DOM.add(m, 'span', {'class' : 'mceMenuLine'});
\r
7904 n = DOM.add(m, 'table', {'class' : 'mceColorSplitMenu'});
\r
7905 tb = DOM.add(n, 'tbody');
\r
7907 // Generate color grid
\r
7909 each(is(s.colors, 'array') ? s.colors : s.colors.split(','), function(c) {
\r
7910 c = c.replace(/^#/, '');
\r
7913 tr = DOM.add(tb, 'tr');
\r
7914 i = s.grid_width - 1;
\r
7917 n = DOM.add(tr, 'td');
\r
7919 n = DOM.add(n, 'a', {
\r
7920 href : 'javascript:;',
\r
7922 backgroundColor : '#' + c
\r
7924 mce_color : '#' + c
\r
7928 if (s.more_colors_func) {
\r
7929 n = DOM.add(tb, 'tr');
\r
7930 n = DOM.add(n, 'td', {colspan : s.grid_width, 'class' : 'mceMoreColors'});
\r
7931 n = DOM.add(n, 'a', {id : t.id + '_more', href : 'javascript:;', onclick : 'return false;', 'class' : 'mceMoreColors'}, s.more_colors_title);
\r
7933 Event.add(n, 'click', function(e) {
\r
7934 s.more_colors_func.call(s.more_colors_scope || this);
\r
7935 return Event.cancel(e); // Cancel to fix onbeforeunload problem
\r
7939 DOM.addClass(m, 'mceColorSplitMenu');
\r
7941 Event.add(t.id + '_menu', 'click', function(e) {
\r
7946 if (e.nodeName == 'A' && (c = e.getAttribute('mce_color')))
\r
7949 return Event.cancel(e); // Prevent IE auto save warning
\r
7955 setColor : function(c) {
\r
7958 DOM.setStyle(t.id + '_preview', 'backgroundColor', c);
\r
7962 t.settings.onselect(c);
\r
7965 postRender : function() {
\r
7966 var t = this, id = t.id;
\r
7969 DOM.add(id + '_action', 'div', {id : id + '_preview', 'class' : 'mceColorPreview'});
\r
7970 DOM.setStyle(t.id + '_preview', 'backgroundColor', t.value);
\r
7973 destroy : function() {
\r
7976 Event.clear(this.id + '_menu');
\r
7977 Event.clear(this.id + '_more');
\r
7978 DOM.remove(this.id + '_menu');
\r
7983 tinymce.create('tinymce.ui.Toolbar:tinymce.ui.Container', {
\r
7984 renderHTML : function() {
\r
7985 var t = this, h = '', c, co, dom = tinymce.DOM, s = t.settings, i, pr, nx, cl;
\r
7988 for (i=0; i<cl.length; i++) {
\r
7989 // Get current control, prev control, next control and if the control is a list box or not
\r
7994 // Add toolbar start
\r
7996 c = 'mceToolbarStart';
\r
7999 c += ' mceToolbarStartButton';
\r
8000 else if (co.SplitButton)
\r
8001 c += ' mceToolbarStartSplitButton';
\r
8002 else if (co.ListBox)
\r
8003 c += ' mceToolbarStartListBox';
\r
8005 h += dom.createHTML('td', {'class' : c}, dom.createHTML('span', null, '<!-- IE -->'));
\r
8008 // Add toolbar end before list box and after the previous button
\r
8009 // This is to fix the o2k7 editor skins
\r
8010 if (pr && co.ListBox) {
\r
8011 if (pr.Button || pr.SplitButton)
\r
8012 h += dom.createHTML('td', {'class' : 'mceToolbarEnd'}, dom.createHTML('span', null, '<!-- IE -->'));
\r
8015 // Render control HTML
\r
8017 // IE 8 quick fix, needed to propertly generate a hit area for anchors
\r
8019 h += '<td style="position: relative">' + co.renderHTML() + '</td>';
\r
8021 h += '<td>' + co.renderHTML() + '</td>';
\r
8023 // Add toolbar start after list box and before the next button
\r
8024 // This is to fix the o2k7 editor skins
\r
8025 if (nx && co.ListBox) {
\r
8026 if (nx.Button || nx.SplitButton)
\r
8027 h += dom.createHTML('td', {'class' : 'mceToolbarStart'}, dom.createHTML('span', null, '<!-- IE -->'));
\r
8031 c = 'mceToolbarEnd';
\r
8034 c += ' mceToolbarEndButton';
\r
8035 else if (co.SplitButton)
\r
8036 c += ' mceToolbarEndSplitButton';
\r
8037 else if (co.ListBox)
\r
8038 c += ' mceToolbarEndListBox';
\r
8040 h += dom.createHTML('td', {'class' : c}, dom.createHTML('span', null, '<!-- IE -->'));
\r
8042 return dom.createHTML('table', {id : t.id, 'class' : 'mceToolbar' + (s['class'] ? ' ' + s['class'] : ''), cellpadding : '0', cellspacing : '0', align : t.settings.align || ''}, '<tbody><tr>' + h + '</tr></tbody>');
\r
8046 (function(tinymce) {
\r
8047 var Dispatcher = tinymce.util.Dispatcher, each = tinymce.each;
\r
8049 tinymce.create('tinymce.AddOnManager', {
\r
8053 onAdd : new Dispatcher(this),
\r
8055 get : function(n) {
\r
8056 return this.lookup[n];
\r
8059 requireLangPack : function(n) {
\r
8060 var u, s = tinymce.EditorManager.settings;
\r
8062 if (s && s.language) {
\r
8063 u = this.urls[n] + '/langs/' + s.language + '.js';
\r
8065 if (!tinymce.dom.Event.domLoaded && !s.strict_mode)
\r
8066 tinymce.ScriptLoader.load(u);
\r
8068 tinymce.ScriptLoader.add(u);
\r
8072 add : function(id, o) {
\r
8073 this.items.push(o);
\r
8074 this.lookup[id] = o;
\r
8075 this.onAdd.dispatch(this, id, o);
\r
8080 load : function(n, u, cb, s) {
\r
8086 if (u.indexOf('/') != 0 && u.indexOf('://') == -1)
\r
8087 u = tinymce.baseURL + '/' + u;
\r
8089 t.urls[n] = u.substring(0, u.lastIndexOf('/'));
\r
8090 tinymce.ScriptLoader.add(u, cb, s);
\r
8095 // Create plugin and theme managers
\r
8096 tinymce.PluginManager = new tinymce.AddOnManager();
\r
8097 tinymce.ThemeManager = new tinymce.AddOnManager();
\r
8098 }(tinymce));(function(tinymce) {
\r
8100 var each = tinymce.each, extend = tinymce.extend, DOM = tinymce.DOM, Event = tinymce.dom.Event, ThemeManager = tinymce.ThemeManager, PluginManager = tinymce.PluginManager, explode = tinymce.explode;
\r
8102 tinymce.create('static tinymce.EditorManager', {
\r
8105 activeEditor : null,
\r
8107 preInit : function() {
\r
8108 var t = this, lo = window.location;
\r
8110 // Setup some URLs where the editor API is located and where the document is
\r
8111 tinymce.documentBaseURL = lo.href.replace(/[\?#].*$/, '').replace(/[\/\\][^\/]+$/, '');
\r
8112 if (!/[\/\\]$/.test(tinymce.documentBaseURL))
\r
8113 tinymce.documentBaseURL += '/';
\r
8115 tinymce.baseURL = new tinymce.util.URI(tinymce.documentBaseURL).toAbsolute(tinymce.baseURL);
\r
8116 tinymce.EditorManager.baseURI = new tinymce.util.URI(tinymce.baseURL);
\r
8118 // User specified a document.domain value
\r
8119 if (document.domain && lo.hostname != document.domain)
\r
8120 tinymce.relaxedDomain = document.domain;
\r
8122 // Add before unload listener
\r
8123 // This was required since IE was leaking memory if you added and removed beforeunload listeners
\r
8124 // with attachEvent/detatchEvent so this only adds one listener and instances can the attach to the onBeforeUnload event
\r
8125 t.onBeforeUnload = new tinymce.util.Dispatcher(t);
\r
8127 // Must be on window or IE will leak if the editor is placed in frame or iframe
\r
8128 Event.add(window, 'beforeunload', function(e) {
\r
8129 t.onBeforeUnload.dispatch(t, e);
\r
8133 init : function(s) {
\r
8134 var t = this, pl, sl = tinymce.ScriptLoader, c, e, el = [], ed;
\r
8136 function execCallback(se, n, s) {
\r
8142 if (tinymce.is(f, 'string')) {
\r
8143 s = f.replace(/\.\w+$/, '');
\r
8144 s = s ? tinymce.resolve(s) : 0;
\r
8145 f = tinymce.resolve(f);
\r
8148 return f.apply(s || this, Array.prototype.slice.call(arguments, 2));
\r
8154 strict_loading_mode : document.contentType == 'application/xhtml+xml'
\r
8159 // If page not loaded and strict mode isn't enabled then load them
\r
8160 if (!Event.domLoaded && !s.strict_loading_mode) {
\r
8163 sl.add(tinymce.baseURL + '/langs/' + s.language + '.js');
\r
8166 if (s.theme && s.theme.charAt(0) != '-' && !ThemeManager.urls[s.theme])
\r
8167 ThemeManager.load(s.theme, 'themes/' + s.theme + '/editor_template' + tinymce.suffix + '.js');
\r
8171 pl = explode(s.plugins);
\r
8173 // Load compat2x first
\r
8174 if (tinymce.inArray(pl, 'compat2x') != -1)
\r
8175 PluginManager.load('compat2x', 'plugins/compat2x/editor_plugin' + tinymce.suffix + '.js');
\r
8177 // Load rest if plugins
\r
8178 each(pl, function(v) {
\r
8179 if (v && v.charAt(0) != '-' && !PluginManager.urls[v]) {
\r
8180 // Skip safari plugin for other browsers
\r
8181 if (!tinymce.isWebKit && v == 'safari')
\r
8184 PluginManager.load(v, 'plugins/' + v + '/editor_plugin' + tinymce.suffix + '.js');
\r
8193 Event.add(document, 'init', function() {
\r
8196 execCallback(s, 'onpageload');
\r
8198 // Verify that it's a valid browser
\r
8202 each(explode(s.browsers), function(v) {
\r
8211 if (tinymce.isGecko)
\r
8217 if (tinymce.isWebKit)
\r
8222 if (tinymce.isOpera)
\r
8229 // Not a valid one
\r
8236 l = s.elements || '';
\r
8238 if(l.length > 0) {
\r
8239 each(explode(l), function(v) {
\r
8241 ed = new tinymce.Editor(v, s);
\r
8247 each(document.forms, function(f) {
\r
8248 each(f.elements, function(e) {
\r
8249 if (e.name === v) {
\r
8250 v = 'mce_editor_' + c;
\r
8251 DOM.setAttrib(e, 'id', v);
\r
8253 ed = new tinymce.Editor(v, s);
\r
8265 case "specific_textareas":
\r
8266 function hasClass(n, c) {
\r
8267 return c.constructor === RegExp ? c.test(n.className) : DOM.hasClass(n, c);
\r
8270 each(DOM.select('textarea'), function(v) {
\r
8271 if (s.editor_deselector && hasClass(v, s.editor_deselector))
\r
8274 if (!s.editor_selector || hasClass(v, s.editor_selector)) {
\r
8275 // Can we use the name
\r
8276 e = DOM.get(v.name);
\r
8280 // Generate unique name if missing or already exists
\r
8281 if (!v.id || t.get(v.id))
\r
8282 v.id = DOM.uniqueId();
\r
8284 ed = new tinymce.Editor(v.id, s);
\r
8292 // Call onInit when all editors are initialized
\r
8296 each (el, function(ed) {
\r
8299 if (!ed.initialized) {
\r
8301 ed.onInit.add(function() {
\r
8306 execCallback(s, 'oninit');
\r
8313 execCallback(s, 'oninit');
\r
8319 get : function(id) {
\r
8320 return this.editors[id];
\r
8323 getInstanceById : function(id) {
\r
8324 return this.get(id);
\r
8327 add : function(e) {
\r
8328 this.editors[e.id] = e;
\r
8329 this._setActive(e);
\r
8334 remove : function(e) {
\r
8337 // Not in the collection
\r
8338 if (!t.editors[e.id])
\r
8341 delete t.editors[e.id];
\r
8343 // Select another editor since the active one was removed
\r
8344 if (t.activeEditor == e) {
\r
8345 each(t.editors, function(e) {
\r
8347 return false; // Break
\r
8356 execCommand : function(c, u, v) {
\r
8357 var t = this, ed = t.get(v), w;
\r
8359 // Manager commands
\r
8365 case "mceAddEditor":
\r
8366 case "mceAddControl":
\r
8368 new tinymce.Editor(v, t.settings).render();
\r
8372 case "mceAddFrameControl":
\r
8375 // Add tinyMCE global instance and tinymce namespace to specified window
\r
8376 w.tinyMCE = tinyMCE;
\r
8377 w.tinymce = tinymce;
\r
8379 tinymce.DOM.doc = w.document;
\r
8380 tinymce.DOM.win = w;
\r
8382 ed = new tinymce.Editor(v.element_id, v);
\r
8385 // Fix IE memory leaks
\r
8386 if (tinymce.isIE) {
\r
8389 w.detachEvent('onunload', clr);
\r
8390 w = w.tinyMCE = w.tinymce = null; // IE leak
\r
8393 w.attachEvent('onunload', clr);
\r
8396 v.page_window = null;
\r
8400 case "mceRemoveEditor":
\r
8401 case "mceRemoveControl":
\r
8407 case 'mceToggleEditor':
\r
8409 t.execCommand('mceAddControl', 0, v);
\r
8413 if (ed.isHidden())
\r
8421 // Run command on active editor
\r
8422 if (t.activeEditor)
\r
8423 return t.activeEditor.execCommand(c, u, v);
\r
8428 execInstanceCommand : function(id, c, u, v) {
\r
8429 var ed = this.get(id);
\r
8432 return ed.execCommand(c, u, v);
\r
8437 triggerSave : function() {
\r
8438 each(this.editors, function(e) {
\r
8443 addI18n : function(p, o) {
\r
8444 var lo, i18n = this.i18n;
\r
8446 if (!tinymce.is(p, 'string')) {
\r
8447 each(p, function(o, lc) {
\r
8448 each(o, function(o, g) {
\r
8449 each(o, function(o, k) {
\r
8450 if (g === 'common')
\r
8451 i18n[lc + '.' + k] = o;
\r
8453 i18n[lc + '.' + g + '.' + k] = o;
\r
8458 each(o, function(o, k) {
\r
8459 i18n[p + '.' + k] = o;
\r
8464 // Private methods
\r
8466 _setActive : function(e) {
\r
8467 this.selectedInstance = this.activeEditor = e;
\r
8472 tinymce.EditorManager.preInit();
\r
8475 // Short for editor manager window.tinyMCE is needed when TinyMCE gets loaded though a XHR call
\r
8476 var tinyMCE = window.tinyMCE = tinymce.EditorManager;
\r
8477 (function(tinymce) {
\r
8478 var DOM = tinymce.DOM, Event = tinymce.dom.Event, extend = tinymce.extend, Dispatcher = tinymce.util.Dispatcher;
\r
8479 var each = tinymce.each, isGecko = tinymce.isGecko, isIE = tinymce.isIE, isWebKit = tinymce.isWebKit;
\r
8480 var is = tinymce.is, ThemeManager = tinymce.ThemeManager, PluginManager = tinymce.PluginManager, EditorManager = tinymce.EditorManager;
\r
8481 var inArray = tinymce.inArray, grep = tinymce.grep, explode = tinymce.explode;
\r
8483 tinymce.create('tinymce.Editor', {
\r
8484 Editor : function(id, s) {
\r
8487 t.id = t.editorId = id;
\r
8488 t.execCommands = {};
\r
8489 t.queryStateCommands = {};
\r
8490 t.queryValueCommands = {};
\r
8493 // Add events to the editor
\r
8496 'onBeforeRenderUI',
\r
8516 'onBeforeSetContent',
\r
8517 'onBeforeGetContent',
\r
8524 'onBeforeExecCommand',
\r
8529 'onSetProgressState'
\r
8531 t[e] = new Dispatcher(t);
\r
8534 // Default editor config
\r
8535 t.settings = s = extend({
\r
8538 docs_language : 'en',
\r
8545 document_base_url : tinymce.documentBaseURL,
\r
8546 add_form_submit_trigger : 1,
\r
8548 add_unload_trigger : 1,
\r
8550 relative_urls : 1,
\r
8551 remove_script_host : 1,
\r
8552 table_inline_editing : 0,
\r
8553 object_resizing : 1,
\r
8555 accessibility_focus : 1,
\r
8556 custom_shortcuts : 1,
\r
8557 custom_undo_redo_keyboard_shortcuts : 1,
\r
8558 custom_undo_redo_restore_selection : 1,
\r
8559 custom_undo_redo : 1,
\r
8560 doctype : '<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">',
\r
8561 visual_table_class : 'mceItemTable',
\r
8563 inline_styles : true,
\r
8564 convert_fonts_to_spans : true,
\r
8565 font_size_style_values : 'xx-small,x-small,small,medium,large,x-large,xx-large',
\r
8566 apply_source_formatting : 1,
\r
8567 directionality : 'ltr',
\r
8568 forced_root_block : 'p',
\r
8569 valid_elements : '@[id|class|style|title|dir<ltr?rtl|lang|xml::lang|onclick|ondblclick|onmousedown|onmouseup|onmouseover|onmousemove|onmouseout|onkeypress|onkeydown|onkeyup],a[rel|rev|charset|hreflang|tabindex|accesskey|type|name|href|target|title|class|onfocus|onblur],strong/b,em/i,strike,u,#p[align],-ol[type|compact],-ul[type|compact],-li,br,img[longdesc|usemap|src|border|alt=|title|hspace|vspace|width|height|align],-sub,-sup,-blockquote[cite],-table[border=0|cellspacing|cellpadding|width|frame|rules|height|align|summary|bgcolor|background|bordercolor],-tr[rowspan|width|height|align|valign|bgcolor|background|bordercolor],tbody,thead,tfoot,#td[colspan|rowspan|width|height|align|valign|bgcolor|background|bordercolor|scope],#th[colspan|rowspan|width|height|align|valign|scope],caption,-div,-span,-code,-pre,address,-h1,-h2,-h3,-h4,-h5,-h6,hr[size|noshade],-font[face|size|color],dd,dl,dt,cite,abbr,acronym,del[datetime|cite],ins[datetime|cite],object[classid|width|height|codebase|*],param[name|value],embed[type|width|height|src|*],script[src|type],map[name],area[shape|coords|href|alt|target],bdo,button,col[align|char|charoff|span|valign|width],colgroup[align|char|charoff|span|valign|width],dfn,fieldset,form[action|accept|accept-charset|enctype|method],input[accept|alt|checked|disabled|maxlength|name|readonly|size|src|type|value|tabindex|accesskey],kbd,label[for],legend,noscript,optgroup[label|disabled],option[disabled|label|selected|value],q[cite],samp,select[disabled|multiple|name|size],small,textarea[cols|rows|disabled|name|readonly],tt,var,big',
\r
8571 padd_empty_editor : 1,
\r
8574 force_p_newlines : 1,
\r
8575 indentation : '30px',
\r
8577 fix_table_elements : 1,
\r
8578 removeformat_selector : 'span,b,strong,em,i,font,u,strike'
\r
8582 t.documentBaseURI = new tinymce.util.URI(s.document_base_url || tinymce.documentBaseURL, {
\r
8583 base_uri : tinyMCE.baseURI
\r
8585 t.baseURI = EditorManager.baseURI;
\r
8588 t.execCallback('setup', t);
\r
8591 render : function(nst) {
\r
8592 var t = this, s = t.settings, id = t.id, sl = tinymce.ScriptLoader;
\r
8594 // Page is not loaded yet, wait for it
\r
8595 if (!Event.domLoaded) {
\r
8596 Event.add(document, 'init', function() {
\r
8602 // Force strict loading mode if render us called by user and not internally
\r
8604 s.strict_loading_mode = 1;
\r
8605 tinyMCE.settings = s;
\r
8608 // Element not found, then skip initialization
\r
8609 if (!t.getElement())
\r
8612 if (s.strict_loading_mode) {
\r
8613 sl.settings.strict_mode = s.strict_loading_mode;
\r
8614 tinymce.DOM.settings.strict = 1;
\r
8617 // Add hidden input for non input elements inside form elements
\r
8618 if (!/TEXTAREA|INPUT/i.test(t.getElement().nodeName) && s.hidden_input && DOM.getParent(id, 'form'))
\r
8619 DOM.insertAfter(DOM.create('input', {type : 'hidden', name : id}), id);
\r
8621 if (tinymce.WindowManager)
\r
8622 t.windowManager = new tinymce.WindowManager(t);
\r
8624 if (s.encoding == 'xml') {
\r
8625 t.onGetContent.add(function(ed, o) {
\r
8627 o.content = DOM.encode(o.content);
\r
8631 if (s.add_form_submit_trigger) {
\r
8632 t.onSubmit.addToTop(function() {
\r
8633 if (t.initialized) {
\r
8640 if (s.add_unload_trigger) {
\r
8641 t._beforeUnload = tinyMCE.onBeforeUnload.add(function() {
\r
8642 if (t.initialized && !t.destroyed && !t.isHidden())
\r
8643 t.save({format : 'raw', no_events : true});
\r
8647 tinymce.addUnload(t.destroy, t);
\r
8649 if (s.submit_patch) {
\r
8650 t.onBeforeRenderUI.add(function() {
\r
8651 var n = t.getElement().form;
\r
8656 // Already patched
\r
8657 if (n._mceOldSubmit)
\r
8660 // Check page uses id="submit" or name="submit" for it's submit button
\r
8661 if (!n.submit.nodeType && !n.submit.length) {
\r
8662 t.formElement = n;
\r
8663 n._mceOldSubmit = n.submit;
\r
8664 n.submit = function() {
\r
8665 // Save all instances
\r
8666 EditorManager.triggerSave();
\r
8669 return t.formElement._mceOldSubmit(t.formElement);
\r
8678 function loadScripts() {
\r
8680 sl.add(tinymce.baseURL + '/langs/' + s.language + '.js');
\r
8682 if (s.theme && s.theme.charAt(0) != '-' && !ThemeManager.urls[s.theme])
\r
8683 ThemeManager.load(s.theme, 'themes/' + s.theme + '/editor_template' + tinymce.suffix + '.js');
\r
8685 each(explode(s.plugins), function(p) {
\r
8686 if (p && p.charAt(0) != '-' && !PluginManager.urls[p]) {
\r
8687 // Skip safari plugin for other browsers
\r
8688 if (!isWebKit && p == 'safari')
\r
8691 PluginManager.load(p, 'plugins/' + p + '/editor_plugin' + tinymce.suffix + '.js');
\r
8695 // Init when que is loaded
\r
8696 sl.loadQueue(function() {
\r
8702 // Load compat2x first
\r
8703 if (s.plugins.indexOf('compat2x') != -1) {
\r
8704 PluginManager.load('compat2x', 'plugins/compat2x/editor_plugin' + tinymce.suffix + '.js');
\r
8705 sl.loadQueue(loadScripts);
\r
8710 init : function() {
\r
8711 var n, t = this, s = t.settings, w, h, e = t.getElement(), o, ti, u, bi, bc, re;
\r
8713 EditorManager.add(t);
\r
8717 s.theme = s.theme.replace(/-/, '');
\r
8718 o = ThemeManager.get(s.theme);
\r
8719 t.theme = new o();
\r
8721 if (t.theme.init && s.init_theme)
\r
8722 t.theme.init(t, ThemeManager.urls[s.theme] || tinymce.documentBaseURL.replace(/\/$/, ''));
\r
8725 // Create all plugins
\r
8726 each(explode(s.plugins.replace(/\-/g, '')), function(p) {
\r
8727 var c = PluginManager.get(p), u = PluginManager.urls[p] || tinymce.documentBaseURL.replace(/\/$/, ''), po;
\r
8732 t.plugins[p] = po;
\r
8739 // Setup popup CSS path(s)
\r
8740 if (s.popup_css !== false) {
\r
8742 s.popup_css = t.documentBaseURI.toAbsolute(s.popup_css);
\r
8744 s.popup_css = t.baseURI.toAbsolute("themes/" + s.theme + "/skins/" + s.skin + "/dialog.css");
\r
8747 if (s.popup_css_add)
\r
8748 s.popup_css += ',' + t.documentBaseURI.toAbsolute(s.popup_css_add);
\r
8750 // Setup control factory
\r
8751 t.controlManager = new tinymce.ControlManager(t);
\r
8752 t.undoManager = new tinymce.UndoManager(t);
\r
8755 t.undoManager.onAdd.add(function(um, l) {
\r
8757 return t.onChange.dispatch(t, l, um);
\r
8760 t.undoManager.onUndo.add(function(um, l) {
\r
8761 return t.onUndo.dispatch(t, l, um);
\r
8764 t.undoManager.onRedo.add(function(um, l) {
\r
8765 return t.onRedo.dispatch(t, l, um);
\r
8768 if (s.custom_undo_redo) {
\r
8769 t.onExecCommand.add(function(ed, cmd, ui, val, a) {
\r
8770 if (cmd != 'Undo' && cmd != 'Redo' && cmd != 'mceRepaint' && (!a || !a.skip_undo))
\r
8771 t.undoManager.add();
\r
8775 t.onExecCommand.add(function(ed, c) {
\r
8776 // Don't refresh the select lists until caret move
\r
8777 if (!/^(FontName|FontSize)$/.test(c))
\r
8781 // Remove ghost selections on images and tables in Gecko
\r
8783 function repaint(a, o) {
\r
8784 if (!o || !o.initial)
\r
8785 t.execCommand('mceRepaint');
\r
8788 t.onUndo.add(repaint);
\r
8789 t.onRedo.add(repaint);
\r
8790 t.onSetContent.add(repaint);
\r
8793 // Enables users to override the control factory
\r
8794 t.onBeforeRenderUI.dispatch(t, t.controlManager);
\r
8797 if (s.render_ui) {
\r
8798 w = s.width || e.style.width || e.offsetWidth;
\r
8799 h = s.height || e.style.height || e.offsetHeight;
\r
8800 t.orgDisplay = e.style.display;
\r
8801 re = /^[0-9\.]+(|px)$/i;
\r
8803 if (re.test('' + w))
\r
8804 w = Math.max(parseInt(w) + (o.deltaWidth || 0), 100);
\r
8806 if (re.test('' + h))
\r
8807 h = Math.max(parseInt(h) + (o.deltaHeight || 0), 100);
\r
8810 o = t.theme.renderUI({
\r
8814 deltaWidth : s.delta_width,
\r
8815 deltaHeight : s.delta_height
\r
8818 t.editorContainer = o.editorContainer;
\r
8823 DOM.setStyles(o.sizeContainer || o.editorContainer, {
\r
8828 h = (o.iframeHeight || h) + (typeof(h) == 'number' ? (o.deltaHeight || 0) : '');
\r
8832 t.iframeHTML = s.doctype + '<html><head xmlns="http://www.w3.org/1999/xhtml"><base href="' + t.documentBaseURI.getURI() + '" />';
\r
8833 t.iframeHTML += '<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />';
\r
8835 if (tinymce.relaxedDomain)
\r
8836 t.iframeHTML += '<script type="text/javascript">document.domain = "' + tinymce.relaxedDomain + '";</script>';
\r
8838 bi = s.body_id || 'tinymce';
\r
8839 if (bi.indexOf('=') != -1) {
\r
8840 bi = t.getParam('body_id', '', 'hash');
\r
8841 bi = bi[t.id] || bi;
\r
8844 bc = s.body_class || '';
\r
8845 if (bc.indexOf('=') != -1) {
\r
8846 bc = t.getParam('body_class', '', 'hash');
\r
8847 bc = bc[t.id] || '';
\r
8850 t.iframeHTML += '</head><body id="' + bi + '" class="mceContentBody ' + bc + '"></body></html>';
\r
8852 // Domain relaxing enabled, then set document domain
\r
8853 if (tinymce.relaxedDomain) {
\r
8854 // We need to write the contents here in IE since multiple writes messes up refresh button and back button
\r
8855 if (isIE || (tinymce.isOpera && parseFloat(opera.version()) >= 9.5))
\r
8856 u = 'javascript:(function(){document.open();document.domain="' + document.domain + '";var ed = window.parent.tinyMCE.get("' + t.id + '");document.write(ed.iframeHTML);document.close();ed.setupIframe();})()';
\r
8857 else if (tinymce.isOpera)
\r
8858 u = 'javascript:(function(){document.open();document.domain="' + document.domain + '";document.close();ed.setupIframe();})()';
\r
8862 n = DOM.add(o.iframeContainer, 'iframe', {
\r
8863 id : t.id + "_ifr",
\r
8864 src : u || 'javascript:""', // Workaround for HTTPS warning in IE6/7
\r
8865 frameBorder : '0',
\r
8872 t.contentAreaContainer = o.iframeContainer;
\r
8873 DOM.get(o.editorContainer).style.display = t.orgDisplay;
\r
8874 DOM.get(t.id).style.display = 'none';
\r
8876 if (!isIE || !tinymce.relaxedDomain)
\r
8879 e = n = o = null; // Cleanup
\r
8882 setupIframe : function() {
\r
8883 var t = this, s = t.settings, e = DOM.get(t.id), d = t.getDoc(), h, b;
\r
8885 // Setup iframe body
\r
8886 if (!isIE || !tinymce.relaxedDomain) {
\r
8888 d.write(t.iframeHTML);
\r
8892 // Design mode needs to be added here Ctrl+A will fail otherwise
\r
8896 d.designMode = 'On';
\r
8898 // Will fail on Gecko if the editor is placed in an hidden container element
\r
8899 // The design mode will be set ones the editor is focused
\r
8903 // IE needs to use contentEditable or it will display non secure items for HTTPS
\r
8905 // It will not steal focus if we hide it while setting contentEditable
\r
8910 b.contentEditable = true;
\r
8916 t.dom = new tinymce.DOM.DOMUtils(t.getDoc(), {
\r
8917 keep_values : true,
\r
8918 url_converter : t.convertURL,
\r
8919 url_converter_scope : t,
\r
8920 hex_colors : s.force_hex_style_colors,
\r
8921 class_filter : s.class_filter,
\r
8922 update_styles : 1,
\r
8923 fix_ie_paragraphs : 1
\r
8926 t.serializer = new tinymce.dom.Serializer({
\r
8927 entity_encoding : s.entity_encoding,
\r
8928 entities : s.entities,
\r
8929 valid_elements : s.verify_html === false ? '*[*]' : s.valid_elements,
\r
8930 extended_valid_elements : s.extended_valid_elements,
\r
8931 valid_child_elements : s.valid_child_elements,
\r
8932 invalid_elements : s.invalid_elements,
\r
8933 fix_table_elements : s.fix_table_elements,
\r
8934 fix_list_elements : s.fix_list_elements,
\r
8935 fix_content_duplication : s.fix_content_duplication,
\r
8936 convert_fonts_to_spans : s.convert_fonts_to_spans,
\r
8937 font_size_classes : s.font_size_classes,
\r
8938 font_size_style_values : s.font_size_style_values,
\r
8939 apply_source_formatting : s.apply_source_formatting,
\r
8940 remove_linebreaks : s.remove_linebreaks,
\r
8941 element_format : s.element_format,
\r
8945 t.selection = new tinymce.dom.Selection(t.dom, t.getWin(), t.serializer);
\r
8946 t.forceBlocks = new tinymce.ForceBlocks(t, {
\r
8947 forced_root_block : s.forced_root_block
\r
8949 t.editorCommands = new tinymce.EditorCommands(t);
\r
8952 t.serializer.onPreProcess.add(function(se, o) {
\r
8953 return t.onPreProcess.dispatch(t, o, se);
\r
8956 t.serializer.onPostProcess.add(function(se, o) {
\r
8957 return t.onPostProcess.dispatch(t, o, se);
\r
8960 t.onPreInit.dispatch(t);
\r
8962 if (!s.gecko_spellcheck)
\r
8963 t.getBody().spellcheck = 0;
\r
8968 t.controlManager.onPostRender.dispatch(t, t.controlManager);
\r
8969 t.onPostRender.dispatch(t);
\r
8971 if (s.directionality)
\r
8972 t.getBody().dir = s.directionality;
\r
8975 t.getBody().style.whiteSpace = "nowrap";
\r
8977 if (s.auto_resize)
\r
8978 t.onNodeChange.add(t.resizeToContent, t);
\r
8980 if (s.custom_elements) {
\r
8981 function handleCustom(ed, o) {
\r
8982 each(explode(s.custom_elements), function(v) {
\r
8985 if (v.indexOf('~') === 0) {
\r
8986 v = v.substring(1);
\r
8991 o.content = o.content.replace(new RegExp('<(' + v + ')([^>]*)>', 'g'), '<' + n + ' mce_name="$1"$2>');
\r
8992 o.content = o.content.replace(new RegExp('</(' + v + ')>', 'g'), '</' + n + '>');
\r
8996 t.onBeforeSetContent.add(handleCustom);
\r
8997 t.onPostProcess.add(function(ed, o) {
\r
8999 handleCustom(ed, o)
\r
9003 if (s.handle_node_change_callback) {
\r
9004 t.onNodeChange.add(function(ed, cm, n) {
\r
9005 t.execCallback('handle_node_change_callback', t.id, n, -1, -1, true, t.selection.isCollapsed());
\r
9009 if (s.save_callback) {
\r
9010 t.onSaveContent.add(function(ed, o) {
\r
9011 var h = t.execCallback('save_callback', t.id, o.content, t.getBody());
\r
9018 if (s.onchange_callback) {
\r
9019 t.onChange.add(function(ed, l) {
\r
9020 t.execCallback('onchange_callback', t, l);
\r
9024 if (s.convert_newlines_to_brs) {
\r
9025 t.onBeforeSetContent.add(function(ed, o) {
\r
9027 o.content = o.content.replace(/\r?\n/g, '<br />');
\r
9031 if (s.fix_nesting && isIE) {
\r
9032 t.onBeforeSetContent.add(function(ed, o) {
\r
9033 o.content = t._fixNesting(o.content);
\r
9037 if (s.preformatted) {
\r
9038 t.onPostProcess.add(function(ed, o) {
\r
9039 o.content = o.content.replace(/^\s*<pre.*?>/, '');
\r
9040 o.content = o.content.replace(/<\/pre>\s*$/, '');
\r
9043 o.content = '<pre class="mceItemHidden">' + o.content + '</pre>';
\r
9047 if (s.verify_css_classes) {
\r
9048 t.serializer.attribValueFilter = function(n, v) {
\r
9051 if (n == 'class') {
\r
9052 // Build regexp for classes
\r
9053 if (!t.classesRE) {
\r
9054 cl = t.dom.getClasses();
\r
9056 if (cl.length > 0) {
\r
9059 each (cl, function(o) {
\r
9060 s += (s ? '|' : '') + o['class'];
\r
9063 t.classesRE = new RegExp('(' + s + ')', 'gi');
\r
9067 return !t.classesRE || /(\bmceItem\w+\b|\bmceTemp\w+\b)/g.test(v) || t.classesRE.test(v) ? v : '';
\r
9074 if (s.convert_fonts_to_spans)
\r
9075 t._convertFonts();
\r
9077 if (s.inline_styles)
\r
9078 t._convertInlineElements();
\r
9080 if (s.cleanup_callback) {
\r
9081 t.onBeforeSetContent.add(function(ed, o) {
\r
9082 o.content = t.execCallback('cleanup_callback', 'insert_to_editor', o.content, o);
\r
9085 t.onPreProcess.add(function(ed, o) {
\r
9087 t.execCallback('cleanup_callback', 'insert_to_editor_dom', o.node, o);
\r
9090 t.execCallback('cleanup_callback', 'get_from_editor_dom', o.node, o);
\r
9093 t.onPostProcess.add(function(ed, o) {
\r
9095 o.content = t.execCallback('cleanup_callback', 'insert_to_editor', o.content, o);
\r
9098 o.content = t.execCallback('cleanup_callback', 'get_from_editor', o.content, o);
\r
9102 if (s.save_callback) {
\r
9103 t.onGetContent.add(function(ed, o) {
\r
9105 o.content = t.execCallback('save_callback', t.id, o.content, t.getBody());
\r
9109 if (s.handle_event_callback) {
\r
9110 t.onEvent.add(function(ed, e, o) {
\r
9111 if (t.execCallback('handle_event_callback', e, ed, o) === false)
\r
9116 // Add visual aids when new contents is added
\r
9117 t.onSetContent.add(function() {
\r
9118 t.addVisual(t.getBody());
\r
9121 // Remove empty contents
\r
9122 if (s.padd_empty_editor) {
\r
9123 t.onPostProcess.add(function(ed, o) {
\r
9124 o.content = o.content.replace(/^(<p[^>]*>( | |\s|\u00a0|)<\/p>[\r\n]*|<br \/>[\r\n]*)$/, '');
\r
9129 // Fix gecko link bug, when a link is placed at the end of block elements there is
\r
9130 // no way to move the caret behind the link. This fix adds a bogus br element after the link
\r
9131 function fixLinks(ed, o) {
\r
9132 each(ed.dom.select('a'), function(n) {
\r
9133 var pn = n.parentNode;
\r
9135 if (ed.dom.isBlock(pn) && pn.lastChild === n)
\r
9136 ed.dom.add(pn, 'br', {'mce_bogus' : 1});
\r
9140 t.onExecCommand.add(function(ed, cmd) {
\r
9141 if (cmd === 'CreateLink')
\r
9145 t.onSetContent.add(t.selection.onSetContent.add(fixLinks));
\r
9147 if (!s.readonly) {
\r
9149 // Design mode must be set here once again to fix a bug where
\r
9150 // Ctrl+A/Delete/Backspace didn't work if the editor was added using mceAddControl then removed then added again
\r
9151 d.designMode = 'Off';
\r
9152 d.designMode = 'On';
\r
9154 // Will fail on Gecko if the editor is placed in an hidden container element
\r
9155 // The design mode will be set ones the editor is focused
\r
9160 // A small timeout was needed since firefox will remove. Bug: #1838304
\r
9161 setTimeout(function () {
\r
9165 t.load({initial : true, format : (s.cleanup_on_startup ? 'html' : 'raw')});
\r
9166 t.startContent = t.getContent({format : 'raw'});
\r
9167 t.undoManager.add({initial : true});
\r
9168 t.initialized = true;
\r
9170 t.onInit.dispatch(t);
\r
9171 t.execCallback('setupcontent_callback', t.id, t.getBody(), t.getDoc());
\r
9172 t.execCallback('init_instance_callback', t);
\r
9174 t.nodeChanged({initial : 1});
\r
9176 // Load specified content CSS last
\r
9177 if (s.content_css) {
\r
9178 tinymce.each(explode(s.content_css), function(u) {
\r
9179 t.dom.loadCSS(t.documentBaseURI.toAbsolute(u));
\r
9183 // Handle auto focus
\r
9184 if (s.auto_focus) {
\r
9185 setTimeout(function () {
\r
9186 var ed = EditorManager.get(s.auto_focus);
\r
9188 ed.selection.select(ed.getBody(), 1);
\r
9189 ed.selection.collapse(1);
\r
9190 ed.getWin().focus();
\r
9199 focus : function(sf) {
\r
9200 var oed, t = this, ce = t.settings.content_editable;
\r
9203 // Is not content editable or the selection is outside the area in IE
\r
9204 // the IE statement is needed to avoid bluring if element selections inside layers since
\r
9205 // the layer is like it's own document in IE
\r
9206 if (!ce && (!isIE || t.selection.getNode().ownerDocument != t.getDoc()))
\r
9207 t.getWin().focus();
\r
9211 if (EditorManager.activeEditor != t) {
\r
9212 if ((oed = EditorManager.activeEditor) != null)
\r
9213 oed.onDeactivate.dispatch(oed, t);
\r
9215 t.onActivate.dispatch(t, oed);
\r
9218 EditorManager._setActive(t);
\r
9221 execCallback : function(n) {
\r
9222 var t = this, f = t.settings[n], s;
\r
9227 // Look through lookup
\r
9228 if (t.callbackLookup && (s = t.callbackLookup[n])) {
\r
9233 if (is(f, 'string')) {
\r
9234 s = f.replace(/\.\w+$/, '');
\r
9235 s = s ? tinymce.resolve(s) : 0;
\r
9236 f = tinymce.resolve(f);
\r
9237 t.callbackLookup = t.callbackLookup || {};
\r
9238 t.callbackLookup[n] = {func : f, scope : s};
\r
9241 return f.apply(s || t, Array.prototype.slice.call(arguments, 1));
\r
9244 translate : function(s) {
\r
9245 var c = this.settings.language || 'en', i18n = EditorManager.i18n;
\r
9250 return i18n[c + '.' + s] || s.replace(/{\#([^}]+)\}/g, function(a, b) {
\r
9251 return i18n[c + '.' + b] || '{#' + b + '}';
\r
9255 getLang : function(n, dv) {
\r
9256 return EditorManager.i18n[(this.settings.language || 'en') + '.' + n] || (is(dv) ? dv : '{#' + n + '}');
\r
9259 getParam : function(n, dv, ty) {
\r
9260 var tr = tinymce.trim, v = is(this.settings[n]) ? this.settings[n] : dv, o;
\r
9262 if (ty === 'hash') {
\r
9265 if (is(v, 'string')) {
\r
9266 each(v.indexOf('=') > 0 ? v.split(/[;,](?![^=;,]*(?:[;,]|$))/) : v.split(','), function(v) {
\r
9270 o[tr(v[0])] = tr(v[1]);
\r
9272 o[tr(v[0])] = tr(v);
\r
9283 nodeChanged : function(o) {
\r
9284 var t = this, s = t.selection, n = s.getNode() || t.getBody();
\r
9286 // Fix for bug #1896577 it seems that this can not be fired while the editor is loading
\r
9287 if (t.initialized) {
\r
9288 t.onNodeChange.dispatch(
\r
9290 o ? o.controlManager || t.controlManager : t.controlManager,
\r
9291 isIE && n.ownerDocument != t.getDoc() ? t.getBody() : n, // Fix for IE initial state
\r
9298 addButton : function(n, s) {
\r
9301 t.buttons = t.buttons || {};
\r
9305 addCommand : function(n, f, s) {
\r
9306 this.execCommands[n] = {func : f, scope : s || this};
\r
9309 addQueryStateHandler : function(n, f, s) {
\r
9310 this.queryStateCommands[n] = {func : f, scope : s || this};
\r
9313 addQueryValueHandler : function(n, f, s) {
\r
9314 this.queryValueCommands[n] = {func : f, scope : s || this};
\r
9317 addShortcut : function(pa, desc, cmd_func, sc) {
\r
9320 if (!t.settings.custom_shortcuts)
\r
9323 t.shortcuts = t.shortcuts || {};
\r
9325 if (is(cmd_func, 'string')) {
\r
9328 cmd_func = function() {
\r
9329 t.execCommand(c, false, null);
\r
9333 if (is(cmd_func, 'object')) {
\r
9336 cmd_func = function() {
\r
9337 t.execCommand(c[0], c[1], c[2]);
\r
9341 each(explode(pa), function(pa) {
\r
9344 scope : sc || this,
\r
9351 each(explode(pa, '+'), function(v) {
\r
9360 o.charCode = v.charCodeAt(0);
\r
9361 o.keyCode = v.toUpperCase().charCodeAt(0);
\r
9365 t.shortcuts[(o.ctrl ? 'ctrl' : '') + ',' + (o.alt ? 'alt' : '') + ',' + (o.shift ? 'shift' : '') + ',' + o.keyCode] = o;
\r
9371 execCommand : function(cmd, ui, val, a) {
\r
9372 var t = this, s = 0, o, st;
\r
9374 if (!/^(mceAddUndoLevel|mceEndUndoLevel|mceBeginUndoLevel|mceRepaint|SelectAll)$/.test(cmd) && (!a || !a.skip_focus))
\r
9378 t.onBeforeExecCommand.dispatch(t, cmd, ui, val, o);
\r
9382 // Command callback
\r
9383 if (t.execCallback('execcommand_callback', t.id, t.selection.getNode(), cmd, ui, val)) {
\r
9384 t.onExecCommand.dispatch(t, cmd, ui, val, a);
\r
9388 // Registred commands
\r
9389 if (o = t.execCommands[cmd]) {
\r
9390 st = o.func.call(o.scope, ui, val);
\r
9392 // Fall through on true
\r
9393 if (st !== true) {
\r
9394 t.onExecCommand.dispatch(t, cmd, ui, val, a);
\r
9399 // Plugin commands
\r
9400 each(t.plugins, function(p) {
\r
9401 if (p.execCommand && p.execCommand(cmd, ui, val)) {
\r
9402 t.onExecCommand.dispatch(t, cmd, ui, val, a);
\r
9412 if (t.theme && t.theme.execCommand && t.theme.execCommand(cmd, ui, val)) {
\r
9413 t.onExecCommand.dispatch(t, cmd, ui, val, a);
\r
9417 // Execute global commands
\r
9418 if (tinymce.GlobalCommands.execCommand(t, cmd, ui, val)) {
\r
9419 t.onExecCommand.dispatch(t, cmd, ui, val, a);
\r
9423 // Editor commands
\r
9424 if (t.editorCommands.execCommand(cmd, ui, val)) {
\r
9425 t.onExecCommand.dispatch(t, cmd, ui, val, a);
\r
9429 // Browser commands
\r
9430 t.getDoc().execCommand(cmd, ui, val);
\r
9431 t.onExecCommand.dispatch(t, cmd, ui, val, a);
\r
9434 queryCommandState : function(c) {
\r
9435 var t = this, o, s;
\r
9437 // Is hidden then return undefined
\r
9438 if (t._isHidden())
\r
9441 // Registred commands
\r
9442 if (o = t.queryStateCommands[c]) {
\r
9443 s = o.func.call(o.scope);
\r
9445 // Fall though on true
\r
9450 // Registred commands
\r
9451 o = t.editorCommands.queryCommandState(c);
\r
9455 // Browser commands
\r
9457 return this.getDoc().queryCommandState(c);
\r
9459 // Fails sometimes see bug: 1896577
\r
9463 queryCommandValue : function(c) {
\r
9464 var t = this, o, s;
\r
9466 // Is hidden then return undefined
\r
9467 if (t._isHidden())
\r
9470 // Registred commands
\r
9471 if (o = t.queryValueCommands[c]) {
\r
9472 s = o.func.call(o.scope);
\r
9474 // Fall though on true
\r
9479 // Registred commands
\r
9480 o = t.editorCommands.queryCommandValue(c);
\r
9484 // Browser commands
\r
9486 return this.getDoc().queryCommandValue(c);
\r
9488 // Fails sometimes see bug: 1896577
\r
9492 show : function() {
\r
9495 DOM.show(t.getContainer());
\r
9500 hide : function() {
\r
9501 var t = this, d = t.getDoc();
\r
9503 // Fixed bug where IE has a blinking cursor left from the editor
\r
9505 d.execCommand('SelectAll');
\r
9507 // We must save before we hide so Safari doesn't crash
\r
9509 DOM.hide(t.getContainer());
\r
9510 DOM.setStyle(t.id, 'display', t.orgDisplay);
\r
9513 isHidden : function() {
\r
9514 return !DOM.isHidden(this.id);
\r
9517 setProgressState : function(b, ti, o) {
\r
9518 this.onSetProgressState.dispatch(this, b, ti, o);
\r
9523 resizeToContent : function() {
\r
9526 DOM.setStyle(t.id + "_ifr", 'height', t.getBody().scrollHeight);
\r
9529 load : function(o) {
\r
9530 var t = this, e = t.getElement(), h;
\r
9536 // Double encode existing entities in the value
\r
9537 h = t.setContent(is(e.value) ? e.value : e.innerHTML, o);
\r
9541 t.onLoadContent.dispatch(t, o);
\r
9543 o.element = e = null;
\r
9549 save : function(o) {
\r
9550 var t = this, e = t.getElement(), h, f;
\r
9552 if (!e || !t.initialized)
\r
9558 // Add undo level will trigger onchange event
\r
9559 if (!o.no_events) {
\r
9560 t.undoManager.typing = 0;
\r
9561 t.undoManager.add();
\r
9565 h = o.content = t.getContent(o);
\r
9568 t.onSaveContent.dispatch(t, o);
\r
9572 if (!/TEXTAREA|INPUT/i.test(e.nodeName)) {
\r
9575 // Update hidden form element
\r
9576 if (f = DOM.getParent(t.id, 'form')) {
\r
9577 each(f.elements, function(e) {
\r
9578 if (e.name == t.id) {
\r
9587 o.element = e = null;
\r
9592 setContent : function(h, o) {
\r
9596 o.format = o.format || 'html';
\r
9601 t.onBeforeSetContent.dispatch(t, o);
\r
9603 // Padd empty content in Gecko and Safari. Commands will otherwise fail on the content
\r
9604 // It will also be impossible to place the caret in the editor unless there is a BR element present
\r
9605 if (!tinymce.isIE && (h.length === 0 || /^\s+$/.test(h))) {
\r
9606 o.content = t.dom.setHTML(t.getBody(), '<br mce_bogus="1" />');
\r
9610 o.content = t.dom.setHTML(t.getBody(), tinymce.trim(o.content));
\r
9612 if (o.format != 'raw' && t.settings.cleanup) {
\r
9613 o.getInner = true;
\r
9614 o.content = t.dom.setHTML(t.getBody(), t.serializer.serialize(t.getBody(), o));
\r
9618 t.onSetContent.dispatch(t, o);
\r
9623 getContent : function(o) {
\r
9627 o.format = o.format || 'html';
\r
9631 t.onBeforeGetContent.dispatch(t, o);
\r
9633 if (o.format != 'raw' && t.settings.cleanup) {
\r
9634 o.getInner = true;
\r
9635 h = t.serializer.serialize(t.getBody(), o);
\r
9637 h = t.getBody().innerHTML;
\r
9639 h = h.replace(/^\s*|\s*$/g, '');
\r
9643 t.onGetContent.dispatch(t, o);
\r
9648 isDirty : function() {
\r
9651 return tinymce.trim(t.startContent) != tinymce.trim(t.getContent({format : 'raw', no_events : 1})) && !t.isNotDirty;
\r
9654 getContainer : function() {
\r
9658 t.container = DOM.get(t.editorContainer || t.id + '_parent');
\r
9660 return t.container;
\r
9663 getContentAreaContainer : function() {
\r
9664 return this.contentAreaContainer;
\r
9667 getElement : function() {
\r
9668 return DOM.get(this.settings.content_element || this.id);
\r
9671 getWin : function() {
\r
9674 if (!t.contentWindow) {
\r
9675 e = DOM.get(t.id + "_ifr");
\r
9678 t.contentWindow = e.contentWindow;
\r
9681 return t.contentWindow;
\r
9684 getDoc : function() {
\r
9687 if (!t.contentDocument) {
\r
9691 t.contentDocument = w.document;
\r
9694 return t.contentDocument;
\r
9697 getBody : function() {
\r
9698 return this.bodyElement || this.getDoc().body;
\r
9701 convertURL : function(u, n, e) {
\r
9702 var t = this, s = t.settings;
\r
9704 // Use callback instead
\r
9705 if (s.urlconverter_callback)
\r
9706 return t.execCallback('urlconverter_callback', u, e, true, n);
\r
9708 // Don't convert link href since thats the CSS files that gets loaded into the editor also skip local file URLs
\r
9709 if (!s.convert_urls || (e && e.nodeName == 'LINK') || u.indexOf('file:') === 0)
\r
9712 // Convert to relative
\r
9713 if (s.relative_urls)
\r
9714 return t.documentBaseURI.toRelative(u);
\r
9716 // Convert to absolute
\r
9717 u = t.documentBaseURI.toAbsolute(u, s.remove_script_host);
\r
9722 addVisual : function(e) {
\r
9723 var t = this, s = t.settings;
\r
9725 e = e || t.getBody();
\r
9727 if (!is(t.hasVisual))
\r
9728 t.hasVisual = s.visual;
\r
9730 each(t.dom.select('table,a', e), function(e) {
\r
9733 switch (e.nodeName) {
\r
9735 v = t.dom.getAttrib(e, 'border');
\r
9737 if (!v || v == '0') {
\r
9739 t.dom.addClass(e, s.visual_table_class);
\r
9741 t.dom.removeClass(e, s.visual_table_class);
\r
9747 v = t.dom.getAttrib(e, 'name');
\r
9751 t.dom.addClass(e, 'mceItemAnchor');
\r
9753 t.dom.removeClass(e, 'mceItemAnchor');
\r
9760 t.onVisualAid.dispatch(t, e, t.hasVisual);
\r
9763 remove : function() {
\r
9764 var t = this, e = t.getContainer();
\r
9766 t.removed = 1; // Cancels post remove event execution
\r
9769 t.execCallback('remove_instance_callback', t);
\r
9770 t.onRemove.dispatch(t);
\r
9772 // Clear all execCommand listeners this is required to avoid errors if the editor was removed inside another command
\r
9773 t.onExecCommand.listeners = [];
\r
9775 EditorManager.remove(t);
\r
9779 destroy : function(s) {
\r
9782 // One time is enough
\r
9787 tinymce.removeUnload(t.destroy);
\r
9788 tinyMCE.onBeforeUnload.remove(t._beforeUnload);
\r
9791 if (t.theme && t.theme.destroy)
\r
9792 t.theme.destroy();
\r
9794 // Destroy controls, selection and dom
\r
9795 t.controlManager.destroy();
\r
9796 t.selection.destroy();
\r
9799 // Remove all events
\r
9801 // Don't clear the window or document if content editable
\r
9802 // is enabled since other instances might still be present
\r
9803 if (!t.settings.content_editable) {
\r
9804 Event.clear(t.getWin());
\r
9805 Event.clear(t.getDoc());
\r
9808 Event.clear(t.getBody());
\r
9809 Event.clear(t.formElement);
\r
9812 if (t.formElement) {
\r
9813 t.formElement.submit = t.formElement._mceOldSubmit;
\r
9814 t.formElement._mceOldSubmit = null;
\r
9817 t.contentAreaContainer = t.formElement = t.container = t.settings.content_element = t.bodyElement = t.contentDocument = t.contentWindow = null;
\r
9820 t.selection = t.selection.win = t.selection.dom = t.selection.dom.doc = null;
\r
9825 // Internal functions
\r
9827 _addEvents : function() {
\r
9828 // 'focus', 'blur', 'dblclick', 'beforedeactivate', submit, reset
\r
9829 var t = this, i, s = t.settings, lo = {
\r
9830 mouseup : 'onMouseUp',
\r
9831 mousedown : 'onMouseDown',
\r
9832 click : 'onClick',
\r
9833 keyup : 'onKeyUp',
\r
9834 keydown : 'onKeyDown',
\r
9835 keypress : 'onKeyPress',
\r
9836 submit : 'onSubmit',
\r
9837 reset : 'onReset',
\r
9838 contextmenu : 'onContextMenu',
\r
9839 dblclick : 'onDblClick',
\r
9840 paste : 'onPaste' // Doesn't work in all browsers yet
\r
9843 function eventHandler(e, o) {
\r
9846 // Don't fire events when it's removed
\r
9850 // Generic event handler
\r
9851 if (t.onEvent.dispatch(t, e, o) !== false) {
\r
9852 // Specific event handler
\r
9853 t[lo[e.fakeType || e.type]].dispatch(t, e, o);
\r
9858 each(lo, function(v, k) {
\r
9860 case 'contextmenu':
\r
9861 if (tinymce.isOpera) {
\r
9862 // Fake contextmenu on Opera
\r
9863 Event.add(t.getBody(), 'mousedown', function(e) {
\r
9865 e.fakeType = 'contextmenu';
\r
9870 Event.add(t.getBody(), k, eventHandler);
\r
9874 Event.add(t.getBody(), k, function(e) {
\r
9881 Event.add(t.getElement().form || DOM.getParent(t.id, 'form'), k, eventHandler);
\r
9885 Event.add(s.content_editable ? t.getBody() : t.getDoc(), k, eventHandler);
\r
9889 Event.add(s.content_editable ? t.getBody() : (isGecko ? t.getDoc() : t.getWin()), 'focus', function(e) {
\r
9894 // Fixes bug where a specified document_base_uri could result in broken images
\r
9895 // This will also fix drag drop of images in Gecko
\r
9896 if (tinymce.isGecko) {
\r
9897 // Convert all images to absolute URLs
\r
9898 /* t.onSetContent.add(function(ed, o) {
\r
9899 each(ed.dom.select('img'), function(e) {
\r
9902 if (v = e.getAttribute('mce_src'))
\r
9903 e.src = t.documentBaseURI.toAbsolute(v);
\r
9907 Event.add(t.getDoc(), 'DOMNodeInserted', function(e) {
\r
9912 if (e.nodeType === 1 && e.nodeName === 'IMG' && (v = e.getAttribute('mce_src')))
\r
9913 e.src = t.documentBaseURI.toAbsolute(v);
\r
9917 // Set various midas options in Gecko
\r
9919 function setOpts() {
\r
9920 var t = this, d = t.getDoc(), s = t.settings;
\r
9922 if (isGecko && !s.readonly) {
\r
9923 if (t._isHidden()) {
\r
9925 if (!s.content_editable)
\r
9926 d.designMode = 'On';
\r
9928 // Fails if it's hidden
\r
9933 // Try new Gecko method
\r
9934 d.execCommand("styleWithCSS", 0, false);
\r
9937 if (!t._isHidden())
\r
9938 try {d.execCommand("useCSS", 0, true);} catch (ex) {}
\r
9941 if (!s.table_inline_editing)
\r
9942 try {d.execCommand('enableInlineTableEditing', false, false);} catch (ex) {}
\r
9944 if (!s.object_resizing)
\r
9945 try {d.execCommand('enableObjectResizing', false, false);} catch (ex) {}
\r
9949 t.onBeforeExecCommand.add(setOpts);
\r
9950 t.onMouseDown.add(setOpts);
\r
9953 // Add node change handlers
\r
9954 t.onMouseUp.add(t.nodeChanged);
\r
9955 t.onClick.add(t.nodeChanged);
\r
9956 t.onKeyUp.add(function(ed, e) {
\r
9957 var c = e.keyCode;
\r
9959 if ((c >= 33 && c <= 36) || (c >= 37 && c <= 40) || c == 13 || c == 45 || c == 46 || c == 8 || (tinymce.isMac && (c == 91 || c == 93)) || e.ctrlKey)
\r
9963 // Add reset handler
\r
9964 t.onReset.add(function() {
\r
9965 t.setContent(t.startContent, {format : 'raw'});
\r
9969 if (s.custom_shortcuts) {
\r
9970 if (s.custom_undo_redo_keyboard_shortcuts) {
\r
9971 t.addShortcut('ctrl+z', t.getLang('undo_desc'), 'Undo');
\r
9972 t.addShortcut('ctrl+y', t.getLang('redo_desc'), 'Redo');
\r
9975 // Add default shortcuts for gecko
\r
9977 t.addShortcut('ctrl+b', t.getLang('bold_desc'), 'Bold');
\r
9978 t.addShortcut('ctrl+i', t.getLang('italic_desc'), 'Italic');
\r
9979 t.addShortcut('ctrl+u', t.getLang('underline_desc'), 'Underline');
\r
9982 // BlockFormat shortcuts keys
\r
9983 for (i=1; i<=6; i++)
\r
9984 t.addShortcut('ctrl+' + i, '', ['FormatBlock', false, '<h' + i + '>']);
\r
9986 t.addShortcut('ctrl+7', '', ['FormatBlock', false, '<p>']);
\r
9987 t.addShortcut('ctrl+8', '', ['FormatBlock', false, '<div>']);
\r
9988 t.addShortcut('ctrl+9', '', ['FormatBlock', false, '<address>']);
\r
9990 function find(e) {
\r
9993 if (!e.altKey && !e.ctrlKey && !e.metaKey)
\r
9996 each(t.shortcuts, function(o) {
\r
9997 if (tinymce.isMac && o.ctrl != e.metaKey)
\r
9999 else if (!tinymce.isMac && o.ctrl != e.ctrlKey)
\r
10002 if (o.alt != e.altKey)
\r
10005 if (o.shift != e.shiftKey)
\r
10008 if (e.keyCode == o.keyCode || (e.charCode && e.charCode == o.charCode)) {
\r
10017 t.onKeyUp.add(function(ed, e) {
\r
10021 return Event.cancel(e);
\r
10024 t.onKeyPress.add(function(ed, e) {
\r
10028 return Event.cancel(e);
\r
10031 t.onKeyDown.add(function(ed, e) {
\r
10035 o.func.call(o.scope);
\r
10036 return Event.cancel(e);
\r
10041 if (tinymce.isIE) {
\r
10042 // Fix so resize will only update the width and height attributes not the styles of an image
\r
10043 // It will also block mceItemNoResize items
\r
10044 Event.add(t.getDoc(), 'controlselect', function(e) {
\r
10045 var re = t.resizeInfo, cb;
\r
10049 // Don't do this action for non image elements
\r
10050 if (e.nodeName !== 'IMG')
\r
10054 Event.remove(re.node, re.ev, re.cb);
\r
10056 if (!t.dom.hasClass(e, 'mceItemNoResize')) {
\r
10057 ev = 'resizeend';
\r
10058 cb = Event.add(e, ev, function(e) {
\r
10063 if (v = t.dom.getStyle(e, 'width')) {
\r
10064 t.dom.setAttrib(e, 'width', v.replace(/[^0-9%]+/g, ''));
\r
10065 t.dom.setStyle(e, 'width', '');
\r
10068 if (v = t.dom.getStyle(e, 'height')) {
\r
10069 t.dom.setAttrib(e, 'height', v.replace(/[^0-9%]+/g, ''));
\r
10070 t.dom.setStyle(e, 'height', '');
\r
10074 ev = 'resizestart';
\r
10075 cb = Event.add(e, 'resizestart', Event.cancel, Event);
\r
10078 re = t.resizeInfo = {
\r
10085 t.onKeyDown.add(function(ed, e) {
\r
10086 switch (e.keyCode) {
\r
10088 // Fix IE control + backspace browser bug
\r
10089 if (t.selection.getRng().item) {
\r
10090 t.selection.getRng().item(0).removeNode();
\r
10091 return Event.cancel(e);
\r
10096 /*if (t.dom.boxModel) {
\r
10097 t.getBody().style.height = '100%';
\r
10099 Event.add(t.getWin(), 'resize', function(e) {
\r
10100 var docElm = t.getDoc().documentElement;
\r
10102 docElm.style.height = (docElm.offsetHeight - 10) + 'px';
\r
10107 if (tinymce.isOpera) {
\r
10108 t.onClick.add(function(ed, e) {
\r
10109 Event.prevent(e);
\r
10113 // Add custom undo/redo handlers
\r
10114 if (s.custom_undo_redo) {
\r
10115 function addUndo() {
\r
10116 t.undoManager.typing = 0;
\r
10117 t.undoManager.add();
\r
10120 // Add undo level on editor blur
\r
10121 if (tinymce.isIE) {
\r
10122 Event.add(t.getWin(), 'blur', function(e) {
\r
10125 // Check added for fullscreen bug
\r
10126 if (t.selection) {
\r
10127 n = t.selection.getNode();
\r
10129 // Add undo level is selection was lost to another document
\r
10130 if (!t.removed && n.ownerDocument && n.ownerDocument != t.getDoc())
\r
10135 Event.add(t.getDoc(), 'blur', function() {
\r
10136 if (t.selection && !t.removed)
\r
10141 t.onMouseDown.add(addUndo);
\r
10143 t.onKeyUp.add(function(ed, e) {
\r
10144 if ((e.keyCode >= 33 && e.keyCode <= 36) || (e.keyCode >= 37 && e.keyCode <= 40) || e.keyCode == 13 || e.keyCode == 45 || e.ctrlKey) {
\r
10145 t.undoManager.typing = 0;
\r
10146 t.undoManager.add();
\r
10150 t.onKeyDown.add(function(ed, e) {
\r
10151 // Is caracter positon keys
\r
10152 if ((e.keyCode >= 33 && e.keyCode <= 36) || (e.keyCode >= 37 && e.keyCode <= 40) || e.keyCode == 13 || e.keyCode == 45) {
\r
10153 if (t.undoManager.typing) {
\r
10154 t.undoManager.add();
\r
10155 t.undoManager.typing = 0;
\r
10161 if (!t.undoManager.typing) {
\r
10162 t.undoManager.add();
\r
10163 t.undoManager.typing = 1;
\r
10169 _convertInlineElements : function() {
\r
10170 var t = this, s = t.settings, dom = t.dom, v, e, na, st, sp;
\r
10172 function convert(ed, o) {
\r
10173 if (!s.inline_styles)
\r
10177 each(t.dom.select('table,u,strike', o.node), function(n) {
\r
10178 switch (n.nodeName) {
\r
10180 if (v = dom.getAttrib(n, 'height')) {
\r
10181 dom.setStyle(n, 'height', v);
\r
10182 dom.setAttrib(n, 'height', '');
\r
10188 //sp = dom.create('span', {style : dom.getAttrib(n, 'style')});
\r
10189 n.style.textDecoration = n.nodeName == 'U' ? 'underline' : 'line-through';
\r
10190 dom.setAttrib(n, 'mce_style', '');
\r
10191 dom.setAttrib(n, 'mce_name', 'span');
\r
10195 } else if (o.set) {
\r
10196 each(t.dom.select('table,span', o.node).reverse(), function(n) {
\r
10197 if (n.nodeName == 'TABLE') {
\r
10198 if (v = dom.getStyle(n, 'height'))
\r
10199 dom.setAttrib(n, 'height', v.replace(/[^0-9%]+/g, ''));
\r
10201 // Convert spans to elements
\r
10202 if (n.style.textDecoration == 'underline')
\r
10204 else if (n.style.textDecoration == 'line-through')
\r
10210 n.style.textDecoration = '';
\r
10211 dom.setAttrib(n, 'mce_style', '');
\r
10213 e = dom.create(na, {
\r
10214 style : dom.getAttrib(n, 'style')
\r
10217 dom.replace(e, n, 1);
\r
10224 t.onPreProcess.add(convert);
\r
10226 if (!s.cleanup_on_startup) {
\r
10227 t.onSetContent.add(function(ed, o) {
\r
10229 convert(t, {node : t.getBody(), set : 1});
\r
10234 _convertFonts : function() {
\r
10235 var t = this, s = t.settings, dom = t.dom, fz, fzn, sl, cl;
\r
10238 if (!s.inline_styles)
\r
10241 // Font pt values and font size names
\r
10242 fz = [8, 10, 12, 14, 18, 24, 36];
\r
10243 fzn = ['xx-small', 'x-small','small','medium','large','x-large', 'xx-large'];
\r
10245 if (sl = s.font_size_style_values)
\r
10246 sl = explode(sl);
\r
10248 if (cl = s.font_size_classes)
\r
10249 cl = explode(cl);
\r
10251 function process(no) {
\r
10252 var n, sp, nl, x;
\r
10254 // Keep unit tests happy
\r
10255 if (!s.inline_styles)
\r
10258 nl = t.dom.select('font', no);
\r
10259 for (x = nl.length - 1; x >= 0; x--) {
\r
10262 sp = dom.create('span', {
\r
10263 style : dom.getAttrib(n, 'style'),
\r
10264 'class' : dom.getAttrib(n, 'class')
\r
10267 dom.setStyles(sp, {
\r
10268 fontFamily : dom.getAttrib(n, 'face'),
\r
10269 color : dom.getAttrib(n, 'color'),
\r
10270 backgroundColor : n.style.backgroundColor
\r
10275 dom.setStyle(sp, 'fontSize', sl[parseInt(n.size) - 1]);
\r
10277 dom.setAttrib(sp, 'class', cl[parseInt(n.size) - 1]);
\r
10280 dom.setAttrib(sp, 'mce_style', '');
\r
10281 dom.replace(sp, n, 1);
\r
10285 // Run on cleanup
\r
10286 t.onPreProcess.add(function(ed, o) {
\r
10291 t.onSetContent.add(function(ed, o) {
\r
10297 _isHidden : function() {
\r
10303 // Weird, wheres that cursor selection?
\r
10304 s = this.selection.getSel();
\r
10305 return (!s || !s.rangeCount || s.rangeCount == 0);
\r
10308 // Fix for bug #1867292
\r
10309 _fixNesting : function(s) {
\r
10312 s = s.replace(/<(\/)?([^\s>]+)[^>]*?>/g, function(a, b, c) {
\r
10315 // Handle end element
\r
10320 if (c !== d[d.length - 1].tag) {
\r
10321 for (i=d.length - 1; i>=0; i--) {
\r
10322 if (d[i].tag === c) {
\r
10332 if (d.length && d[d.length - 1].close) {
\r
10333 a = a + '</' + d[d.length - 1].tag + '>';
\r
10339 if (/^(br|hr|input|meta|img|link|param)$/i.test(c))
\r
10342 // Ignore closed ones
\r
10343 if (/\/>$/.test(a))
\r
10346 d.push({tag : c}); // Push start element
\r
10352 // End all open tags
\r
10353 for (i=d.length - 1; i>=0; i--)
\r
10354 s += '</' + d[i].tag + '>';
\r
10361 (function(tinymce) {
\r
10362 var each = tinymce.each, isIE = tinymce.isIE, isGecko = tinymce.isGecko, isOpera = tinymce.isOpera, isWebKit = tinymce.isWebKit;
\r
10364 tinymce.create('tinymce.EditorCommands', {
\r
10365 EditorCommands : function(ed) {
\r
10366 this.editor = ed;
\r
10369 execCommand : function(cmd, ui, val) {
\r
10370 var t = this, ed = t.editor, f;
\r
10374 case 'mceResetDesignMode':
\r
10375 case 'mceBeginUndoLevel':
\r
10383 // Bundle these together
\r
10384 case 'JustifyLeft':
\r
10385 case 'JustifyCenter':
\r
10386 case 'JustifyRight':
\r
10387 case 'JustifyFull':
\r
10388 t.mceJustify(cmd, cmd.substring(7).toLowerCase());
\r
10395 f.call(this, ui, val);
\r
10403 Indent : function() {
\r
10404 var ed = this.editor, d = ed.dom, s = ed.selection, e, iv, iu;
\r
10406 // Setup indent level
\r
10407 iv = ed.settings.indentation;
\r
10408 iu = /[a-z%]+$/i.exec(iv);
\r
10409 iv = parseInt(iv);
\r
10411 if (ed.settings.inline_styles && (!this.queryStateInsertUnorderedList() && !this.queryStateInsertOrderedList())) {
\r
10412 each(s.getSelectedBlocks(), function(e) {
\r
10413 d.setStyle(e, 'paddingLeft', (parseInt(e.style.paddingLeft || 0) + iv) + iu);
\r
10419 ed.getDoc().execCommand('Indent', false, null);
\r
10422 d.getParent(s.getNode(), function(n) {
\r
10423 if (n.nodeName == 'BLOCKQUOTE') {
\r
10424 n.dir = n.style.cssText = '';
\r
10430 Outdent : function() {
\r
10431 var ed = this.editor, d = ed.dom, s = ed.selection, e, v, iv, iu;
\r
10433 // Setup indent level
\r
10434 iv = ed.settings.indentation;
\r
10435 iu = /[a-z%]+$/i.exec(iv);
\r
10436 iv = parseInt(iv);
\r
10438 if (ed.settings.inline_styles && (!this.queryStateInsertUnorderedList() && !this.queryStateInsertOrderedList())) {
\r
10439 each(s.getSelectedBlocks(), function(e) {
\r
10440 v = Math.max(0, parseInt(e.style.paddingLeft || 0) - iv);
\r
10441 d.setStyle(e, 'paddingLeft', v ? v + iu : '');
\r
10447 ed.getDoc().execCommand('Outdent', false, null);
\r
10451 mceSetAttribute : function(u, v) {
\r
10452 var ed = this.editor, d = ed.dom, e;
\r
10454 if (e = d.getParent(ed.selection.getNode(), d.isBlock))
\r
10455 d.setAttrib(e, v.name, v.value);
\r
10458 mceSetContent : function(u, v) {
\r
10459 this.editor.setContent(v);
\r
10462 mceToggleVisualAid : function() {
\r
10463 var ed = this.editor;
\r
10465 ed.hasVisual = !ed.hasVisual;
\r
10469 mceReplaceContent : function(u, v) {
\r
10470 var s = this.editor.selection;
\r
10472 s.setContent(v.replace(/\{\$selection\}/g, s.getContent({format : 'text'})));
\r
10475 mceInsertLink : function(u, v) {
\r
10476 var ed = this.editor, s = ed.selection, e = ed.dom.getParent(s.getNode(), 'a');
\r
10478 if (tinymce.is(v, 'string'))
\r
10481 function set(e) {
\r
10482 each(v, function(v, k) {
\r
10483 ed.dom.setAttrib(e, k, v);
\r
10488 ed.execCommand('CreateLink', false, 'javascript:mctmp(0);');
\r
10489 each(ed.dom.select('a[href=javascript:mctmp(0);]'), function(e) {
\r
10496 ed.dom.remove(e, 1);
\r
10500 UnLink : function() {
\r
10501 var ed = this.editor, s = ed.selection;
\r
10503 if (s.isCollapsed())
\r
10504 s.select(s.getNode());
\r
10506 ed.getDoc().execCommand('unlink', false, null);
\r
10510 FontName : function(u, v) {
\r
10511 var t = this, ed = t.editor, s = ed.selection, e;
\r
10514 if (s.isCollapsed())
\r
10515 s.select(s.getNode());
\r
10517 if (ed.settings.convert_fonts_to_spans)
\r
10518 t._applyInlineStyle('span', {style : {fontFamily : v}});
\r
10520 ed.getDoc().execCommand('FontName', false, v);
\r
10524 FontSize : function(u, v) {
\r
10525 var ed = this.editor, s = ed.settings, fc, fs;
\r
10527 // Use style options instead
\r
10528 if (s.convert_fonts_to_spans && v >= 1 && v <= 7) {
\r
10529 fs = tinymce.explode(s.font_size_style_values);
\r
10530 fc = tinymce.explode(s.font_size_classes);
\r
10533 v = fc[v - 1] || v;
\r
10535 v = fs[v - 1] || v;
\r
10538 if (v >= 1 && v <= 7)
\r
10539 ed.getDoc().execCommand('FontSize', false, v);
\r
10541 this._applyInlineStyle('span', {style : {fontSize : v}});
\r
10544 queryCommandValue : function(c) {
\r
10545 var f = this['queryValue' + c];
\r
10548 return f.call(this, c);
\r
10553 queryCommandState : function(cmd) {
\r
10557 // Bundle these together
\r
10558 case 'JustifyLeft':
\r
10559 case 'JustifyCenter':
\r
10560 case 'JustifyRight':
\r
10561 case 'JustifyFull':
\r
10562 return this.queryStateJustify(cmd, cmd.substring(7).toLowerCase());
\r
10565 if (f = this['queryState' + cmd])
\r
10566 return f.call(this, cmd);
\r
10572 _queryState : function(c) {
\r
10574 return this.editor.getDoc().queryCommandState(c);
\r
10576 // Ignore exception
\r
10580 _queryVal : function(c) {
\r
10582 return this.editor.getDoc().queryCommandValue(c);
\r
10584 // Ignore exception
\r
10588 queryValueFontSize : function() {
\r
10589 var ed = this.editor, v = 0, p;
\r
10591 if (p = ed.dom.getParent(ed.selection.getNode(), 'span'))
\r
10592 v = p.style.fontSize;
\r
10594 if (!v && (isOpera || isWebKit)) {
\r
10595 if (p = ed.dom.getParent(ed.selection.getNode(), 'font'))
\r
10601 return v || this._queryVal('FontSize');
\r
10604 queryValueFontName : function() {
\r
10605 var ed = this.editor, v = 0, p;
\r
10607 if (p = ed.dom.getParent(ed.selection.getNode(), 'font'))
\r
10610 if (p = ed.dom.getParent(ed.selection.getNode(), 'span'))
\r
10611 v = p.style.fontFamily.replace(/, /g, ',').replace(/[\'\"]/g, '').toLowerCase();
\r
10614 v = this._queryVal('FontName');
\r
10619 mceJustify : function(c, v) {
\r
10620 var ed = this.editor, se = ed.selection, n = se.getNode(), nn = n.nodeName, bl, nb, dom = ed.dom, rm;
\r
10622 if (ed.settings.inline_styles && this.queryStateJustify(c, v))
\r
10625 bl = dom.getParent(n, ed.dom.isBlock);
\r
10627 if (nn == 'IMG') {
\r
10632 if (v == 'center')
\r
10633 dom.setStyle(bl || n.parentNode, 'textAlign', '');
\r
10635 dom.setStyle(n, 'float', '');
\r
10636 this.mceRepaint();
\r
10640 if (v == 'center') {
\r
10641 // Do not change table elements
\r
10642 if (bl && /^(TD|TH)$/.test(bl.nodeName))
\r
10645 if (!bl || bl.childNodes.length > 1) {
\r
10646 nb = dom.create('p');
\r
10647 nb.appendChild(n.cloneNode(false));
\r
10650 dom.insertAfter(nb, bl);
\r
10652 dom.insertAfter(nb, n);
\r
10655 n = nb.firstChild;
\r
10659 dom.setStyle(bl, 'textAlign', v);
\r
10660 dom.setStyle(n, 'float', '');
\r
10662 dom.setStyle(n, 'float', v);
\r
10663 dom.setStyle(bl || n.parentNode, 'textAlign', '');
\r
10666 this.mceRepaint();
\r
10670 // Handle the alignment outselfs, less quirks in all browsers
\r
10671 if (ed.settings.inline_styles && ed.settings.forced_root_block) {
\r
10675 each(se.getSelectedBlocks(dom.getParent(se.getStart(), dom.isBlock), dom.getParent(se.getEnd(), dom.isBlock)), function(e) {
\r
10676 dom.setAttrib(e, 'align', '');
\r
10677 dom.setStyle(e, 'textAlign', v == 'full' ? 'justify' : v);
\r
10682 ed.getDoc().execCommand(c, false, null);
\r
10684 if (ed.settings.inline_styles) {
\r
10686 dom.getParent(ed.selection.getNode(), function(n) {
\r
10687 if (n.style && n.style.textAlign)
\r
10688 dom.setStyle(n, 'textAlign', '');
\r
10694 each(dom.select('*'), function(n) {
\r
10701 dom.setStyle(n, 'textAlign', v);
\r
10702 dom.setAttrib(n, 'align', '');
\r
10708 mceSetCSSClass : function(u, v) {
\r
10709 this.mceSetStyleInfo(0, {command : 'setattrib', name : 'class', value : v});
\r
10712 getSelectedElement : function() {
\r
10713 var t = this, ed = t.editor, dom = ed.dom, se = ed.selection, r = se.getRng(), r1, r2, sc, ec, so, eo, e, sp, ep, re;
\r
10715 if (se.isCollapsed() || r.item)
\r
10716 return se.getNode();
\r
10719 re = ed.settings.merge_styles_invalid_parents;
\r
10720 if (tinymce.is(re, 'string'))
\r
10721 re = new RegExp(re, 'i');
\r
10724 r1 = r.duplicate();
\r
10725 r1.collapse(true);
\r
10726 sc = r1.parentElement();
\r
10728 r2 = r.duplicate();
\r
10729 r2.collapse(false);
\r
10730 ec = r2.parentElement();
\r
10733 r1.move('character', 1);
\r
10734 sc = r1.parentElement();
\r
10738 r1 = r.duplicate();
\r
10739 r1.moveToElementText(sc);
\r
10741 if (r1.compareEndPoints('StartToStart', r) == 0 && r1.compareEndPoints('EndToEnd', r) == 0)
\r
10742 return re && re.test(sc.nodeName) ? null : sc;
\r
10745 function getParent(n) {
\r
10746 return dom.getParent(n, '*');
\r
10749 sc = r.startContainer;
\r
10750 ec = r.endContainer;
\r
10751 so = r.startOffset;
\r
10752 eo = r.endOffset;
\r
10754 if (!r.collapsed) {
\r
10756 if (so - eo < 2) {
\r
10757 if (sc.hasChildNodes()) {
\r
10758 sp = sc.childNodes[so];
\r
10759 return re && re.test(sp.nodeName) ? null : sp;
\r
10765 if (sc.nodeType != 3 || ec.nodeType != 3)
\r
10769 sp = getParent(sc);
\r
10771 if (sp && sp.firstChild != sc)
\r
10775 if (so == sc.nodeValue.length) {
\r
10776 e = sc.nextSibling;
\r
10778 if (e && e.nodeType == 1)
\r
10779 sp = sc.nextSibling;
\r
10783 e = ec.previousSibling;
\r
10785 if (e && e.nodeType == 1)
\r
10789 if (eo == ec.nodeValue.length) {
\r
10790 ep = getParent(ec);
\r
10792 if (ep && ep.lastChild != ec)
\r
10798 return re && sp && re.test(sp.nodeName) ? null : sp;
\r
10804 mceSetStyleInfo : function(u, v) {
\r
10805 var t = this, ed = t.editor, d = ed.getDoc(), dom = ed.dom, e, b, s = ed.selection, nn = v.wrapper || 'span', b = s.getBookmark(), re;
\r
10807 function set(n, e) {
\r
10808 if (n.nodeType == 1) {
\r
10809 switch (v.command) {
\r
10810 case 'setattrib':
\r
10811 return dom.setAttrib(n, v.name, v.value);
\r
10814 return dom.setStyle(n, v.name, v.value);
\r
10816 case 'removeformat':
\r
10817 return dom.setAttrib(n, 'class', '');
\r
10823 re = ed.settings.merge_styles_invalid_parents;
\r
10824 if (tinymce.is(re, 'string'))
\r
10825 re = new RegExp(re, 'i');
\r
10827 // Set style info on selected element
\r
10828 if ((e = t.getSelectedElement()) && !ed.settings.force_span_wrappers)
\r
10831 // Generate wrappers and set styles on them
\r
10832 d.execCommand('FontName', false, '__');
\r
10833 each(dom.select('span,font'), function(n) {
\r
10836 if (dom.getAttrib(n, 'face') == '__' || n.style.fontFamily === '__') {
\r
10837 sp = dom.create(nn, {mce_new : '1'});
\r
10841 each (n.childNodes, function(n) {
\r
10842 sp.appendChild(n.cloneNode(true));
\r
10845 dom.replace(sp, n);
\r
10850 // Remove wrappers inside new ones
\r
10851 each(dom.select(nn).reverse(), function(n) {
\r
10852 var p = n.parentNode;
\r
10854 // Check if it's an old span in a new wrapper
\r
10855 if (!dom.getAttrib(n, 'mce_new')) {
\r
10856 // Find new wrapper
\r
10857 p = dom.getParent(n, '*[mce_new]');
\r
10860 dom.remove(n, 1);
\r
10864 // Merge wrappers with parent wrappers
\r
10865 each(dom.select(nn).reverse(), function(n) {
\r
10866 var p = n.parentNode;
\r
10868 if (!p || !dom.getAttrib(n, 'mce_new'))
\r
10871 if (ed.settings.force_span_wrappers && p.nodeName != 'SPAN')
\r
10874 // Has parent of the same type and only child
\r
10875 if (p.nodeName == nn.toUpperCase() && p.childNodes.length == 1)
\r
10876 return dom.remove(p, 1);
\r
10878 // Has parent that is more suitable to have the class and only child
\r
10879 if (n.nodeType == 1 && (!re || !re.test(p.nodeName)) && p.childNodes.length == 1) {
\r
10880 set(p); // Set style info on parent instead
\r
10881 dom.setAttrib(n, 'class', '');
\r
10885 // Remove empty wrappers
\r
10886 each(dom.select(nn).reverse(), function(n) {
\r
10887 if (dom.getAttrib(n, 'mce_new') || (dom.getAttribs(n).length <= 1 && n.className === '')) {
\r
10888 if (!dom.getAttrib(n, 'class') && !dom.getAttrib(n, 'style'))
\r
10889 return dom.remove(n, 1);
\r
10891 dom.setAttrib(n, 'mce_new', ''); // Remove mce_new marker
\r
10895 s.moveToBookmark(b);
\r
10898 queryStateJustify : function(c, v) {
\r
10899 var ed = this.editor, n = ed.selection.getNode(), dom = ed.dom;
\r
10901 if (n && n.nodeName == 'IMG') {
\r
10902 if (dom.getStyle(n, 'float') == v)
\r
10905 return n.parentNode.style.textAlign == v;
\r
10908 n = dom.getParent(ed.selection.getStart(), function(n) {
\r
10909 return n.nodeType == 1 && n.style.textAlign;
\r
10915 if (ed.settings.inline_styles)
\r
10916 return (n && n.style.textAlign == v);
\r
10918 return this._queryState(c);
\r
10921 ForeColor : function(ui, v) {
\r
10922 var ed = this.editor;
\r
10924 if (ed.settings.convert_fonts_to_spans) {
\r
10925 this._applyInlineStyle('span', {style : {color : v}});
\r
10928 ed.getDoc().execCommand('ForeColor', false, v);
\r
10931 HiliteColor : function(ui, val) {
\r
10932 var t = this, ed = t.editor, d = ed.getDoc();
\r
10934 if (ed.settings.convert_fonts_to_spans) {
\r
10935 this._applyInlineStyle('span', {style : {backgroundColor : val}});
\r
10939 function set(s) {
\r
10944 // Try new Gecko method
\r
10945 d.execCommand("styleWithCSS", 0, s);
\r
10948 d.execCommand("useCSS", 0, !s);
\r
10952 if (isGecko || isOpera) {
\r
10954 d.execCommand('hilitecolor', false, val);
\r
10957 d.execCommand('BackColor', false, val);
\r
10960 FormatBlock : function(ui, val) {
\r
10961 var t = this, ed = t.editor, s = ed.selection, dom = ed.dom, bl, nb, b;
\r
10963 function isBlock(n) {
\r
10964 return /^(P|DIV|H[1-6]|ADDRESS|BLOCKQUOTE|PRE)$/.test(n.nodeName);
\r
10967 bl = dom.getParent(s.getNode(), function(n) {
\r
10968 return isBlock(n);
\r
10971 // IE has an issue where it removes the parent div if you change format on the paragrah in <div><p>Content</p></div>
\r
10972 // FF and Opera doesn't change parent DIV elements if you switch format
\r
10974 if ((isIE && isBlock(bl.parentNode)) || bl.nodeName == 'DIV') {
\r
10975 // Rename block element
\r
10976 nb = ed.dom.create(val);
\r
10978 each(dom.getAttribs(bl), function(v) {
\r
10979 dom.setAttrib(nb, v.nodeName, dom.getAttrib(bl, v.nodeName));
\r
10982 b = s.getBookmark();
\r
10983 dom.replace(nb, bl, 1);
\r
10984 s.moveToBookmark(b);
\r
10985 ed.nodeChanged();
\r
10990 val = ed.settings.forced_root_block ? (val || '<p>') : val;
\r
10992 if (val.indexOf('<') == -1)
\r
10993 val = '<' + val + '>';
\r
10995 if (tinymce.isGecko)
\r
10996 val = val.replace(/<(div|blockquote|code|dt|dd|dl|samp)>/gi, '$1');
\r
10998 ed.getDoc().execCommand('FormatBlock', false, val);
\r
11001 mceCleanup : function() {
\r
11002 var ed = this.editor, s = ed.selection, b = s.getBookmark();
\r
11003 ed.setContent(ed.getContent());
\r
11004 s.moveToBookmark(b);
\r
11007 mceRemoveNode : function(ui, val) {
\r
11008 var ed = this.editor, s = ed.selection, b, n = val || s.getNode();
\r
11010 // Make sure that the body node isn't removed
\r
11011 if (n == ed.getBody())
\r
11014 b = s.getBookmark();
\r
11015 ed.dom.remove(n, 1);
\r
11016 s.moveToBookmark(b);
\r
11017 ed.nodeChanged();
\r
11020 mceSelectNodeDepth : function(ui, val) {
\r
11021 var ed = this.editor, s = ed.selection, c = 0;
\r
11023 ed.dom.getParent(s.getNode(), function(n) {
\r
11024 if (n.nodeType == 1 && c++ == val) {
\r
11026 ed.nodeChanged();
\r
11029 }, ed.getBody());
\r
11032 mceSelectNode : function(u, v) {
\r
11033 this.editor.selection.select(v);
\r
11036 mceInsertContent : function(ui, val) {
\r
11037 this.editor.selection.setContent(val);
\r
11040 mceInsertRawHTML : function(ui, val) {
\r
11041 var ed = this.editor;
\r
11043 ed.selection.setContent('tiny_mce_marker');
\r
11044 ed.setContent(ed.getContent().replace(/tiny_mce_marker/g, val));
\r
11047 mceRepaint : function() {
\r
11048 var s, b, e = this.editor;
\r
11050 if (tinymce.isGecko) {
\r
11053 b = s.getBookmark(true);
\r
11056 s.getSel().selectAllChildren(e.getBody());
\r
11058 s.collapse(true);
\r
11059 s.moveToBookmark(b);
\r
11066 queryStateUnderline : function() {
\r
11067 var ed = this.editor, n = ed.selection.getNode();
\r
11069 if (n && n.nodeName == 'A')
\r
11072 return this._queryState('Underline');
\r
11075 queryStateOutdent : function() {
\r
11076 var ed = this.editor, n;
\r
11078 if (ed.settings.inline_styles) {
\r
11079 if ((n = ed.dom.getParent(ed.selection.getStart(), ed.dom.isBlock)) && parseInt(n.style.paddingLeft) > 0)
\r
11082 if ((n = ed.dom.getParent(ed.selection.getEnd(), ed.dom.isBlock)) && parseInt(n.style.paddingLeft) > 0)
\r
11086 return this.queryStateInsertUnorderedList() || this.queryStateInsertOrderedList() || (!ed.settings.inline_styles && !!ed.dom.getParent(ed.selection.getNode(), 'BLOCKQUOTE'));
\r
11089 queryStateInsertUnorderedList : function() {
\r
11090 return this.editor.dom.getParent(this.editor.selection.getNode(), 'UL');
\r
11093 queryStateInsertOrderedList : function() {
\r
11094 return this.editor.dom.getParent(this.editor.selection.getNode(), 'OL');
\r
11097 queryStatemceBlockQuote : function() {
\r
11098 return !!this.editor.dom.getParent(this.editor.selection.getStart(), function(n) {return n.nodeName === 'BLOCKQUOTE';});
\r
11101 _applyInlineStyle : function(na, at, op) {
\r
11102 var t = this, ed = t.editor, dom = ed.dom, bm, lo = {}, kh, found;
\r
11104 na = na.toUpperCase();
\r
11106 if (op && op.check_classes && at['class'])
\r
11107 op.check_classes.push(at['class']);
\r
11109 function removeEmpty() {
\r
11110 each(dom.select(na).reverse(), function(n) {
\r
11113 // Check if there is any attributes
\r
11114 each(dom.getAttribs(n), function(an) {
\r
11115 if (an.nodeName.substring(0, 1) != '_' && dom.getAttrib(n, an.nodeName) != '') {
\r
11116 //console.log(dom.getOuterHTML(n), dom.getAttrib(n, an.nodeName));
\r
11121 // No attributes then remove the element and keep the children
\r
11123 dom.remove(n, 1);
\r
11127 function replaceFonts() {
\r
11130 each(dom.select('span,font'), function(n) {
\r
11131 if (n.style.fontFamily == 'mceinline' || n.face == 'mceinline') {
\r
11133 bm = ed.selection.getBookmark();
\r
11135 at._mce_new = '1';
\r
11136 dom.replace(dom.create(na, at), n, 1);
\r
11140 // Remove redundant elements
\r
11141 each(dom.select(na + '[_mce_new]'), function(n) {
\r
11142 function removeStyle(n) {
\r
11143 if (n.nodeType == 1) {
\r
11144 each(at.style, function(v, k) {
\r
11145 dom.setStyle(n, k, '');
\r
11148 // Remove spans with the same class or marked classes
\r
11149 if (at['class'] && n.className && op) {
\r
11150 each(op.check_classes, function(c) {
\r
11151 if (dom.hasClass(n, c))
\r
11152 dom.removeClass(n, c);
\r
11158 // Remove specified style information from child elements
\r
11159 each(dom.select(na, n), removeStyle);
\r
11161 // Remove the specified style information on parent if current node is only child (IE)
\r
11162 if (n.parentNode && n.parentNode.nodeType == 1 && n.parentNode.childNodes.length == 1)
\r
11163 removeStyle(n.parentNode);
\r
11165 // Remove the child elements style info if a parent already has it
\r
11166 dom.getParent(n.parentNode, function(pn) {
\r
11167 if (pn.nodeType == 1) {
\r
11169 each(at.style, function(v, k) {
\r
11172 if (!lo[k] && (sv = dom.getStyle(pn, k))) {
\r
11174 dom.setStyle(n, k, '');
\r
11181 // Remove spans with the same class or marked classes
\r
11182 if (at['class'] && pn.className && op) {
\r
11183 each(op.check_classes, function(c) {
\r
11184 if (dom.hasClass(pn, c))
\r
11185 dom.removeClass(n, c);
\r
11193 n.removeAttribute('_mce_new');
\r
11197 ed.selection.moveToBookmark(bm);
\r
11202 // Create inline elements
\r
11204 ed.getDoc().execCommand('FontName', false, 'mceinline');
\r
11207 if (kh = t._applyInlineStyle.keyhandler) {
\r
11208 ed.onKeyUp.remove(kh);
\r
11209 ed.onKeyPress.remove(kh);
\r
11210 ed.onKeyDown.remove(kh);
\r
11211 ed.onSetContent.remove(t._applyInlineStyle.chandler);
\r
11214 if (ed.selection.isCollapsed()) {
\r
11215 // IE will format the current word so this code can't be executed on that browser
\r
11217 each(dom.getParents(ed.selection.getNode(), 'span'), function(n) {
\r
11218 each(at.style, function(v, k) {
\r
11221 if (kv = dom.getStyle(n, k)) {
\r
11223 dom.setStyle(n, k, '');
\r
11237 if (found == 2) {
\r
11238 bm = ed.selection.getBookmark();
\r
11242 ed.selection.moveToBookmark(bm);
\r
11244 // Node change needs to be detached since the onselect event
\r
11245 // for the select box will run the onclick handler after onselect call. Todo: Add a nicer fix!
\r
11246 window.setTimeout(function() {
\r
11247 ed.nodeChanged();
\r
11254 // Start collecting styles
\r
11255 t._pendingStyles = tinymce.extend(t._pendingStyles || {}, at.style);
\r
11257 t._applyInlineStyle.chandler = ed.onSetContent.add(function() {
\r
11258 delete t._pendingStyles;
\r
11261 t._applyInlineStyle.keyhandler = kh = function(e) {
\r
11262 // Use pending styles
\r
11263 if (t._pendingStyles) {
\r
11264 at.style = t._pendingStyles;
\r
11265 delete t._pendingStyles;
\r
11268 if (replaceFonts()) {
\r
11269 ed.onKeyDown.remove(t._applyInlineStyle.keyhandler);
\r
11270 ed.onKeyPress.remove(t._applyInlineStyle.keyhandler);
\r
11273 if (e.type == 'keyup')
\r
11274 ed.onKeyUp.remove(t._applyInlineStyle.keyhandler);
\r
11277 ed.onKeyDown.add(kh);
\r
11278 ed.onKeyPress.add(kh);
\r
11279 ed.onKeyUp.add(kh);
\r
11281 t._pendingStyles = 0;
\r
11284 })(tinymce);(function(tinymce) {
\r
11285 tinymce.create('tinymce.UndoManager', {
\r
11290 UndoManager : function(ed) {
\r
11291 var t = this, Dispatcher = tinymce.util.Dispatcher;
\r
11295 t.onAdd = new Dispatcher(this);
\r
11296 t.onUndo = new Dispatcher(this);
\r
11297 t.onRedo = new Dispatcher(this);
\r
11300 add : function(l) {
\r
11301 var t = this, i, ed = t.editor, b, s = ed.settings, la;
\r
11304 l.content = l.content || ed.getContent({format : 'raw', no_events : 1});
\r
11306 // Add undo level if needed
\r
11307 l.content = l.content.replace(/^\s*|\s*$/g, '');
\r
11308 la = t.data[t.index > 0 && (t.index == 0 || t.index == t.data.length) ? t.index - 1 : t.index];
\r
11309 if (!l.initial && la && l.content == la.content)
\r
11312 // Time to compress
\r
11313 if (s.custom_undo_redo_levels) {
\r
11314 if (t.data.length > s.custom_undo_redo_levels) {
\r
11315 for (i = 0; i < t.data.length - 1; i++)
\r
11316 t.data[i] = t.data[i + 1];
\r
11319 t.index = t.data.length;
\r
11323 if (s.custom_undo_redo_restore_selection && !l.initial)
\r
11324 l.bookmark = b = l.bookmark || ed.selection.getBookmark();
\r
11326 if (t.index < t.data.length)
\r
11329 // Only initial marked undo levels should be allowed as first item
\r
11330 // This to workaround a bug with Firefox and the blur event
\r
11331 if (t.data.length === 0 && !l.initial)
\r
11335 t.data.length = t.index + 1;
\r
11336 t.data[t.index++] = l;
\r
11341 // Set initial bookmark use first real undo level
\r
11342 if (t.data.length == 2 && t.data[0].initial)
\r
11343 t.data[0].bookmark = b;
\r
11345 t.onAdd.dispatch(t, l);
\r
11346 ed.isNotDirty = 0;
\r
11348 //console.dir(t.data);
\r
11353 undo : function() {
\r
11354 var t = this, ed = t.editor, l = l, i;
\r
11361 if (t.index > 0) {
\r
11362 // If undo on last index then take snapshot
\r
11363 if (t.index == t.data.length && t.index > 1) {
\r
11373 l = t.data[--t.index];
\r
11374 ed.setContent(l.content, {format : 'raw'});
\r
11375 ed.selection.moveToBookmark(l.bookmark);
\r
11377 t.onUndo.dispatch(t, l);
\r
11383 redo : function() {
\r
11384 var t = this, ed = t.editor, l = null;
\r
11386 if (t.index < t.data.length - 1) {
\r
11387 l = t.data[++t.index];
\r
11388 ed.setContent(l.content, {format : 'raw'});
\r
11389 ed.selection.moveToBookmark(l.bookmark);
\r
11391 t.onRedo.dispatch(t, l);
\r
11397 clear : function() {
\r
11403 t.add({initial : true});
\r
11406 hasUndo : function() {
\r
11407 return this.index != 0 || this.typing;
\r
11410 hasRedo : function() {
\r
11411 return this.index < this.data.length - 1;
\r
11416 (function(tinymce) {
\r
11418 var Event, isIE, isGecko, isOpera, each, extend;
\r
11420 Event = tinymce.dom.Event;
\r
11421 isIE = tinymce.isIE;
\r
11422 isGecko = tinymce.isGecko;
\r
11423 isOpera = tinymce.isOpera;
\r
11424 each = tinymce.each;
\r
11425 extend = tinymce.extend;
\r
11427 function isEmpty(n) {
\r
11429 n = n.replace(/<\w+ .*?mce_\w+\"?=.*?>/gi, '-'); // Keep tags with mce_ attribs
\r
11430 n = n.replace(/<(img|hr|table)/gi, '-'); // Keep these convert them to - chars
\r
11431 n = n.replace(/<[^>]+>/g, ''); // Remove all tags
\r
11433 return n.replace(/[ \t\r\n]+/g, '') == '';
\r
11436 tinymce.create('tinymce.ForceBlocks', {
\r
11437 ForceBlocks : function(ed) {
\r
11438 var t = this, s = ed.settings, elm;
\r
11442 elm = (s.forced_root_block || 'p').toLowerCase();
\r
11443 s.element = elm.toUpperCase();
\r
11445 ed.onPreInit.add(t.setup, t);
\r
11447 t.reOpera = new RegExp('(\\u00a0| | )<\/' + elm + '>', 'gi');
\r
11448 t.rePadd = new RegExp('<p( )([^>]+)><\\\/p>|<p( )([^>]+)\\\/>|<p( )([^>]+)>\\s+<\\\/p>|<p><\\\/p>|<p\\\/>|<p>\\s+<\\\/p>'.replace(/p/g, elm), 'gi');
\r
11449 t.reNbsp2BR1 = new RegExp('<p( )([^>]+)>[\\s\\u00a0]+<\\\/p>|<p>[\\s\\u00a0]+<\\\/p>'.replace(/p/g, elm), 'gi');
\r
11450 t.reNbsp2BR2 = new RegExp('<%p()([^>]+)>( | )<\\\/%p>|<%p>( | )<\\\/%p>'.replace(/%p/g, elm), 'gi');
\r
11451 t.reBR2Nbsp = new RegExp('<p( )([^>]+)>\\s*<br \\\/>\\s*<\\\/p>|<p>\\s*<br \\\/>\\s*<\\\/p>'.replace(/p/g, elm), 'gi');
\r
11453 function padd(ed, o) {
\r
11455 o.content = o.content.replace(t.reOpera, '</' + elm + '>');
\r
11457 o.content = o.content.replace(t.rePadd, '<' + elm + '$1$2$3$4$5$6>\u00a0</' + elm + '>');
\r
11459 if (!isIE && !isOpera && o.set) {
\r
11460 // Use instead of BR in padded paragraphs
\r
11461 o.content = o.content.replace(t.reNbsp2BR1, '<' + elm + '$1$2><br /></' + elm + '>');
\r
11462 o.content = o.content.replace(t.reNbsp2BR2, '<' + elm + '$1$2><br /></' + elm + '>');
\r
11464 o.content = o.content.replace(t.reBR2Nbsp, '<' + elm + '$1$2>\u00a0</' + elm + '>');
\r
11467 ed.onBeforeSetContent.add(padd);
\r
11468 ed.onPostProcess.add(padd);
\r
11470 if (s.forced_root_block) {
\r
11471 ed.onInit.add(t.forceRoots, t);
\r
11472 ed.onSetContent.add(t.forceRoots, t);
\r
11473 ed.onBeforeGetContent.add(t.forceRoots, t);
\r
11477 setup : function() {
\r
11478 var t = this, ed = t.editor, s = ed.settings;
\r
11480 // Force root blocks when typing and when getting output
\r
11481 if (s.forced_root_block) {
\r
11482 ed.onKeyUp.add(t.forceRoots, t);
\r
11483 ed.onPreProcess.add(t.forceRoots, t);
\r
11486 if (s.force_br_newlines) {
\r
11487 // Force IE to produce BRs on enter
\r
11489 ed.onKeyPress.add(function(ed, e) {
\r
11490 var n, s = ed.selection;
\r
11492 if (e.keyCode == 13 && s.getNode().nodeName != 'LI') {
\r
11493 s.setContent('<br id="__" /> ', {format : 'raw'});
\r
11494 n = ed.dom.get('__');
\r
11495 n.removeAttribute('id');
\r
11498 return Event.cancel(e);
\r
11506 if (!isIE && s.force_p_newlines) {
\r
11507 /* ed.onPreProcess.add(function(ed, o) {
\r
11508 each(ed.dom.select('br', o.node), function(n) {
\r
11509 var p = n.parentNode;
\r
11511 // Replace <p><br /></p> with <p> </p>
\r
11512 if (p && p.nodeName == 'p' && (p.childNodes.length == 1 || p.lastChild == n)) {
\r
11513 p.replaceChild(ed.getDoc().createTextNode('\u00a0'), n);
\r
11518 ed.onKeyPress.add(function(ed, e) {
\r
11519 if (e.keyCode == 13 && !e.shiftKey) {
\r
11520 if (!t.insertPara(e))
\r
11526 ed.onKeyDown.add(function(ed, e) {
\r
11527 if ((e.keyCode == 8 || e.keyCode == 46) && !e.shiftKey)
\r
11528 t.backspaceDelete(e, e.keyCode == 8);
\r
11533 function ren(rn, na) {
\r
11534 var ne = ed.dom.create(na);
\r
11536 each(rn.attributes, function(a) {
\r
11537 if (a.specified && a.nodeValue)
\r
11538 ne.setAttribute(a.nodeName.toLowerCase(), a.nodeValue);
\r
11541 each(rn.childNodes, function(n) {
\r
11542 ne.appendChild(n.cloneNode(true));
\r
11545 rn.parentNode.replaceChild(ne, rn);
\r
11550 // IE specific fixes
\r
11552 // Remove empty inline elements within block elements
\r
11553 // For example: <p><strong><em></em></strong></p>
\r
11554 ed.onPreProcess.add(function(ed, o) {
\r
11555 each(ed.dom.select('p,h1,h2,h3,h4,h5,h6,div', o.node), function(p) {
\r
11557 p.innerHTML = '';
\r
11561 // Replaces IE:s auto generated paragraphs with the specified element name
\r
11562 if (s.element != 'P') {
\r
11563 ed.onKeyPress.add(function(ed, e) {
\r
11564 t.lastElm = ed.selection.getNode().nodeName;
\r
11567 ed.onKeyUp.add(function(ed, e) {
\r
11568 var bl, sel = ed.selection, n = sel.getNode(), b = ed.getBody();
\r
11570 if (b.childNodes.length === 1 && n.nodeName == 'P') {
\r
11571 n = ren(n, s.element);
\r
11574 ed.nodeChanged();
\r
11575 } else if (e.keyCode == 13 && !e.shiftKey && t.lastElm != 'P') {
\r
11576 bl = ed.dom.getParent(n, 'p');
\r
11579 ren(bl, s.element);
\r
11580 ed.nodeChanged();
\r
11588 find : function(n, t, s) {
\r
11589 var ed = this.editor, w = ed.getDoc().createTreeWalker(n, 4, null, false), c = -1;
\r
11591 while (n = w.nextNode()) {
\r
11595 if (t == 0 && n == s)
\r
11599 if (t == 1 && c == s)
\r
11606 forceRoots : function(ed, e) {
\r
11607 var t = this, ed = t.editor, b = ed.getBody(), d = ed.getDoc(), se = ed.selection, s = se.getSel(), r = se.getRng(), si = -2, ei, so, eo, tr, c = -0xFFFFFF;
\r
11608 var nx, bl, bp, sp, le, nl = b.childNodes, i, n, eid;
\r
11610 // Fix for bug #1863847
\r
11611 //if (e && e.keyCode == 13)
\r
11614 // Wrap non blocks into blocks
\r
11615 for (i = nl.length - 1; i >= 0; i--) {
\r
11618 // Is text or non block element
\r
11619 if (nx.nodeType == 3 || (!t.dom.isBlock(nx) && nx.nodeType != 8)) {
\r
11621 // Create new block but ignore whitespace
\r
11622 if (nx.nodeType != 3 || /[^\s]/g.test(nx.nodeValue)) {
\r
11623 // Store selection
\r
11624 if (si == -2 && r) {
\r
11626 // If selection is element then mark it
\r
11627 if (r.startContainer.nodeType == 1 && (n = r.startContainer.childNodes[r.startOffset]) && n.nodeType == 1) {
\r
11628 // Save the id of the selected element
\r
11629 eid = n.getAttribute("id");
\r
11630 n.setAttribute("id", "__mce");
\r
11632 // If element is inside body, might not be the case in contentEdiable mode
\r
11633 if (ed.dom.getParent(r.startContainer, function(e) {return e === b;})) {
\r
11634 so = r.startOffset;
\r
11635 eo = r.endOffset;
\r
11636 si = t.find(b, 0, r.startContainer);
\r
11637 ei = t.find(b, 0, r.endContainer);
\r
11641 tr = d.body.createTextRange();
\r
11642 tr.moveToElementText(b);
\r
11644 bp = tr.move('character', c) * -1;
\r
11646 tr = r.duplicate();
\r
11648 sp = tr.move('character', c) * -1;
\r
11650 tr = r.duplicate();
\r
11652 le = (tr.move('character', c) * -1) - sp;
\r
11659 bl = ed.dom.create(ed.settings.forced_root_block);
\r
11660 bl.appendChild(nx.cloneNode(1));
\r
11661 nx.parentNode.replaceChild(bl, nx);
\r
11664 if (bl.hasChildNodes())
\r
11665 bl.insertBefore(nx, bl.firstChild);
\r
11667 bl.appendChild(nx);
\r
11670 bl = null; // Time to create new block
\r
11673 // Restore selection
\r
11676 bl = b.getElementsByTagName(ed.settings.element)[0];
\r
11677 r = d.createRange();
\r
11679 // Select last location or generated block
\r
11681 r.setStart(t.find(b, 1, si), so);
\r
11683 r.setStart(bl, 0);
\r
11685 // Select last location or generated block
\r
11687 r.setEnd(t.find(b, 1, ei), eo);
\r
11692 s.removeAllRanges();
\r
11697 r = s.createRange();
\r
11698 r.moveToElementText(b);
\r
11700 r.moveStart('character', si);
\r
11701 r.moveEnd('character', ei);
\r
11707 } else if (!isIE && (n = ed.dom.get('__mce'))) {
\r
11708 // Restore the id of the selected element
\r
11710 n.setAttribute('id', eid);
\r
11712 n.removeAttribute('id');
\r
11714 // Move caret before selected element
\r
11715 r = d.createRange();
\r
11716 r.setStartBefore(n);
\r
11717 r.setEndBefore(n);
\r
11722 getParentBlock : function(n) {
\r
11723 var d = this.dom;
\r
11725 return d.getParent(n, d.isBlock);
\r
11728 insertPara : function(e) {
\r
11729 var t = this, ed = t.editor, dom = ed.dom, d = ed.getDoc(), se = ed.settings, s = ed.selection.getSel(), r = s.getRangeAt(0), b = d.body;
\r
11730 var rb, ra, dir, sn, so, en, eo, sb, eb, bn, bef, aft, sc, ec, n, vp = dom.getViewPort(ed.getWin()), y, ch, car;
\r
11732 // If root blocks are forced then use Operas default behavior since it's really good
\r
11733 // Removed due to bug: #1853816
\r
11734 // if (se.forced_root_block && isOpera)
\r
11737 // Setup before range
\r
11738 rb = d.createRange();
\r
11740 // If is before the first block element and in body, then move it into first block element
\r
11741 rb.setStart(s.anchorNode, s.anchorOffset);
\r
11742 rb.collapse(true);
\r
11744 // Setup after range
\r
11745 ra = d.createRange();
\r
11747 // If is before the first block element and in body, then move it into first block element
\r
11748 ra.setStart(s.focusNode, s.focusOffset);
\r
11749 ra.collapse(true);
\r
11751 // Setup start/end points
\r
11752 dir = rb.compareBoundaryPoints(rb.START_TO_END, ra) < 0;
\r
11753 sn = dir ? s.anchorNode : s.focusNode;
\r
11754 so = dir ? s.anchorOffset : s.focusOffset;
\r
11755 en = dir ? s.focusNode : s.anchorNode;
\r
11756 eo = dir ? s.focusOffset : s.anchorOffset;
\r
11758 // If selection is in empty table cell
\r
11759 if (sn === en && /^(TD|TH)$/.test(sn.nodeName)) {
\r
11760 dom.remove(sn.firstChild); // Remove BR
\r
11762 // Create two new block elements
\r
11763 ed.dom.add(sn, se.element, null, '<br />');
\r
11764 aft = ed.dom.add(sn, se.element, null, '<br />');
\r
11766 // Move caret into the last one
\r
11767 r = d.createRange();
\r
11768 r.selectNodeContents(aft);
\r
11770 ed.selection.setRng(r);
\r
11775 // If the caret is in an invalid location in FF we need to move it into the first block
\r
11776 if (sn == b && en == b && b.firstChild && ed.dom.isBlock(b.firstChild)) {
\r
11777 sn = en = sn.firstChild;
\r
11779 rb = d.createRange();
\r
11780 rb.setStart(sn, 0);
\r
11781 ra = d.createRange();
\r
11782 ra.setStart(en, 0);
\r
11785 // Never use body as start or end node
\r
11786 sn = sn.nodeName == "HTML" ? d.body : sn; // Fix for Opera bug: https://bugs.opera.com/show_bug.cgi?id=273224&comments=yes
\r
11787 sn = sn.nodeName == "BODY" ? sn.firstChild : sn;
\r
11788 en = en.nodeName == "HTML" ? d.body : en; // Fix for Opera bug: https://bugs.opera.com/show_bug.cgi?id=273224&comments=yes
\r
11789 en = en.nodeName == "BODY" ? en.firstChild : en;
\r
11791 // Get start and end blocks
\r
11792 sb = t.getParentBlock(sn);
\r
11793 eb = t.getParentBlock(en);
\r
11794 bn = sb ? sb.nodeName : se.element; // Get block name to create
\r
11796 // Return inside list use default browser behavior
\r
11797 if (t.dom.getParent(sb, 'ol,ul,pre'))
\r
11800 // If caption or absolute layers then always generate new blocks within
\r
11801 if (sb && (sb.nodeName == 'CAPTION' || /absolute|relative|fixed/gi.test(dom.getStyle(sb, 'position', 1)))) {
\r
11806 // If caption or absolute layers then always generate new blocks within
\r
11807 if (eb && (eb.nodeName == 'CAPTION' || /absolute|relative|fixed/gi.test(dom.getStyle(sb, 'position', 1)))) {
\r
11813 if (/(TD|TABLE|TH|CAPTION)/.test(bn) || (sb && bn == "DIV" && /left|right/gi.test(dom.getStyle(sb, 'float', 1)))) {
\r
11818 // Setup new before and after blocks
\r
11819 bef = (sb && sb.nodeName == bn) ? sb.cloneNode(0) : ed.dom.create(bn);
\r
11820 aft = (eb && eb.nodeName == bn) ? eb.cloneNode(0) : ed.dom.create(bn);
\r
11822 // Remove id from after clone
\r
11823 aft.removeAttribute('id');
\r
11825 // Is header and cursor is at the end, then force paragraph under
\r
11826 if (/^(H[1-6])$/.test(bn) && sn.nodeValue && so == sn.nodeValue.length)
\r
11827 aft = ed.dom.create(se.element);
\r
11829 // Find start chop node
\r
11832 if (n == b || n.nodeType == 9 || t.dom.isBlock(n) || /(TD|TABLE|TH|CAPTION)/.test(n.nodeName))
\r
11836 } while ((n = n.previousSibling ? n.previousSibling : n.parentNode));
\r
11838 // Find end chop node
\r
11841 if (n == b || n.nodeType == 9 || t.dom.isBlock(n) || /(TD|TABLE|TH|CAPTION)/.test(n.nodeName))
\r
11845 } while ((n = n.nextSibling ? n.nextSibling : n.parentNode));
\r
11847 // Place first chop part into before block element
\r
11848 if (sc.nodeName == bn)
\r
11849 rb.setStart(sc, 0);
\r
11851 rb.setStartBefore(sc);
\r
11853 rb.setEnd(sn, so);
\r
11854 bef.appendChild(rb.cloneContents() || d.createTextNode('')); // Empty text node needed for Safari
\r
11856 // Place secnd chop part within new block element
\r
11858 ra.setEndAfter(ec);
\r
11860 //console.debug(s.focusNode, s.focusOffset);
\r
11863 ra.setStart(en, eo);
\r
11864 aft.appendChild(ra.cloneContents() || d.createTextNode('')); // Empty text node needed for Safari
\r
11866 // Create range around everything
\r
11867 r = d.createRange();
\r
11868 if (!sc.previousSibling && sc.parentNode.nodeName == bn) {
\r
11869 r.setStartBefore(sc.parentNode);
\r
11871 if (rb.startContainer.nodeName == bn && rb.startOffset == 0)
\r
11872 r.setStartBefore(rb.startContainer);
\r
11874 r.setStart(rb.startContainer, rb.startOffset);
\r
11877 if (!ec.nextSibling && ec.parentNode.nodeName == bn)
\r
11878 r.setEndAfter(ec.parentNode);
\r
11880 r.setEnd(ra.endContainer, ra.endOffset);
\r
11882 // Delete and replace it with new block elements
\r
11883 r.deleteContents();
\r
11886 ed.getWin().scrollTo(0, vp.y);
\r
11888 // Never wrap blocks in blocks
\r
11889 if (bef.firstChild && bef.firstChild.nodeName == bn)
\r
11890 bef.innerHTML = bef.firstChild.innerHTML;
\r
11892 if (aft.firstChild && aft.firstChild.nodeName == bn)
\r
11893 aft.innerHTML = aft.firstChild.innerHTML;
\r
11895 // Padd empty blocks
\r
11896 if (isEmpty(bef))
\r
11897 bef.innerHTML = '<br />';
\r
11899 function appendStyles(e, en) {
\r
11900 var nl = [], nn, n, i;
\r
11902 e.innerHTML = '';
\r
11904 // Make clones of style elements
\r
11905 if (se.keep_styles) {
\r
11908 // We only want style specific elements
\r
11909 if (/^(SPAN|STRONG|B|EM|I|FONT|STRIKE|U)$/.test(n.nodeName)) {
\r
11910 nn = n.cloneNode(false);
\r
11911 dom.setAttrib(nn, 'id', ''); // Remove ID since it needs to be unique
\r
11914 } while (n = n.parentNode);
\r
11917 // Append style elements to aft
\r
11918 if (nl.length > 0) {
\r
11919 for (i = nl.length - 1, nn = e; i >= 0; i--)
\r
11920 nn = nn.appendChild(nl[i]);
\r
11922 // Padd most inner style element
\r
11923 nl[0].innerHTML = isOpera ? ' ' : '<br />'; // Extra space for Opera so that the caret can move there
\r
11924 return nl[0]; // Move caret to most inner element
\r
11926 e.innerHTML = isOpera ? ' ' : '<br />'; // Extra space for Opera so that the caret can move there
\r
11929 // Fill empty afterblook with current style
\r
11930 if (isEmpty(aft))
\r
11931 car = appendStyles(aft, en);
\r
11933 // Opera needs this one backwards for older versions
\r
11934 if (isOpera && parseFloat(opera.version()) < 9.5) {
\r
11935 r.insertNode(bef);
\r
11936 r.insertNode(aft);
\r
11938 r.insertNode(aft);
\r
11939 r.insertNode(bef);
\r
11946 function first(n) {
\r
11947 return d.createTreeWalker(n, NodeFilter.SHOW_TEXT, null, false).nextNode() || n;
\r
11950 // Move cursor and scroll into view
\r
11951 r = d.createRange();
\r
11952 r.selectNodeContents(isGecko ? first(car || aft) : car || aft);
\r
11954 s.removeAllRanges();
\r
11957 // scrollIntoView seems to scroll the parent window in most browsers now including FF 3.0b4 so it's time to stop using it and do it our selfs
\r
11958 y = ed.dom.getPos(aft).y;
\r
11959 ch = aft.clientHeight;
\r
11961 // Is element within viewport
\r
11962 if (y < vp.y || y + ch > vp.y + vp.h) {
\r
11963 ed.getWin().scrollTo(0, y < vp.y ? y : y - vp.h + 25); // Needs to be hardcoded to roughly one line of text if a huge text block is broken into two blocks
\r
11964 //console.debug('SCROLL!', 'vp.y: ' + vp.y, 'y' + y, 'vp.h' + vp.h, 'clientHeight' + aft.clientHeight, 'yyy: ' + (y < vp.y ? y : y - vp.h + aft.clientHeight));
\r
11970 backspaceDelete : function(e, bs) {
\r
11971 var t = this, ed = t.editor, b = ed.getBody(), n, se = ed.selection, r = se.getRng(), sc = r.startContainer, n, w, tn;
\r
11973 // The caret sometimes gets stuck in Gecko if you delete empty paragraphs
\r
11974 // This workaround removes the element by hand and moves the caret to the previous element
\r
11975 if (sc && ed.dom.isBlock(sc) && !/^(TD|TH)$/.test(sc.nodeName) && bs) {
\r
11976 if (sc.childNodes.length == 0 || (sc.childNodes.length == 1 && sc.firstChild.nodeName == 'BR')) {
\r
11977 // Find previous block element
\r
11979 while ((n = n.previousSibling) && !ed.dom.isBlock(n)) ;
\r
11982 if (sc != b.firstChild) {
\r
11983 // Find last text node
\r
11984 w = ed.dom.doc.createTreeWalker(n, NodeFilter.SHOW_TEXT, null, false);
\r
11985 while (tn = w.nextNode())
\r
11988 // Place caret at the end of last text node
\r
11989 r = ed.getDoc().createRange();
\r
11990 r.setStart(n, n.nodeValue ? n.nodeValue.length : 0);
\r
11991 r.setEnd(n, n.nodeValue ? n.nodeValue.length : 0);
\r
11994 // Remove the target container
\r
11995 ed.dom.remove(sc);
\r
11998 return Event.cancel(e);
\r
12003 // Gecko generates BR elements here and there, we don't like those so lets remove them
\r
12004 function handler(e) {
\r
12009 // A new BR was created in a block element, remove it
\r
12010 if (e && e.parentNode && e.nodeName == 'BR' && (n = t.getParentBlock(e))) {
\r
12011 pr = e.previousSibling;
\r
12013 Event.remove(b, 'DOMNodeInserted', handler);
\r
12015 // Is there whitespace at the end of the node before then we might need the pesky BR
\r
12016 // to place the caret at a correct location see bug: #2013943
\r
12017 if (pr && pr.nodeType == 3 && /\s+$/.test(pr.nodeValue))
\r
12020 // Only remove BR elements that got inserted in the middle of the text
\r
12021 if (e.previousSibling || e.nextSibling)
\r
12022 ed.dom.remove(e);
\r
12026 // Listen for new nodes
\r
12027 Event._add(b, 'DOMNodeInserted', handler);
\r
12029 // Remove listener
\r
12030 window.setTimeout(function() {
\r
12031 Event._remove(b, 'DOMNodeInserted', handler);
\r
12036 (function(tinymce) {
\r
12038 var DOM = tinymce.DOM, Event = tinymce.dom.Event, each = tinymce.each, extend = tinymce.extend;
\r
12040 tinymce.create('tinymce.ControlManager', {
\r
12041 ControlManager : function(ed, s) {
\r
12047 t.onAdd = new tinymce.util.Dispatcher(t);
\r
12048 t.onPostRender = new tinymce.util.Dispatcher(t);
\r
12049 t.prefix = s.prefix || ed.id + '_';
\r
12052 t.onPostRender.add(function() {
\r
12053 each(t.controls, function(c) {
\r
12059 get : function(id) {
\r
12060 return this.controls[this.prefix + id] || this.controls[id];
\r
12063 setActive : function(id, s) {
\r
12066 if (c = this.get(id))
\r
12072 setDisabled : function(id, s) {
\r
12075 if (c = this.get(id))
\r
12076 c.setDisabled(s);
\r
12081 add : function(c) {
\r
12085 t.controls[c.id] = c;
\r
12086 t.onAdd.dispatch(c, t);
\r
12092 createControl : function(n) {
\r
12093 var c, t = this, ed = t.editor;
\r
12095 each(ed.plugins, function(p) {
\r
12096 if (p.createControl) {
\r
12097 c = p.createControl(n, t);
\r
12106 case "separator":
\r
12107 return t.createSeparator();
\r
12110 if (!c && ed.buttons && (c = ed.buttons[n]))
\r
12111 return t.createButton(n, c);
\r
12116 createDropMenu : function(id, s, cc) {
\r
12117 var t = this, ed = t.editor, c, bm, v, cls;
\r
12120 'class' : 'mceDropDown',
\r
12121 constrain : ed.settings.constrain_menus
\r
12124 s['class'] = s['class'] + ' ' + ed.getParam('skin') + 'Skin';
\r
12125 if (v = ed.getParam('skin_variant'))
\r
12126 s['class'] += ' ' + ed.getParam('skin') + 'Skin' + v.substring(0, 1).toUpperCase() + v.substring(1);
\r
12128 id = t.prefix + id;
\r
12129 cls = cc || t._cls.dropmenu || tinymce.ui.DropMenu;
\r
12130 c = t.controls[id] = new cls(id, s);
\r
12131 c.onAddItem.add(function(c, o) {
\r
12132 var s = o.settings;
\r
12134 s.title = ed.getLang(s.title, s.title);
\r
12136 if (!s.onclick) {
\r
12137 s.onclick = function(v) {
\r
12138 ed.execCommand(s.cmd, s.ui || false, s.value);
\r
12143 ed.onRemove.add(function() {
\r
12147 // Fix for bug #1897785, #1898007
\r
12148 if (tinymce.isIE) {
\r
12149 c.onShowMenu.add(function() {
\r
12150 // IE 8 needs focus in order to store away a range with the current collapsed caret location
\r
12153 bm = ed.selection.getBookmark(1);
\r
12156 c.onHideMenu.add(function() {
\r
12158 ed.selection.moveToBookmark(bm);
\r
12167 createListBox : function(id, s, cc) {
\r
12168 var t = this, ed = t.editor, cmd, c, cls;
\r
12173 s.title = ed.translate(s.title);
\r
12174 s.scope = s.scope || ed;
\r
12176 if (!s.onselect) {
\r
12177 s.onselect = function(v) {
\r
12178 ed.execCommand(s.cmd, s.ui || false, v || s.value);
\r
12184 'class' : 'mce_' + id,
\r
12186 control_manager : t
\r
12189 id = t.prefix + id;
\r
12191 if (ed.settings.use_native_selects)
\r
12192 c = new tinymce.ui.NativeListBox(id, s);
\r
12194 cls = cc || t._cls.listbox || tinymce.ui.ListBox;
\r
12195 c = new cls(id, s);
\r
12198 t.controls[id] = c;
\r
12200 // Fix focus problem in Safari
\r
12201 if (tinymce.isWebKit) {
\r
12202 c.onPostRender.add(function(c, n) {
\r
12203 // Store bookmark on mousedown
\r
12204 Event.add(n, 'mousedown', function() {
\r
12205 ed.bookmark = ed.selection.getBookmark('simple');
\r
12208 // Restore on focus, since it might be lost
\r
12209 Event.add(n, 'focus', function() {
\r
12210 ed.selection.moveToBookmark(ed.bookmark);
\r
12211 ed.bookmark = null;
\r
12217 ed.onMouseDown.add(c.hideMenu, c);
\r
12222 createButton : function(id, s, cc) {
\r
12223 var t = this, ed = t.editor, o, c, cls;
\r
12228 s.title = ed.translate(s.title);
\r
12229 s.label = ed.translate(s.label);
\r
12230 s.scope = s.scope || ed;
\r
12232 if (!s.onclick && !s.menu_button) {
\r
12233 s.onclick = function() {
\r
12234 ed.execCommand(s.cmd, s.ui || false, s.value);
\r
12240 'class' : 'mce_' + id,
\r
12241 unavailable_prefix : ed.getLang('unavailable', ''),
\r
12243 control_manager : t
\r
12246 id = t.prefix + id;
\r
12248 if (s.menu_button) {
\r
12249 cls = cc || t._cls.menubutton || tinymce.ui.MenuButton;
\r
12250 c = new cls(id, s);
\r
12251 ed.onMouseDown.add(c.hideMenu, c);
\r
12253 cls = t._cls.button || tinymce.ui.Button;
\r
12254 c = new cls(id, s);
\r
12260 createMenuButton : function(id, s, cc) {
\r
12262 s.menu_button = 1;
\r
12264 return this.createButton(id, s, cc);
\r
12267 createSplitButton : function(id, s, cc) {
\r
12268 var t = this, ed = t.editor, cmd, c, cls;
\r
12273 s.title = ed.translate(s.title);
\r
12274 s.scope = s.scope || ed;
\r
12276 if (!s.onclick) {
\r
12277 s.onclick = function(v) {
\r
12278 ed.execCommand(s.cmd, s.ui || false, v || s.value);
\r
12282 if (!s.onselect) {
\r
12283 s.onselect = function(v) {
\r
12284 ed.execCommand(s.cmd, s.ui || false, v || s.value);
\r
12290 'class' : 'mce_' + id,
\r
12292 control_manager : t
\r
12295 id = t.prefix + id;
\r
12296 cls = cc || t._cls.splitbutton || tinymce.ui.SplitButton;
\r
12297 c = t.add(new cls(id, s));
\r
12298 ed.onMouseDown.add(c.hideMenu, c);
\r
12303 createColorSplitButton : function(id, s, cc) {
\r
12304 var t = this, ed = t.editor, cmd, c, cls, bm;
\r
12309 s.title = ed.translate(s.title);
\r
12310 s.scope = s.scope || ed;
\r
12312 if (!s.onclick) {
\r
12313 s.onclick = function(v) {
\r
12314 if (tinymce.isIE)
\r
12315 bm = ed.selection.getBookmark(1);
\r
12317 ed.execCommand(s.cmd, s.ui || false, v || s.value);
\r
12321 if (!s.onselect) {
\r
12322 s.onselect = function(v) {
\r
12323 ed.execCommand(s.cmd, s.ui || false, v || s.value);
\r
12329 'class' : 'mce_' + id,
\r
12330 'menu_class' : ed.getParam('skin') + 'Skin',
\r
12332 more_colors_title : ed.getLang('more_colors')
\r
12335 id = t.prefix + id;
\r
12336 cls = cc || t._cls.colorsplitbutton || tinymce.ui.ColorSplitButton;
\r
12337 c = new cls(id, s);
\r
12338 ed.onMouseDown.add(c.hideMenu, c);
\r
12340 // Remove the menu element when the editor is removed
\r
12341 ed.onRemove.add(function() {
\r
12345 // Fix for bug #1897785, #1898007
\r
12346 if (tinymce.isIE) {
\r
12347 c.onHideMenu.add(function() {
\r
12349 ed.selection.moveToBookmark(bm);
\r
12358 createToolbar : function(id, s, cc) {
\r
12359 var c, t = this, cls;
\r
12361 id = t.prefix + id;
\r
12362 cls = cc || t._cls.toolbar || tinymce.ui.Toolbar;
\r
12363 c = new cls(id, s);
\r
12371 createSeparator : function(cc) {
\r
12372 var cls = cc || this._cls.separator || tinymce.ui.Separator;
\r
12374 return new cls();
\r
12377 setControlType : function(n, c) {
\r
12378 return this._cls[n.toLowerCase()] = c;
\r
12381 destroy : function() {
\r
12382 each(this.controls, function(c) {
\r
12386 this.controls = null;
\r
12391 (function(tinymce) {
\r
12392 var Dispatcher = tinymce.util.Dispatcher, each = tinymce.each, isIE = tinymce.isIE, isOpera = tinymce.isOpera;
\r
12394 tinymce.create('tinymce.WindowManager', {
\r
12395 WindowManager : function(ed) {
\r
12399 t.onOpen = new Dispatcher(t);
\r
12400 t.onClose = new Dispatcher(t);
\r
12405 open : function(s, p) {
\r
12406 var t = this, f = '', x, y, mo = t.editor.settings.dialog_type == 'modal', w, sw, sh, vp = tinymce.DOM.getViewPort(), u;
\r
12408 // Default some options
\r
12411 sw = isOpera ? vp.w : screen.width; // Opera uses windows inside the Opera window
\r
12412 sh = isOpera ? vp.h : screen.height;
\r
12413 s.name = s.name || 'mc_' + new Date().getTime();
\r
12414 s.width = parseInt(s.width || 320);
\r
12415 s.height = parseInt(s.height || 240);
\r
12416 s.resizable = true;
\r
12417 s.left = s.left || parseInt(sw / 2.0) - (s.width / 2.0);
\r
12418 s.top = s.top || parseInt(sh / 2.0) - (s.height / 2.0);
\r
12419 p.inline = false;
\r
12420 p.mce_width = s.width;
\r
12421 p.mce_height = s.height;
\r
12422 p.mce_auto_focus = s.auto_focus;
\r
12428 s.dialogWidth = s.width + 'px';
\r
12429 s.dialogHeight = s.height + 'px';
\r
12430 s.scroll = s.scrollbars || false;
\r
12434 // Build features string
\r
12435 each(s, function(v, k) {
\r
12436 if (tinymce.is(v, 'boolean'))
\r
12437 v = v ? 'yes' : 'no';
\r
12439 if (!/^(name|url)$/.test(k)) {
\r
12441 f += (f ? ';' : '') + k + ':' + v;
\r
12443 f += (f ? ',' : '') + k + '=' + v;
\r
12449 t.onOpen.dispatch(t, s, p);
\r
12451 u = s.url || s.file;
\r
12452 u = tinymce._addVer(u);
\r
12455 if (isIE && mo) {
\r
12457 window.showModalDialog(u, window, f);
\r
12459 w = window.open(u, s.name, f);
\r
12465 alert(t.editor.getLang('popup_blocked'));
\r
12468 close : function(w) {
\r
12470 this.onClose.dispatch(this);
\r
12473 createInstance : function(cl, a, b, c, d, e) {
\r
12474 var f = tinymce.resolve(cl);
\r
12476 return new f(a, b, c, d, e);
\r
12479 confirm : function(t, cb, s, w) {
\r
12482 cb.call(s || this, w.confirm(this._decode(this.editor.getLang(t, t))));
\r
12485 alert : function(tx, cb, s, w) {
\r
12489 w.alert(t._decode(t.editor.getLang(tx, tx)));
\r
12495 // Internal functions
\r
12497 _decode : function(s) {
\r
12498 return tinymce.DOM.decode(s).replace(/\\n/g, '\n');
\r
12502 }(tinymce));(function(tinymce) {
\r
12503 tinymce.CommandManager = function() {
\r
12504 var execCommands = {}, queryStateCommands = {}, queryValueCommands = {};
\r
12506 function add(collection, cmd, func, scope) {
\r
12507 if (typeof(cmd) == 'string')
\r
12510 tinymce.each(cmd, function(cmd) {
\r
12511 collection[cmd.toLowerCase()] = {func : func, scope : scope};
\r
12515 tinymce.extend(this, {
\r
12516 add : function(cmd, func, scope) {
\r
12517 add(execCommands, cmd, func, scope);
\r
12520 addQueryStateHandler : function(cmd, func, scope) {
\r
12521 add(queryStateCommands, cmd, func, scope);
\r
12524 addQueryValueHandler : function(cmd, func, scope) {
\r
12525 add(queryValueCommands, cmd, func, scope);
\r
12528 execCommand : function(scope, cmd, ui, value, args) {
\r
12529 if (cmd = execCommands[cmd.toLowerCase()]) {
\r
12530 if (cmd.func.call(scope || cmd.scope, ui, value, args) !== false)
\r
12535 queryCommandValue : function() {
\r
12536 if (cmd = queryValueCommands[cmd.toLowerCase()])
\r
12537 return cmd.func.call(scope || cmd.scope, ui, value, args);
\r
12540 queryCommandState : function() {
\r
12541 if (cmd = queryStateCommands[cmd.toLowerCase()])
\r
12542 return cmd.func.call(scope || cmd.scope, ui, value, args);
\r
12547 tinymce.GlobalCommands = new tinymce.CommandManager();
\r
12548 })(tinymce);(function(tinymce) {
\r
12549 function processRange(dom, start, end, callback) {
\r
12550 var ancestor, n, startPoint, endPoint, sib;
\r
12552 function findEndPoint(n, c) {
\r
12554 if (n.parentNode == c)
\r
12557 n = n.parentNode;
\r
12561 function process(n) {
\r
12563 tinymce.walk(n, callback, 'childNodes');
\r
12566 // Find common ancestor and end points
\r
12567 ancestor = dom.findCommonAncestor(start, end);
\r
12568 startPoint = findEndPoint(start, ancestor) || start;
\r
12569 endPoint = findEndPoint(end, ancestor) || end;
\r
12571 // Process left leaf
\r
12572 for (n = start; n && n != startPoint; n = n.parentNode) {
\r
12573 for (sib = n.nextSibling; sib; sib = sib.nextSibling)
\r
12577 // Process middle from start to end point
\r
12578 if (startPoint != endPoint) {
\r
12579 for (n = startPoint.nextSibling; n && n != endPoint; n = n.nextSibling)
\r
12582 process(startPoint);
\r
12584 // Process right leaf
\r
12585 for (n = end; n && n != endPoint; n = n.parentNode) {
\r
12586 for (sib = n.previousSibling; sib; sib = sib.previousSibling)
\r
12591 tinymce.GlobalCommands.add('RemoveFormat', function() {
\r
12592 var ed = this, dom = ed.dom, s = ed.selection, r = s.getRng(1), nodes = [], bm, start, end, sc, so, ec, eo, n;
\r
12594 function findFormatRoot(n) {
\r
12597 dom.getParent(n, function(n) {
\r
12598 if (dom.is(n, ed.getParam('removeformat_selector')))
\r
12601 return dom.isBlock(n);
\r
12602 }, ed.getBody());
\r
12607 function collect(n) {
\r
12608 if (dom.is(n, ed.getParam('removeformat_selector')))
\r
12612 function walk(n) {
\r
12614 tinymce.walk(n, collect, 'childNodes');
\r
12617 bm = s.getBookmark();
\r
12618 sc = r.startContainer;
\r
12619 ec = r.endContainer;
\r
12620 so = r.startOffset;
\r
12621 eo = r.endOffset;
\r
12622 sc = sc.nodeType == 1 ? sc.childNodes[Math.min(so, sc.childNodes.length - 1)] : sc;
\r
12623 ec = ec.nodeType == 1 ? ec.childNodes[Math.min(so == eo ? eo : eo - 1, ec.childNodes.length - 1)] : ec;
\r
12625 // Same container
\r
12626 if (sc == ec) { // TEXT_NODE
\r
12627 start = findFormatRoot(sc);
\r
12629 // Handle single text node
\r
12630 if (sc.nodeType == 3) {
\r
12631 if (start && start.nodeType == 1) { // ELEMENT
\r
12632 n = sc.splitText(so);
\r
12633 n.splitText(eo - so);
\r
12634 dom.split(start, n);
\r
12636 s.moveToBookmark(bm);
\r
12642 // Handle single element
\r
12643 walk(dom.split(start, sc) || sc);
\r
12645 // Find start/end format root
\r
12646 start = findFormatRoot(sc);
\r
12647 end = findFormatRoot(ec);
\r
12649 // Split start text node
\r
12651 if (sc.nodeType == 3) { // TEXT
\r
12652 // Since IE doesn't support white space nodes in the DOM we need to
\r
12653 // add this invisible character so that the splitText function can split the contents
\r
12654 if (so == sc.nodeValue.length)
\r
12655 sc.nodeValue += '\uFEFF'; // Yet another pesky IE fix
\r
12657 sc = sc.splitText(so);
\r
12661 // Split end text node
\r
12663 if (ec.nodeType == 3) // TEXT
\r
12664 ec.splitText(eo);
\r
12667 // If the start and end format root is the same then we need to wrap
\r
12668 // the end node in a span since the split calls might change the reference
\r
12669 // Example: <p><b><em>x[yz<span>---</span>12]3</em></b></p>
\r
12670 if (start && start == end)
\r
12671 dom.replace(dom.create('span', {id : '__end'}, ec.cloneNode(true)), ec);
\r
12673 // Split all start containers down to the format root
\r
12675 start = dom.split(start, sc);
\r
12679 // If there is a span wrapper use that one instead
\r
12680 if (n = dom.get('__end')) {
\r
12682 end = findFormatRoot(ec);
\r
12685 // Split all end containers down to the format root
\r
12687 end = dom.split(end, ec);
\r
12691 // Collect nodes in between
\r
12692 processRange(dom, start, end, collect);
\r
12694 // Remove invisible character for IE workaround if we find it
\r
12695 if (sc.nodeValue == '\uFEFF')
\r
12696 sc.nodeValue = '';
\r
12698 // Process start/end container elements
\r
12703 // Remove all collected nodes
\r
12704 tinymce.each(nodes, function(n) {
\r
12705 dom.remove(n, 1);
\r
12708 // Remove leftover wrapper
\r
12709 dom.remove('__end', 1);
\r
12711 s.moveToBookmark(bm);
\r
12714 (function(tinymce) {
\r
12715 tinymce.GlobalCommands.add('mceBlockQuote', function() {
\r
12716 var ed = this, s = ed.selection, dom = ed.dom, sb, eb, n, bm, bq, r, bq2, i, nl;
\r
12718 function getBQ(e) {
\r
12719 return dom.getParent(e, function(n) {return n.nodeName === 'BLOCKQUOTE';});
\r
12722 // Get start/end block
\r
12723 sb = dom.getParent(s.getStart(), dom.isBlock);
\r
12724 eb = dom.getParent(s.getEnd(), dom.isBlock);
\r
12726 // Remove blockquote(s)
\r
12727 if (bq = getBQ(sb)) {
\r
12728 if (sb != eb || sb.childNodes.length > 1 || (sb.childNodes.length == 1 && sb.firstChild.nodeName != 'BR'))
\r
12729 bm = s.getBookmark();
\r
12731 // Move all elements after the end block into new bq
\r
12733 bq2 = bq.cloneNode(false);
\r
12735 while (n = eb.nextSibling)
\r
12736 bq2.appendChild(n.parentNode.removeChild(n));
\r
12739 // Add new bq after
\r
12741 dom.insertAfter(bq2, bq);
\r
12743 // Move all selected blocks after the current bq
\r
12744 nl = s.getSelectedBlocks(sb, eb);
\r
12745 for (i = nl.length - 1; i >= 0; i--) {
\r
12746 dom.insertAfter(nl[i], bq);
\r
12749 // Empty bq, then remove it
\r
12750 if (/^\s*$/.test(bq.innerHTML))
\r
12751 dom.remove(bq, 1); // Keep children so boomark restoration works correctly
\r
12753 // Empty bq, then remote it
\r
12754 if (bq2 && /^\s*$/.test(bq2.innerHTML))
\r
12755 dom.remove(bq2, 1); // Keep children so boomark restoration works correctly
\r
12758 // Move caret inside empty block element
\r
12759 if (!tinymce.isIE) {
\r
12760 r = ed.getDoc().createRange();
\r
12761 r.setStart(sb, 0);
\r
12768 // IE misses the empty block some times element so we must move back the caret
\r
12769 if (dom.getParent(s.getStart(), dom.isBlock) != sb) {
\r
12771 r.move('character', -1);
\r
12776 ed.selection.moveToBookmark(bm);
\r
12781 // Since IE can start with a totally empty document we need to add the first bq and paragraph
\r
12782 if (tinymce.isIE && !sb && !eb) {
\r
12783 ed.getDoc().execCommand('Indent');
\r
12784 n = getBQ(s.getNode());
\r
12785 n.style.margin = n.dir = ''; // IE adds margin and dir to bq
\r
12792 // If empty paragraph node then do not use bookmark
\r
12793 if (sb != eb || sb.childNodes.length > 1 || (sb.childNodes.length == 1 && sb.firstChild.nodeName != 'BR'))
\r
12794 bm = s.getBookmark();
\r
12796 // Move selected block elements into a bq
\r
12797 tinymce.each(s.getSelectedBlocks(getBQ(s.getStart()), getBQ(s.getEnd())), function(e) {
\r
12798 // Found existing BQ add to this one
\r
12799 if (e.nodeName == 'BLOCKQUOTE' && !bq) {
\r
12804 // No BQ found, create one
\r
12806 bq = dom.create('blockquote');
\r
12807 e.parentNode.insertBefore(bq, e);
\r
12810 // Add children from existing BQ
\r
12811 if (e.nodeName == 'BLOCKQUOTE' && bq) {
\r
12812 n = e.firstChild;
\r
12815 bq.appendChild(n.cloneNode(true));
\r
12816 n = n.nextSibling;
\r
12823 // Add non BQ element to BQ
\r
12824 bq.appendChild(dom.remove(e));
\r
12828 // Move caret inside empty block element
\r
12829 if (!tinymce.isIE) {
\r
12830 r = ed.getDoc().createRange();
\r
12831 r.setStart(sb, 0);
\r
12839 s.moveToBookmark(bm);
\r
12842 (function(tinymce) {
\r
12843 tinymce.each(['Cut', 'Copy', 'Paste'], function(cmd) {
\r
12844 tinymce.GlobalCommands.add(cmd, function() {
\r
12845 var ed = this, doc = ed.getDoc();
\r
12848 doc.execCommand(cmd, false, null);
\r
12850 // On WebKit the command will just be ignored if it's not enabled
\r
12851 if (!doc.queryCommandSupported(cmd))
\r
12854 ed.windowManager.alert(ed.getLang('clipboard_no_support'));
\r
12859 (function(tinymce) {
\r
12860 tinymce.GlobalCommands.add('InsertHorizontalRule', function() {
\r
12861 if (tinymce.isOpera)
\r
12862 return this.getDoc().execCommand('InsertHorizontalRule', false, '');
\r
12864 this.selection.setContent('<hr />');
\r
12868 var cmds = tinymce.GlobalCommands;
\r
12870 cmds.add(['mceEndUndoLevel', 'mceAddUndoLevel'], function() {
\r
12871 this.undoManager.add();
\r
12874 cmds.add('Undo', function() {
\r
12877 if (ed.settings.custom_undo_redo) {
\r
12878 ed.undoManager.undo();
\r
12879 ed.nodeChanged();
\r
12883 return false; // Run browser command
\r
12886 cmds.add('Redo', function() {
\r
12889 if (ed.settings.custom_undo_redo) {
\r
12890 ed.undoManager.redo();
\r
12891 ed.nodeChanged();
\r
12895 return false; // Run browser command
\r