1 // FILE IS GENERATED BY COMBINING THE SOURCES IN THE "classes" DIRECTORY SO DON'T MODIFY THIS FILE DIRECTLY
\r
3 var whiteSpaceRe = /^\s*|\s*$/g,
\r
4 undef, isRegExpBroken = 'B'.replace(/A(.)|B/, '$1') === '$1';
\r
9 minorVersion : '5.11',
\r
11 releaseDate : '2014-05-08',
\r
13 _init : function() {
\r
14 var t = this, d = document, na = navigator, ua = na.userAgent, i, nl, n, base, p, v;
\r
16 t.isIE11 = ua.indexOf('Trident/') != -1 && (ua.indexOf('rv:') != -1 || na.appName.indexOf('Netscape') != -1);
\r
18 t.isOpera = win.opera && opera.buildNumber;
\r
20 t.isWebKit = /WebKit/.test(ua);
\r
22 t.isIE = !t.isWebKit && !t.isOpera && (/MSIE/gi).test(ua) && (/Explorer/gi).test(na.appName) || t.isIE11;
\r
24 t.isIE6 = t.isIE && /MSIE [56]/.test(ua);
\r
26 t.isIE7 = t.isIE && /MSIE [7]/.test(ua);
\r
28 t.isIE8 = t.isIE && /MSIE [8]/.test(ua);
\r
30 t.isIE9 = t.isIE && /MSIE [9]/.test(ua);
\r
32 t.isGecko = !t.isWebKit && !t.isIE11 && /Gecko/.test(ua);
\r
34 t.isMac = ua.indexOf('Mac') != -1;
\r
36 t.isAir = /adobeair/i.test(ua);
\r
38 t.isIDevice = /(iPad|iPhone)/.test(ua);
\r
40 t.isIOS5 = t.isIDevice && ua.match(/AppleWebKit\/(\d*)/)[1]>=534;
\r
42 // TinyMCE .NET webcontrol might be setting the values for TinyMCE
\r
43 if (win.tinyMCEPreInit) {
\r
44 t.suffix = tinyMCEPreInit.suffix;
\r
45 t.baseURL = tinyMCEPreInit.base;
\r
46 t.query = tinyMCEPreInit.query;
\r
50 // Get suffix and base
\r
53 // If base element found, add that infront of baseURL
\r
54 nl = d.getElementsByTagName('base');
\r
55 for (i=0; i<nl.length; i++) {
\r
58 // Host only value like http://site.com or http://site.com:8008
\r
59 if (/^https?:\/\/[^\/]+$/.test(v))
\r
62 base = v ? v.match(/.*\//)[0] : ''; // Get only directory
\r
66 function getBase(n) {
\r
67 if (n.src && /tiny_mce(|_gzip|_jquery|_prototype|_full)(_dev|_src)?.js/.test(n.src)) {
\r
68 if (/_(src|dev)\.js/g.test(n.src))
\r
71 if ((p = n.src.indexOf('?')) != -1)
\r
72 t.query = n.src.substring(p + 1);
\r
74 t.baseURL = n.src.substring(0, n.src.lastIndexOf('/'));
\r
76 // If path to script is relative and a base href was found add that one infront
\r
77 // the src property will always be an absolute one on non IE browsers and IE 8
\r
78 // so this logic will basically only be executed on older IE versions
\r
79 if (base && t.baseURL.indexOf('://') == -1 && t.baseURL.indexOf('/') !== 0)
\r
80 t.baseURL = base + t.baseURL;
\r
89 nl = d.getElementsByTagName('script');
\r
90 for (i=0; i<nl.length; i++) {
\r
96 n = d.getElementsByTagName('head')[0];
\r
98 nl = n.getElementsByTagName('script');
\r
99 for (i=0; i<nl.length; i++) {
\r
100 if (getBase(nl[i]))
\r
108 is : function(o, t) {
\r
110 return o !== undef;
\r
112 if (t == 'array' && tinymce.isArray(o))
\r
115 return typeof(o) == t;
\r
118 isArray: Array.isArray || function(obj) {
\r
119 return Object.prototype.toString.call(obj) === "[object Array]";
\r
122 makeMap : function(items, delim, map) {
\r
125 items = items || [];
\r
126 delim = delim || ',';
\r
128 if (typeof(items) == "string")
\r
129 items = items.split(delim);
\r
135 map[items[i]] = {};
\r
140 each : function(o, cb, s) {
\r
148 if (o.length !== undef) {
\r
149 // Indexed arrays, needed for Safari
\r
150 for (n=0, l = o.length; n < l; n++) {
\r
151 if (cb.call(s, o[n], n, o) === false)
\r
157 if (o.hasOwnProperty(n)) {
\r
158 if (cb.call(s, o[n], n, o) === false)
\r
168 map : function(a, f) {
\r
171 tinymce.each(a, function(v) {
\r
178 grep : function(a, f) {
\r
181 tinymce.each(a, function(v) {
\r
189 inArray : function(a, v) {
\r
193 for (i = 0, l = a.length; i < l; i++) {
\r
202 extend : function(obj, ext) {
\r
203 var i, l, name, args = arguments, value;
\r
205 for (i = 1, l = args.length; i < l; i++) {
\r
207 for (name in ext) {
\r
208 if (ext.hasOwnProperty(name)) {
\r
211 if (value !== undef) {
\r
222 trim : function(s) {
\r
223 return (s ? '' + s : '').replace(whiteSpaceRe, '');
\r
226 create : function(s, p, root) {
\r
227 var t = this, sp, ns, cn, scn, c, de = 0;
\r
229 // Parse : <prefix> <class>:<super class>
\r
230 s = /^((static) )?([\w.]+)(:([\w.]+))?/.exec(s);
\r
231 cn = s[3].match(/(^|\.)(\w+)$/i)[2]; // Class name
\r
233 // Create namespace for new class
\r
234 ns = t.createNS(s[3].replace(/\.\w+$/, ''), root);
\r
236 // Class already exists
\r
240 // Make pure static class
\r
241 if (s[2] == 'static') {
\r
245 this.onCreate(s[2], s[3], ns[cn]);
\r
250 // Create default constructor
\r
252 p[cn] = function() {};
\r
256 // Add constructor and methods
\r
258 t.extend(ns[cn].prototype, p);
\r
262 sp = t.resolve(s[5]).prototype;
\r
263 scn = s[5].match(/\.(\w+)$/i)[1]; // Class name
\r
265 // Extend constructor
\r
268 // Add passthrough constructor
\r
269 ns[cn] = function() {
\r
270 return sp[scn].apply(this, arguments);
\r
273 // Add inherit constructor
\r
274 ns[cn] = function() {
\r
275 this.parent = sp[scn];
\r
276 return c.apply(this, arguments);
\r
279 ns[cn].prototype[cn] = ns[cn];
\r
281 // Add super methods
\r
282 t.each(sp, function(f, n) {
\r
283 ns[cn].prototype[n] = sp[n];
\r
286 // Add overridden methods
\r
287 t.each(p, function(f, n) {
\r
288 // Extend methods if needed
\r
290 ns[cn].prototype[n] = function() {
\r
291 this.parent = sp[n];
\r
292 return f.apply(this, arguments);
\r
296 ns[cn].prototype[n] = f;
\r
301 // Add static methods
\r
302 t.each(p['static'], function(f, n) {
\r
307 this.onCreate(s[2], s[3], ns[cn].prototype);
\r
310 walk : function(o, f, n, s) {
\r
317 tinymce.each(o, function(o, i) {
\r
318 if (f.call(s, o, i, n) === false)
\r
321 tinymce.walk(o, f, n, s);
\r
326 createNS : function(n, o) {
\r
332 for (i=0; i<n.length; i++) {
\r
344 resolve : function(n, o) {
\r
350 for (i = 0, l = n.length; i < l; i++) {
\r
360 addUnload : function(f, s) {
\r
361 var t = this, unload;
\r
363 unload = function() {
\r
364 var li = t.unloads, o, n;
\r
367 // Call unload handlers
\r
372 o.func.call(o.scope, 1); // Send in one arg to distinct unload and user destroy
\r
375 // Detach unload function
\r
376 if (win.detachEvent) {
\r
377 win.detachEvent('onbeforeunload', fakeUnload);
\r
378 win.detachEvent('onunload', unload);
\r
379 } else if (win.removeEventListener)
\r
380 win.removeEventListener('unload', unload, false);
\r
382 // Destroy references
\r
383 t.unloads = o = li = w = unload = 0;
\r
385 // Run garbarge collector on IE
\r
386 if (win.CollectGarbage)
\r
391 function fakeUnload() {
\r
395 // Prevent memory leak
\r
396 d.detachEvent('onstop', stop);
\r
398 // Call unload handler
\r
405 // Is there things still loading, then do some magic
\r
406 if (d.readyState == 'interactive') {
\r
407 // Fire unload when the currently loading page is stopped
\r
409 d.attachEvent('onstop', stop);
\r
411 // Remove onstop listener after a while to prevent the unload function
\r
412 // to execute if the user presses cancel in an onbeforeunload
\r
413 // confirm dialog and then presses the browser stop button
\r
414 win.setTimeout(function() {
\r
416 d.detachEvent('onstop', stop);
\r
421 f = {func : f, scope : s || this};
\r
424 // Attach unload handler
\r
425 if (win.attachEvent) {
\r
426 win.attachEvent('onunload', unload);
\r
427 win.attachEvent('onbeforeunload', fakeUnload);
\r
428 } else if (win.addEventListener)
\r
429 win.addEventListener('unload', unload, false);
\r
431 // Setup initial unload handler array
\r
439 removeUnload : function(f) {
\r
440 var u = this.unloads, r = null;
\r
442 tinymce.each(u, function(o, i) {
\r
443 if (o && o.func == f) {
\r
453 explode : function(s, d) {
\r
454 if (!s || tinymce.is(s, 'array')) {
\r
458 return tinymce.map(s.split(d || ','), tinymce.trim);
\r
461 _addVer : function(u) {
\r
467 v = (u.indexOf('?') == -1 ? '?' : '&') + this.query;
\r
469 if (u.indexOf('#') == -1)
\r
472 return u.replace('#', v + '#');
\r
475 // Fix function for IE 9 where regexps isn't working correctly
\r
476 // Todo: remove me once MS fixes the bug
\r
477 _replace : function(find, replace, str) {
\r
478 // On IE9 we have to fake $x replacement
\r
479 if (isRegExpBroken) {
\r
480 return str.replace(find, function() {
\r
481 var val = replace, args = arguments, i;
\r
483 for (i = 0; i < args.length - 2; i++) {
\r
484 if (args[i] === undef) {
\r
485 val = val.replace(new RegExp('\\$' + i, 'g'), '');
\r
487 val = val.replace(new RegExp('\\$' + i, 'g'), args[i]);
\r
495 return str.replace(find, replace);
\r
500 // Initialize the API
\r
503 // Expose tinymce namespace to the global namespace (window)
\r
504 win.tinymce = win.tinyMCE = tinymce;
\r
506 // Describe the different namespaces
\r
512 tinymce.create('tinymce.util.Dispatcher', {
\r
517 Dispatcher : function(scope) {
\r
518 this.scope = scope || this;
\r
519 this.listeners = [];
\r
522 add : function(callback, scope) {
\r
523 this.listeners.push({cb : callback, scope : scope || this.scope});
\r
528 addToTop : function(callback, scope) {
\r
529 var self = this, listener = {cb : callback, scope : scope || self.scope};
\r
531 // Create new listeners if addToTop is executed in a dispatch loop
\r
532 if (self.inDispatch) {
\r
533 self.listeners = [listener].concat(self.listeners);
\r
535 self.listeners.unshift(listener);
\r
541 remove : function(callback) {
\r
542 var listeners = this.listeners, output = null;
\r
544 tinymce.each(listeners, function(listener, i) {
\r
545 if (callback == listener.cb) {
\r
547 listeners.splice(i, 1);
\r
555 dispatch : function() {
\r
556 var self = this, returnValue, args = arguments, i, listeners = self.listeners, listener;
\r
558 self.inDispatch = true;
\r
560 // Needs to be a real loop since the listener count might change while looping
\r
561 // And this is also more efficient
\r
562 for (i = 0; i < listeners.length; i++) {
\r
563 listener = listeners[i];
\r
564 returnValue = listener.cb.apply(listener.scope, args.length > 0 ? args : [listener.scope]);
\r
566 if (returnValue === false)
\r
570 self.inDispatch = false;
\r
572 return returnValue;
\r
578 var each = tinymce.each;
\r
580 tinymce.create('tinymce.util.URI', {
\r
581 URI : function(u, s) {
\r
582 var t = this, o, a, b, base_url;
\r
585 u = tinymce.trim(u);
\r
587 // Default settings
\r
588 s = t.settings = s || {};
\r
590 // Strange app protocol that isn't http/https or local anchor
\r
591 // For example: mailto,skype,tel etc.
\r
592 if (/^([\w\-]+):([^\/]{2})/i.test(u) || /^\s*#/.test(u)) {
\r
597 // Absolute path with no host, fake host and protocol
\r
598 if (u.indexOf('/') === 0 && u.indexOf('//') !== 0)
\r
599 u = (s.base_uri ? s.base_uri.protocol || 'http' : 'http') + '://mce_host' + u;
\r
601 // Relative path http:// or protocol relative //path
\r
602 if (!/^[\w\-]*:?\/\//.test(u)) {
\r
603 base_url = s.base_uri ? s.base_uri.path : new tinymce.util.URI(location.href).directory;
\r
604 u = ((s.base_uri && s.base_uri.protocol) || 'http') + '://mce_host' + t.toAbsPath(base_url, u);
\r
607 // Parse URL (Credits goes to Steave, http://blog.stevenlevithan.com/archives/parseuri)
\r
608 u = u.replace(/@@/g, '(mce_at)'); // Zope 3 workaround, they use @@something
\r
609 u = /^(?:(?![^:@]+:[^:@\/]*@)([^:\/?#.]+):)?(?:\/\/)?((?:(([^:@\/]*):?([^:@\/]*))?@)?([^:\/?#]*)(?::(\d*))?)(((\/(?:[^?#](?![^?#\/]*\.[^?#\/.]+(?:[?#]|$)))*\/?)?([^?#\/]*))(?:\?([^#]*))?(?:#(.*))?)/.exec(u);
\r
610 each(["source","protocol","authority","userInfo","user","password","host","port","relative","path","directory","file","query","anchor"], function(v, i) {
\r
613 // Zope 3 workaround, they use @@something
\r
615 s = s.replace(/\(mce_at\)/g, '@@');
\r
623 t.protocol = b.protocol;
\r
626 t.userInfo = b.userInfo;
\r
628 if (!t.port && t.host === 'mce_host')
\r
631 if (!t.host || t.host === 'mce_host')
\r
637 //t.path = t.path || '/';
\r
640 setPath : function(p) {
\r
643 p = /^(.*?)\/?(\w+)?$/.exec(p);
\r
645 // Update path parts
\r
647 t.directory = p[1];
\r
655 toRelative : function(u) {
\r
661 u = new tinymce.util.URI(u, {base_uri : t});
\r
663 // Not on same domain/port or protocol
\r
664 if ((u.host != 'mce_host' && t.host != u.host && u.host) || t.port != u.port || t.protocol != u.protocol)
\r
667 var tu = t.getURI(), uu = u.getURI();
\r
669 // Allow usage of the base_uri when relative_urls = true
\r
670 if(tu == uu || (tu.charAt(tu.length - 1) == "/" && tu.substr(0, tu.length - 1) == uu))
\r
673 o = t.toRelPath(t.path, u.path);
\r
677 o += '?' + u.query;
\r
681 o += '#' + u.anchor;
\r
686 toAbsolute : function(u, nh) {
\r
687 u = new tinymce.util.URI(u, {base_uri : this});
\r
689 return u.getURI(this.host == u.host && this.protocol == u.protocol ? nh : 0);
\r
692 toRelPath : function(base, path) {
\r
693 var items, bp = 0, out = '', i, l;
\r
696 base = base.substring(0, base.lastIndexOf('/'));
\r
697 base = base.split('/');
\r
698 items = path.split('/');
\r
700 if (base.length >= items.length) {
\r
701 for (i = 0, l = base.length; i < l; i++) {
\r
702 if (i >= items.length || base[i] != items[i]) {
\r
709 if (base.length < items.length) {
\r
710 for (i = 0, l = items.length; i < l; i++) {
\r
711 if (i >= base.length || base[i] != items[i]) {
\r
721 for (i = 0, l = base.length - (bp - 1); i < l; i++)
\r
724 for (i = bp - 1, l = items.length; i < l; i++) {
\r
726 out += "/" + items[i];
\r
734 toAbsPath : function(base, path) {
\r
735 var i, nb = 0, o = [], tr, outPath;
\r
738 tr = /\/$/.test(path) ? '/' : '';
\r
739 base = base.split('/');
\r
740 path = path.split('/');
\r
742 // Remove empty chunks
\r
743 each(base, function(k) {
\r
750 // Merge relURLParts chunks
\r
751 for (i = path.length - 1, o = []; i >= 0; i--) {
\r
752 // Ignore empty or .
\r
753 if (path[i].length === 0 || path[i] === ".")
\r
757 if (path[i] === '..') {
\r
771 i = base.length - nb;
\r
775 outPath = o.reverse().join('/');
\r
777 outPath = base.slice(0, i).join('/') + '/' + o.reverse().join('/');
\r
779 // Add front / if it's needed
\r
780 if (outPath.indexOf('/') !== 0)
\r
781 outPath = '/' + outPath;
\r
783 // Add traling / if it's needed
\r
784 if (tr && outPath.lastIndexOf('/') !== outPath.length - 1)
\r
790 getURI : function(nh) {
\r
794 if (!t.source || nh) {
\r
799 s += t.protocol + '://';
\r
802 s += t.userInfo + '@';
\r
815 s += '?' + t.query;
\r
818 s += '#' + t.anchor;
\r
829 var each = tinymce.each;
\r
831 tinymce.create('static tinymce.util.Cookie', {
\r
832 getHash : function(n) {
\r
833 var v = this.get(n), h;
\r
836 each(v.split('&'), function(v) {
\r
839 h[unescape(v[0])] = unescape(v[1]);
\r
846 setHash : function(n, v, e, p, d, s) {
\r
849 each(v, function(v, k) {
\r
850 o += (!o ? '' : '&') + escape(k) + '=' + escape(v);
\r
853 this.set(n, o, e, p, d, s);
\r
856 get : function(n) {
\r
857 var c = document.cookie, e, p = n + "=", b;
\r
863 b = c.indexOf("; " + p);
\r
873 e = c.indexOf(";", b);
\r
878 return unescape(c.substring(b + p.length, e));
\r
881 set : function(n, v, e, p, d, s) {
\r
882 document.cookie = n + "=" + escape(v) +
\r
883 ((e) ? "; expires=" + e.toGMTString() : "") +
\r
884 ((p) ? "; path=" + escape(p) : "") +
\r
885 ((d) ? "; domain=" + d : "") +
\r
886 ((s) ? "; secure" : "");
\r
889 remove : function(name, path, domain) {
\r
890 var date = new Date();
\r
892 date.setTime(date.getTime() - 1000);
\r
894 this.set(name, '', date, path, domain);
\r
900 function serialize(o, quote) {
\r
903 quote = quote || '"';
\r
910 if (t == 'string') {
\r
911 v = '\bb\tt\nn\ff\rr\""\'\'\\\\';
\r
913 return quote + o.replace(/([\u0080-\uFFFF\x00-\x1f\"\'\\])/g, function(a, b) {
\r
914 // Make sure single quotes never get encoded inside double quotes for JSON compatibility
\r
915 if (quote === '"' && a === "'")
\r
921 return '\\' + v.charAt(i + 1);
\r
923 a = b.charCodeAt().toString(16);
\r
925 return '\\u' + '0000'.substring(a.length) + a;
\r
929 if (t == 'object') {
\r
930 if (o.hasOwnProperty && Object.prototype.toString.call(o) === '[object Array]') {
\r
931 for (i=0, v = '['; i<o.length; i++)
\r
932 v += (i > 0 ? ',' : '') + serialize(o[i], quote);
\r
940 if (o.hasOwnProperty(name)) {
\r
941 v += typeof o[name] != 'function' ? (v.length > 1 ? ',' + quote : quote) + name + quote +':' + serialize(o[name], quote) : '';
\r
951 tinymce.util.JSON = {
\r
952 serialize: serialize,
\r
954 parse: function(s) {
\r
956 return eval('(' + s + ')');
\r
965 tinymce.create('static tinymce.util.XHR', {
\r
966 send : function(o) {
\r
967 var x, t, w = window, c = 0;
\r
970 if (!o.async || x.readyState == 4 || c++ > 10000) {
\r
971 if (o.success && c < 10000 && x.status == 200)
\r
972 o.success.call(o.success_scope, '' + x.responseText, x, o);
\r
974 o.error.call(o.error_scope, c > 10000 ? 'TIMED_OUT' : 'GENERAL', x, o);
\r
978 w.setTimeout(ready, 10);
\r
981 // Default settings
\r
982 o.scope = o.scope || this;
\r
983 o.success_scope = o.success_scope || o.scope;
\r
984 o.error_scope = o.error_scope || o.scope;
\r
985 o.async = o.async === false ? false : true;
\r
986 o.data = o.data || '';
\r
992 x = new ActiveXObject(s);
\r
999 x = w.XMLHttpRequest ? new XMLHttpRequest() : get('Microsoft.XMLHTTP') || get('Msxml2.XMLHTTP');
\r
1002 if (x.overrideMimeType)
\r
1003 x.overrideMimeType(o.content_type);
\r
1005 x.open(o.type || (o.data ? 'POST' : 'GET'), o.url, o.async);
\r
1007 if (o.content_type)
\r
1008 x.setRequestHeader('Content-Type', o.content_type);
\r
1010 x.setRequestHeader('X-Requested-With', 'XMLHttpRequest');
\r
1014 // Syncronous request
\r
1018 // Wait for response, onReadyStateChange can not be used since it leaks memory in IE
\r
1019 t = w.setTimeout(ready, 10);
\r
1025 var extend = tinymce.extend, JSON = tinymce.util.JSON, XHR = tinymce.util.XHR;
\r
1027 tinymce.create('tinymce.util.JSONRequest', {
\r
1028 JSONRequest : function(s) {
\r
1029 this.settings = extend({
\r
1034 send : function(o) {
\r
1035 var ecb = o.error, scb = o.success;
\r
1037 o = extend(this.settings, o);
\r
1039 o.success = function(c, x) {
\r
1040 c = JSON.parse(c);
\r
1042 if (typeof(c) == 'undefined') {
\r
1044 error : 'JSON Parse error.'
\r
1049 ecb.call(o.error_scope || o.scope, c.error, x);
\r
1051 scb.call(o.success_scope || o.scope, c.result);
\r
1054 o.error = function(ty, x) {
\r
1056 ecb.call(o.error_scope || o.scope, ty, x);
\r
1059 o.data = JSON.serialize({
\r
1060 id : o.id || 'c' + (this.count++),
\r
1061 method : o.method,
\r
1065 // JSON content type for Ruby on rails. Bug: #1883287
\r
1066 o.content_type = 'application/json';
\r
1072 sendRPC : function(o) {
\r
1073 return new tinymce.util.JSONRequest().send(o);
\r
1078 (function(tinymce){
\r
1090 modifierPressed: function (e) {
\r
1091 return e.shiftKey || e.ctrlKey || e.altKey;
\r
1094 metaKeyPressed: function(e) {
\r
1095 // Check if ctrl or meta key is pressed also check if alt is false for Polish users
\r
1096 return tinymce.isMac ? e.metaKey : e.ctrlKey && !e.altKey;
\r
1101 tinymce.util.Quirks = function(editor) {
\r
1102 var VK = tinymce.VK, BACKSPACE = VK.BACKSPACE, DELETE = VK.DELETE, dom = editor.dom, selection = editor.selection,
\r
1103 settings = editor.settings, parser = editor.parser, serializer = editor.serializer, each = tinymce.each;
\r
1105 function setEditorCommandState(cmd, state) {
\r
1107 editor.getDoc().execCommand(cmd, false, state);
\r
1113 function getDocumentMode() {
\r
1114 var documentMode = editor.getDoc().documentMode;
\r
1116 return documentMode ? documentMode : 6;
\r
1119 function isDefaultPrevented(e) {
\r
1120 return e.isDefaultPrevented();
\r
1123 function cleanupStylesWhenDeleting() {
\r
1124 function removeMergedFormatSpans(isDelete) {
\r
1125 var rng, blockElm, wrapperElm, bookmark, container, offset, elm;
\r
1127 function isAtStartOrEndOfElm() {
\r
1128 if (container.nodeType == 3) {
\r
1129 if (isDelete && offset == container.length) {
\r
1133 if (!isDelete && offset === 0) {
\r
1139 rng = selection.getRng();
\r
1140 var tmpRng = [rng.startContainer, rng.startOffset, rng.endContainer, rng.endOffset];
\r
1142 if (!rng.collapsed) {
\r
1146 container = rng[(isDelete ? 'start' : 'end') + 'Container'];
\r
1147 offset = rng[(isDelete ? 'start' : 'end') + 'Offset'];
\r
1149 if (container.nodeType == 3) {
\r
1150 blockElm = dom.getParent(rng.startContainer, dom.isBlock);
\r
1152 // On delete clone the root span of the next block element
\r
1154 blockElm = dom.getNext(blockElm, dom.isBlock);
\r
1157 if (blockElm && (isAtStartOrEndOfElm() || !rng.collapsed)) {
\r
1158 // Wrap children of block in a EM and let WebKit stick is
\r
1159 // runtime styles junk into that EM
\r
1160 wrapperElm = dom.create('em', {'id': '__mceDel'});
\r
1162 each(tinymce.grep(blockElm.childNodes), function(node) {
\r
1163 wrapperElm.appendChild(node);
\r
1166 blockElm.appendChild(wrapperElm);
\r
1170 // Do the backspace/delete action
\r
1171 rng = dom.createRng();
\r
1172 rng.setStart(tmpRng[0], tmpRng[1]);
\r
1173 rng.setEnd(tmpRng[2], tmpRng[3]);
\r
1174 selection.setRng(rng);
\r
1175 editor.getDoc().execCommand(isDelete ? 'ForwardDelete' : 'Delete', false, null);
\r
1177 // Remove temp wrapper element
\r
1179 bookmark = selection.getBookmark();
\r
1181 while (elm = dom.get('__mceDel')) {
\r
1182 dom.remove(elm, true);
\r
1185 selection.moveToBookmark(bookmark);
\r
1189 editor.onKeyDown.add(function(editor, e) {
\r
1192 isDelete = e.keyCode == DELETE;
\r
1193 if (!isDefaultPrevented(e) && (isDelete || e.keyCode == BACKSPACE) && !VK.modifierPressed(e)) {
\r
1194 e.preventDefault();
\r
1195 removeMergedFormatSpans(isDelete);
\r
1199 editor.addCommand('Delete', function() {removeMergedFormatSpans();});
\r
1202 function emptyEditorWhenDeleting() {
\r
1203 function serializeRng(rng) {
\r
1204 var body = dom.create("body");
\r
1205 var contents = rng.cloneContents();
\r
1206 body.appendChild(contents);
\r
1207 return selection.serializer.serialize(body, {format: 'html'});
\r
1210 function allContentsSelected(rng) {
\r
1211 var selection = serializeRng(rng);
\r
1213 var allRng = dom.createRng();
\r
1214 allRng.selectNode(editor.getBody());
\r
1216 var allSelection = serializeRng(allRng);
\r
1217 return selection === allSelection;
\r
1220 editor.onKeyDown.add(function(editor, e) {
\r
1221 var keyCode = e.keyCode, isCollapsed;
\r
1223 // Empty the editor if it's needed for example backspace at <p><b>|</b></p>
\r
1224 if (!isDefaultPrevented(e) && (keyCode == DELETE || keyCode == BACKSPACE)) {
\r
1225 isCollapsed = editor.selection.isCollapsed();
\r
1227 // Selection is collapsed but the editor isn't empty
\r
1228 if (isCollapsed && !dom.isEmpty(editor.getBody())) {
\r
1232 // IE deletes all contents correctly when everything is selected
\r
1233 if (tinymce.isIE && !isCollapsed) {
\r
1237 // Selection isn't collapsed but not all the contents is selected
\r
1238 if (!isCollapsed && !allContentsSelected(editor.selection.getRng())) {
\r
1242 // Manually empty the editor
\r
1243 editor.setContent('');
\r
1244 editor.selection.setCursorLocation(editor.getBody(), 0);
\r
1245 editor.nodeChanged();
\r
1250 function selectAll() {
\r
1251 editor.onKeyDown.add(function(editor, e) {
\r
1252 if (!isDefaultPrevented(e) && e.keyCode == 65 && VK.metaKeyPressed(e)) {
\r
1253 e.preventDefault();
\r
1254 editor.execCommand('SelectAll');
\r
1259 function inputMethodFocus() {
\r
1260 if (!editor.settings.content_editable) {
\r
1261 // Case 1 IME doesn't initialize if you focus the document
\r
1262 dom.bind(editor.getDoc(), 'focusin', function(e) {
\r
1263 selection.setRng(selection.getRng());
\r
1266 // Case 2 IME doesn't initialize if you click the documentElement it also doesn't properly fire the focusin event
\r
1267 dom.bind(editor.getDoc(), 'mousedown', function(e) {
\r
1268 if (e.target == editor.getDoc().documentElement) {
\r
1269 editor.getWin().focus();
\r
1270 selection.setRng(selection.getRng());
\r
1276 function removeHrOnBackspace() {
\r
1277 editor.onKeyDown.add(function(editor, e) {
\r
1278 if (!isDefaultPrevented(e) && e.keyCode === BACKSPACE) {
\r
1279 if (selection.isCollapsed() && selection.getRng(true).startOffset === 0) {
\r
1280 var node = selection.getNode();
\r
1281 var previousSibling = node.previousSibling;
\r
1283 if (previousSibling && previousSibling.nodeName && previousSibling.nodeName.toLowerCase() === "hr") {
\r
1284 dom.remove(previousSibling);
\r
1285 tinymce.dom.Event.cancel(e);
\r
1292 function focusBody() {
\r
1293 // Fix for a focus bug in FF 3.x where the body element
\r
1294 // wouldn't get proper focus if the user clicked on the HTML element
\r
1295 if (!Range.prototype.getClientRects) { // Detect getClientRects got introduced in FF 4
\r
1296 editor.onMouseDown.add(function(editor, e) {
\r
1297 if (!isDefaultPrevented(e) && e.target.nodeName === "HTML") {
\r
1298 var body = editor.getBody();
\r
1300 // Blur the body it's focused but not correctly focused
\r
1303 // Refocus the body after a little while
\r
1304 setTimeout(function() {
\r
1312 function selectControlElements() {
\r
1313 editor.onClick.add(function(editor, e) {
\r
1316 // Workaround for bug, http://bugs.webkit.org/show_bug.cgi?id=12250
\r
1317 // WebKit can't even do simple things like selecting an image
\r
1318 // Needs tobe the setBaseAndExtend or it will fail to select floated images
\r
1319 if (/^(IMG|HR)$/.test(e.nodeName)) {
\r
1320 selection.getSel().setBaseAndExtent(e, 0, e, 1);
\r
1323 if (e.nodeName == 'A' && dom.hasClass(e, 'mceItemAnchor')) {
\r
1324 selection.select(e);
\r
1327 editor.nodeChanged();
\r
1331 function removeStylesWhenDeletingAccrossBlockElements() {
\r
1332 function getAttributeApplyFunction() {
\r
1333 var template = dom.getAttribs(selection.getStart().cloneNode(false));
\r
1335 return function() {
\r
1336 var target = selection.getStart();
\r
1338 if (target !== editor.getBody()) {
\r
1339 dom.setAttrib(target, "style", null);
\r
1341 each(template, function(attr) {
\r
1342 target.setAttributeNode(attr.cloneNode(true));
\r
1348 function isSelectionAcrossElements() {
\r
1349 return !selection.isCollapsed() && dom.getParent(selection.getStart(), dom.isBlock) != dom.getParent(selection.getEnd(), dom.isBlock);
\r
1352 function blockEvent(editor, e) {
\r
1353 e.preventDefault();
\r
1357 editor.onKeyPress.add(function(editor, e) {
\r
1358 var applyAttributes;
\r
1360 if (!isDefaultPrevented(e) && (e.keyCode == 8 || e.keyCode == 46) && isSelectionAcrossElements()) {
\r
1361 applyAttributes = getAttributeApplyFunction();
\r
1362 editor.getDoc().execCommand('delete', false, null);
\r
1363 applyAttributes();
\r
1364 e.preventDefault();
\r
1369 dom.bind(editor.getDoc(), 'cut', function(e) {
\r
1370 var applyAttributes;
\r
1372 if (!isDefaultPrevented(e) && isSelectionAcrossElements()) {
\r
1373 applyAttributes = getAttributeApplyFunction();
\r
1374 editor.onKeyUp.addToTop(blockEvent);
\r
1376 setTimeout(function() {
\r
1377 applyAttributes();
\r
1378 editor.onKeyUp.remove(blockEvent);
\r
1384 function selectionChangeNodeChanged() {
\r
1385 var lastRng, selectionTimer;
\r
1387 dom.bind(editor.getDoc(), 'selectionchange', function() {
\r
1388 if (selectionTimer) {
\r
1389 clearTimeout(selectionTimer);
\r
1390 selectionTimer = 0;
\r
1393 selectionTimer = window.setTimeout(function() {
\r
1394 var rng = selection.getRng();
\r
1396 // Compare the ranges to see if it was a real change or not
\r
1397 if (!lastRng || !tinymce.dom.RangeUtils.compareRanges(rng, lastRng)) {
\r
1398 editor.nodeChanged();
\r
1405 function ensureBodyHasRoleApplication() {
\r
1406 document.body.setAttribute("role", "application");
\r
1409 function disableBackspaceIntoATable() {
\r
1410 editor.onKeyDown.add(function(editor, e) {
\r
1411 if (!isDefaultPrevented(e) && e.keyCode === BACKSPACE) {
\r
1412 if (selection.isCollapsed() && selection.getRng(true).startOffset === 0) {
\r
1413 var previousSibling = selection.getNode().previousSibling;
\r
1414 if (previousSibling && previousSibling.nodeName && previousSibling.nodeName.toLowerCase() === "table") {
\r
1415 return tinymce.dom.Event.cancel(e);
\r
1422 function addNewLinesBeforeBrInPre() {
\r
1423 // IE8+ rendering mode does the right thing with BR in PRE
\r
1424 if (getDocumentMode() > 7) {
\r
1428 // Enable display: none in area and add a specific class that hides all BR elements in PRE to
\r
1429 // avoid the caret from getting stuck at the BR elements while pressing the right arrow key
\r
1430 setEditorCommandState('RespectVisibilityInDesign', true);
\r
1431 editor.contentStyles.push('.mceHideBrInPre pre br {display: none}');
\r
1432 dom.addClass(editor.getBody(), 'mceHideBrInPre');
\r
1434 // Adds a \n before all BR elements in PRE to get them visual
\r
1435 parser.addNodeFilter('pre', function(nodes, name) {
\r
1436 var i = nodes.length, brNodes, j, brElm, sibling;
\r
1439 brNodes = nodes[i].getAll('br');
\r
1440 j = brNodes.length;
\r
1442 brElm = brNodes[j];
\r
1444 // Add \n before BR in PRE elements on older IE:s so the new lines get rendered
\r
1445 sibling = brElm.prev;
\r
1446 if (sibling && sibling.type === 3 && sibling.value.charAt(sibling.value - 1) != '\n') {
\r
1447 sibling.value += '\n';
\r
1449 brElm.parent.insert(new tinymce.html.Node('#text', 3), brElm, true).value = '\n';
\r
1455 // Removes any \n before BR elements in PRE since other browsers and in contentEditable=false mode they will be visible
\r
1456 serializer.addNodeFilter('pre', function(nodes, name) {
\r
1457 var i = nodes.length, brNodes, j, brElm, sibling;
\r
1460 brNodes = nodes[i].getAll('br');
\r
1461 j = brNodes.length;
\r
1463 brElm = brNodes[j];
\r
1464 sibling = brElm.prev;
\r
1465 if (sibling && sibling.type == 3) {
\r
1466 sibling.value = sibling.value.replace(/\r?\n$/, '');
\r
1473 function removePreSerializedStylesWhenSelectingControls() {
\r
1474 dom.bind(editor.getBody(), 'mouseup', function(e) {
\r
1475 var value, node = selection.getNode();
\r
1477 // Moved styles to attributes on IMG eements
\r
1478 if (node.nodeName == 'IMG') {
\r
1479 // Convert style width to width attribute
\r
1480 if (value = dom.getStyle(node, 'width')) {
\r
1481 dom.setAttrib(node, 'width', value.replace(/[^0-9%]+/g, ''));
\r
1482 dom.setStyle(node, 'width', '');
\r
1485 // Convert style height to height attribute
\r
1486 if (value = dom.getStyle(node, 'height')) {
\r
1487 dom.setAttrib(node, 'height', value.replace(/[^0-9%]+/g, ''));
\r
1488 dom.setStyle(node, 'height', '');
\r
1494 function keepInlineElementOnDeleteBackspace() {
\r
1495 editor.onKeyDown.add(function(editor, e) {
\r
1496 var isDelete, rng, container, offset, brElm, sibling, collapsed;
\r
1498 isDelete = e.keyCode == DELETE;
\r
1499 if (!isDefaultPrevented(e) && (isDelete || e.keyCode == BACKSPACE) && !VK.modifierPressed(e)) {
\r
1500 rng = selection.getRng();
\r
1501 container = rng.startContainer;
\r
1502 offset = rng.startOffset;
\r
1503 collapsed = rng.collapsed;
\r
1505 // Override delete if the start container is a text node and is at the beginning of text or
\r
1506 // just before/after the last character to be deleted in collapsed mode
\r
1507 if (container.nodeType == 3 && container.nodeValue.length > 0 && ((offset === 0 && !collapsed) || (collapsed && offset === (isDelete ? 0 : 1)))) {
\r
1508 // Edge case when deleting <p><b><img> |x</b></p>
\r
1509 sibling = container.previousSibling;
\r
1510 if (sibling && sibling.nodeName == "IMG") {
\r
1514 nonEmptyElements = editor.schema.getNonEmptyElements();
\r
1516 // Prevent default logic since it's broken
\r
1517 e.preventDefault();
\r
1519 // Insert a BR before the text node this will prevent the containing element from being deleted/converted
\r
1520 brElm = dom.create('br', {id: '__tmp'});
\r
1521 container.parentNode.insertBefore(brElm, container);
\r
1523 // Do the browser delete
\r
1524 editor.getDoc().execCommand(isDelete ? 'ForwardDelete' : 'Delete', false, null);
\r
1526 // Check if the previous sibling is empty after deleting for example: <p><b></b>|</p>
\r
1527 container = selection.getRng().startContainer;
\r
1528 sibling = container.previousSibling;
\r
1529 if (sibling && sibling.nodeType == 1 && !dom.isBlock(sibling) && dom.isEmpty(sibling) && !nonEmptyElements[sibling.nodeName.toLowerCase()]) {
\r
1530 dom.remove(sibling);
\r
1533 // Remove the temp element we inserted
\r
1534 dom.remove('__tmp');
\r
1540 function removeBlockQuoteOnBackSpace() {
\r
1541 // Add block quote deletion handler
\r
1542 editor.onKeyDown.add(function(editor, e) {
\r
1543 var rng, container, offset, root, parent;
\r
1545 if (isDefaultPrevented(e) || e.keyCode != VK.BACKSPACE) {
\r
1549 rng = selection.getRng();
\r
1550 container = rng.startContainer;
\r
1551 offset = rng.startOffset;
\r
1552 root = dom.getRoot();
\r
1553 parent = container;
\r
1555 if (!rng.collapsed || offset !== 0) {
\r
1559 while (parent && parent.parentNode && parent.parentNode.firstChild == parent && parent.parentNode != root) {
\r
1560 parent = parent.parentNode;
\r
1563 // Is the cursor at the beginning of a blockquote?
\r
1564 if (parent.tagName === 'BLOCKQUOTE') {
\r
1565 // Remove the blockquote
\r
1566 editor.formatter.toggle('blockquote', null, parent);
\r
1568 // Move the caret to the beginning of container
\r
1569 rng = dom.createRng();
\r
1570 rng.setStart(container, 0);
\r
1571 rng.setEnd(container, 0);
\r
1572 selection.setRng(rng);
\r
1577 function setGeckoEditingOptions() {
\r
1578 function setOpts() {
\r
1579 editor._refreshContentEditable();
\r
1581 setEditorCommandState("StyleWithCSS", false);
\r
1582 setEditorCommandState("enableInlineTableEditing", false);
\r
1584 if (!settings.object_resizing) {
\r
1585 setEditorCommandState("enableObjectResizing", false);
\r
1589 if (!settings.readonly) {
\r
1590 editor.onBeforeExecCommand.add(setOpts);
\r
1591 editor.onMouseDown.add(setOpts);
\r
1595 function addBrAfterLastLinks() {
\r
1596 function fixLinks(editor, o) {
\r
1597 each(dom.select('a'), function(node) {
\r
1598 var parentNode = node.parentNode, root = dom.getRoot();
\r
1600 if (parentNode.lastChild === node) {
\r
1601 while (parentNode && !dom.isBlock(parentNode)) {
\r
1602 if (parentNode.parentNode.lastChild !== parentNode || parentNode === root) {
\r
1606 parentNode = parentNode.parentNode;
\r
1609 dom.add(parentNode, 'br', {'data-mce-bogus' : 1});
\r
1614 editor.onExecCommand.add(function(editor, cmd) {
\r
1615 if (cmd === 'CreateLink') {
\r
1620 editor.onSetContent.add(selection.onSetContent.add(fixLinks));
\r
1623 function setDefaultBlockType() {
\r
1624 if (settings.forced_root_block) {
\r
1625 editor.onInit.add(function() {
\r
1626 setEditorCommandState('DefaultParagraphSeparator', settings.forced_root_block);
\r
1631 function removeGhostSelection() {
\r
1632 function repaint(sender, args) {
\r
1633 if (!sender || !args.initial) {
\r
1634 editor.execCommand('mceRepaint');
\r
1638 editor.onUndo.add(repaint);
\r
1639 editor.onRedo.add(repaint);
\r
1640 editor.onSetContent.add(repaint);
\r
1643 function deleteControlItemOnBackSpace() {
\r
1644 editor.onKeyDown.add(function(editor, e) {
\r
1647 if (!isDefaultPrevented(e) && e.keyCode == BACKSPACE) {
\r
1648 rng = editor.getDoc().selection.createRange();
\r
1649 if (rng && rng.item) {
\r
1650 e.preventDefault();
\r
1651 editor.undoManager.beforeChange();
\r
1652 dom.remove(rng.item(0));
\r
1653 editor.undoManager.add();
\r
1659 function renderEmptyBlocksFix() {
\r
1660 var emptyBlocksCSS;
\r
1663 if (getDocumentMode() >= 10) {
\r
1664 emptyBlocksCSS = '';
\r
1665 each('p div h1 h2 h3 h4 h5 h6'.split(' '), function(name, i) {
\r
1666 emptyBlocksCSS += (i > 0 ? ',' : '') + name + ':empty';
\r
1669 editor.contentStyles.push(emptyBlocksCSS + '{padding-right: 1px !important}');
\r
1673 function fakeImageResize() {
\r
1674 var selectedElmX, selectedElmY, selectedElm, selectedElmGhost, selectedHandle, startX, startY, startW, startH, ratio,
\r
1675 resizeHandles, width, height, rootDocument = document, editableDoc = editor.getDoc();
\r
1677 if (!settings.object_resizing || settings.webkit_fake_resize === false) {
\r
1681 // Try disabling object resizing if WebKit implements resizing in the future
\r
1682 setEditorCommandState("enableObjectResizing", false);
\r
1684 // Details about each resize handle how to scale etc
\r
1686 // Name: x multiplier, y multiplier, delta size x, delta size y
\r
1687 n: [.5, 0, 0, -1],
\r
1690 w: [0, .5, -1, 0],
\r
1691 nw: [0, 0, -1, -1],
\r
1692 ne: [1, 0, 1, -1],
\r
1694 sw : [0, 1, -1, 1]
\r
1697 function resizeElement(e) {
\r
1698 var deltaX, deltaY;
\r
1700 // Calc new width/height
\r
1701 deltaX = e.screenX - startX;
\r
1702 deltaY = e.screenY - startY;
\r
1705 width = deltaX * selectedHandle[2] + startW;
\r
1706 height = deltaY * selectedHandle[3] + startH;
\r
1708 // Never scale down lower than 5 pixels
\r
1709 width = width < 5 ? 5 : width;
\r
1710 height = height < 5 ? 5 : height;
\r
1712 // Constrain proportions when modifier key is pressed or if the nw, ne, sw, se corners are moved on an image
\r
1713 if (VK.modifierPressed(e) || (selectedElm.nodeName == "IMG" && selectedHandle[2] * selectedHandle[3] !== 0)) {
\r
1714 width = Math.round(height / ratio);
\r
1715 height = Math.round(width * ratio);
\r
1718 // Update ghost size
\r
1719 dom.setStyles(selectedElmGhost, {
\r
1724 // Update ghost X position if needed
\r
1725 if (selectedHandle[2] < 0 && selectedElmGhost.clientWidth <= width) {
\r
1726 dom.setStyle(selectedElmGhost, 'left', selectedElmX + (startW - width));
\r
1729 // Update ghost Y position if needed
\r
1730 if (selectedHandle[3] < 0 && selectedElmGhost.clientHeight <= height) {
\r
1731 dom.setStyle(selectedElmGhost, 'top', selectedElmY + (startH - height));
\r
1735 function endResize() {
\r
1736 function setSizeProp(name, value) {
\r
1738 // Resize by using style or attribute
\r
1739 if (selectedElm.style[name] || !editor.schema.isValid(selectedElm.nodeName.toLowerCase(), name)) {
\r
1740 dom.setStyle(selectedElm, name, value);
\r
1742 dom.setAttrib(selectedElm, name, value);
\r
1747 // Set width/height properties
\r
1748 setSizeProp('width', width);
\r
1749 setSizeProp('height', height);
\r
1751 dom.unbind(editableDoc, 'mousemove', resizeElement);
\r
1752 dom.unbind(editableDoc, 'mouseup', endResize);
\r
1754 if (rootDocument != editableDoc) {
\r
1755 dom.unbind(rootDocument, 'mousemove', resizeElement);
\r
1756 dom.unbind(rootDocument, 'mouseup', endResize);
\r
1759 // Remove ghost and update resize handle positions
\r
1760 dom.remove(selectedElmGhost);
\r
1761 showResizeRect(selectedElm);
\r
1764 function showResizeRect(targetElm) {
\r
1765 var position, targetWidth, targetHeight;
\r
1769 // Get position and size of target
\r
1770 position = dom.getPos(targetElm);
\r
1771 selectedElmX = position.x;
\r
1772 selectedElmY = position.y;
\r
1773 targetWidth = targetElm.offsetWidth;
\r
1774 targetHeight = targetElm.offsetHeight;
\r
1776 // Reset width/height if user selects a new image/table
\r
1777 if (selectedElm != targetElm) {
\r
1778 selectedElm = targetElm;
\r
1779 width = height = 0;
\r
1782 each(resizeHandles, function(handle, name) {
\r
1785 // Get existing or render resize handle
\r
1786 handleElm = dom.get('mceResizeHandle' + name);
\r
1788 handleElm = dom.add(editableDoc.documentElement, 'div', {
\r
1789 id: 'mceResizeHandle' + name,
\r
1790 'class': 'mceResizeHandle',
\r
1791 style: 'cursor:' + name + '-resize; margin:0; padding:0'
\r
1794 dom.bind(handleElm, 'mousedown', function(e) {
\r
1795 e.preventDefault();
\r
1799 startX = e.screenX;
\r
1800 startY = e.screenY;
\r
1801 startW = selectedElm.clientWidth;
\r
1802 startH = selectedElm.clientHeight;
\r
1803 ratio = startH / startW;
\r
1804 selectedHandle = handle;
\r
1806 selectedElmGhost = selectedElm.cloneNode(true);
\r
1807 dom.addClass(selectedElmGhost, 'mceClonedResizable');
\r
1808 dom.setStyles(selectedElmGhost, {
\r
1809 left: selectedElmX,
\r
1810 top: selectedElmY,
\r
1814 editableDoc.documentElement.appendChild(selectedElmGhost);
\r
1816 dom.bind(editableDoc, 'mousemove', resizeElement);
\r
1817 dom.bind(editableDoc, 'mouseup', endResize);
\r
1819 if (rootDocument != editableDoc) {
\r
1820 dom.bind(rootDocument, 'mousemove', resizeElement);
\r
1821 dom.bind(rootDocument, 'mouseup', endResize);
\r
1825 dom.show(handleElm);
\r
1828 // Position element
\r
1829 dom.setStyles(handleElm, {
\r
1830 left: (targetWidth * handle[0] + selectedElmX) - (handleElm.offsetWidth / 2),
\r
1831 top: (targetHeight * handle[1] + selectedElmY) - (handleElm.offsetHeight / 2)
\r
1835 // Only add resize rectangle on WebKit and only on images
\r
1836 if (!tinymce.isOpera && selectedElm.nodeName == "IMG") {
\r
1837 selectedElm.setAttribute('data-mce-selected', '1');
\r
1841 function hideResizeRect() {
\r
1842 if (selectedElm) {
\r
1843 selectedElm.removeAttribute('data-mce-selected');
\r
1846 for (var name in resizeHandles) {
\r
1847 dom.hide('mceResizeHandle' + name);
\r
1851 // Add CSS for resize handles, cloned element and selected
\r
1852 editor.contentStyles.push(
\r
1853 '.mceResizeHandle {' +
\r
1854 'position: absolute;' +
\r
1855 'border: 1px solid black;' +
\r
1856 'background: #FFF;' +
\r
1859 'z-index: 10000' +
\r
1861 '.mceResizeHandle:hover {' +
\r
1862 'background: #000' +
\r
1864 'img[data-mce-selected] {' +
\r
1865 'outline: 1px solid black' +
\r
1867 'img.mceClonedResizable, table.mceClonedResizable {' +
\r
1868 'position: absolute;' +
\r
1869 'outline: 1px dashed black;' +
\r
1871 'z-index: 10000' +
\r
1875 function updateResizeRect() {
\r
1876 var controlElm = dom.getParent(selection.getNode(), 'table,img');
\r
1878 // Remove data-mce-selected from all elements since they might have been copied using Ctrl+c/v
\r
1879 each(dom.select('img[data-mce-selected]'), function(img) {
\r
1880 img.removeAttribute('data-mce-selected');
\r
1884 showResizeRect(controlElm);
\r
1890 // Show/hide resize rect when image is selected
\r
1891 editor.onNodeChange.add(updateResizeRect);
\r
1893 // Fixes WebKit quirk where it returns IMG on getNode if caret is after last image in container
\r
1894 dom.bind(editableDoc, 'selectionchange', updateResizeRect);
\r
1896 // Remove the internal attribute when serializing the DOM
\r
1897 editor.serializer.addAttributeFilter('data-mce-selected', function(nodes, name) {
\r
1898 var i = nodes.length;
\r
1901 nodes[i].attr(name, null);
\r
1906 function keepNoScriptContents() {
\r
1907 if (getDocumentMode() < 9) {
\r
1908 parser.addNodeFilter('noscript', function(nodes) {
\r
1909 var i = nodes.length, node, textNode;
\r
1913 textNode = node.firstChild;
\r
1916 node.attr('data-mce-innertext', textNode.value);
\r
1921 serializer.addNodeFilter('noscript', function(nodes) {
\r
1922 var i = nodes.length, node, textNode, value;
\r
1926 textNode = nodes[i].firstChild;
\r
1929 textNode.value = tinymce.html.Entities.decode(textNode.value);
\r
1931 // Old IE can't retain noscript value so an attribute is used to store it
\r
1932 value = node.attributes.map['data-mce-innertext'];
\r
1934 node.attr('data-mce-innertext', null);
\r
1935 textNode = new tinymce.html.Node('#text', 3);
\r
1936 textNode.value = value;
\r
1937 textNode.raw = true;
\r
1938 node.append(textNode);
\r
1946 function bodyHeight() {
\r
1947 editor.contentStyles.push('body {min-height: 100px}');
\r
1948 editor.onClick.add(function(ed, e) {
\r
1949 if (e.target.nodeName == 'HTML') {
\r
1950 editor.execCommand('SelectAll');
\r
1951 editor.selection.collapse(true);
\r
1952 editor.nodeChanged();
\r
1957 function fixControlSelection() {
\r
1958 editor.onInit.add(function() {
\r
1961 editor.getBody().addEventListener('mscontrolselect', function(e) {
\r
1962 setTimeout(function() {
\r
1963 if (editor.selection.getNode() != e.target) {
\r
1964 selectedRng = editor.selection.getRng();
\r
1965 selection.fakeRng = editor.dom.createRng();
\r
1966 selection.fakeRng.setStartBefore(e.target);
\r
1967 selection.fakeRng.setEndAfter(e.target);
\r
1972 editor.getDoc().addEventListener('selectionchange', function(e) {
\r
1973 if (selectedRng && !tinymce.dom.RangeUtils.compareRanges(editor.selection.getRng(), selectedRng)) {
\r
1974 selection.fakeRng = selectedRng = null;
\r
1981 disableBackspaceIntoATable();
\r
1982 removeBlockQuoteOnBackSpace();
\r
1983 emptyEditorWhenDeleting();
\r
1986 if (tinymce.isWebKit) {
\r
1987 keepInlineElementOnDeleteBackspace();
\r
1988 cleanupStylesWhenDeleting();
\r
1989 inputMethodFocus();
\r
1990 selectControlElements();
\r
1991 setDefaultBlockType();
\r
1994 if (tinymce.isIDevice) {
\r
1995 selectionChangeNodeChanged();
\r
1997 fakeImageResize();
\r
2003 if (tinymce.isIE && !tinymce.isIE11) {
\r
2004 removeHrOnBackspace();
\r
2005 ensureBodyHasRoleApplication();
\r
2006 addNewLinesBeforeBrInPre();
\r
2007 removePreSerializedStylesWhenSelectingControls();
\r
2008 deleteControlItemOnBackSpace();
\r
2009 renderEmptyBlocksFix();
\r
2010 keepNoScriptContents();
\r
2014 if (tinymce.isIE11) {
\r
2016 fixControlSelection();
\r
2020 if (tinymce.isGecko && !tinymce.isIE11) {
\r
2021 removeHrOnBackspace();
\r
2023 removeStylesWhenDeletingAccrossBlockElements();
\r
2024 setGeckoEditingOptions();
\r
2025 addBrAfterLastLinks();
\r
2026 removeGhostSelection();
\r
2030 if (tinymce.isOpera) {
\r
2031 fakeImageResize();
\r
2034 (function(tinymce) {
\r
2035 var namedEntities, baseEntities, reverseEntities,
\r
2036 attrsCharsRegExp = /[&<>\"\u007E-\uD7FF\uE000-\uFFEF]|[\uD800-\uDBFF][\uDC00-\uDFFF]/g,
\r
2037 textCharsRegExp = /[<>&\u007E-\uD7FF\uE000-\uFFEF]|[\uD800-\uDBFF][\uDC00-\uDFFF]/g,
\r
2038 rawCharsRegExp = /[<>&\"\']/g,
\r
2039 entityRegExp = /&(#x|#)?([\w]+);/g,
\r
2041 128 : "\u20AC", 130 : "\u201A", 131 : "\u0192", 132 : "\u201E", 133 : "\u2026", 134 : "\u2020",
\r
2042 135 : "\u2021", 136 : "\u02C6", 137 : "\u2030", 138 : "\u0160", 139 : "\u2039", 140 : "\u0152",
\r
2043 142 : "\u017D", 145 : "\u2018", 146 : "\u2019", 147 : "\u201C", 148 : "\u201D", 149 : "\u2022",
\r
2044 150 : "\u2013", 151 : "\u2014", 152 : "\u02DC", 153 : "\u2122", 154 : "\u0161", 155 : "\u203A",
\r
2045 156 : "\u0153", 158 : "\u017E", 159 : "\u0178"
\r
2050 '\"' : '"', // Needs to be escaped since the YUI compressor would otherwise break the code
\r
2057 // Reverse lookup table for raw entities
\r
2058 reverseEntities = {
\r
2066 // Decodes text by using the browser
\r
2067 function nativeDecode(text) {
\r
2070 elm = document.createElement("div");
\r
2071 elm.innerHTML = text;
\r
2073 return elm.textContent || elm.innerText || text;
\r
2076 // Build a two way lookup table for the entities
\r
2077 function buildEntitiesLookup(items, radix) {
\r
2078 var i, chr, entity, lookup = {};
\r
2081 items = items.split(',');
\r
2082 radix = radix || 10;
\r
2084 // Build entities lookup table
\r
2085 for (i = 0; i < items.length; i += 2) {
\r
2086 chr = String.fromCharCode(parseInt(items[i], radix));
\r
2088 // Only add non base entities
\r
2089 if (!baseEntities[chr]) {
\r
2090 entity = '&' + items[i + 1] + ';';
\r
2091 lookup[chr] = entity;
\r
2092 lookup[entity] = chr;
\r
2100 // Unpack entities lookup where the numbers are in radix 32 to reduce the size
\r
2101 namedEntities = buildEntitiesLookup(
\r
2102 '50,nbsp,51,iexcl,52,cent,53,pound,54,curren,55,yen,56,brvbar,57,sect,58,uml,59,copy,' +
\r
2103 '5a,ordf,5b,laquo,5c,not,5d,shy,5e,reg,5f,macr,5g,deg,5h,plusmn,5i,sup2,5j,sup3,5k,acute,' +
\r
2104 '5l,micro,5m,para,5n,middot,5o,cedil,5p,sup1,5q,ordm,5r,raquo,5s,frac14,5t,frac12,5u,frac34,' +
\r
2105 '5v,iquest,60,Agrave,61,Aacute,62,Acirc,63,Atilde,64,Auml,65,Aring,66,AElig,67,Ccedil,' +
\r
2106 '68,Egrave,69,Eacute,6a,Ecirc,6b,Euml,6c,Igrave,6d,Iacute,6e,Icirc,6f,Iuml,6g,ETH,6h,Ntilde,' +
\r
2107 '6i,Ograve,6j,Oacute,6k,Ocirc,6l,Otilde,6m,Ouml,6n,times,6o,Oslash,6p,Ugrave,6q,Uacute,' +
\r
2108 '6r,Ucirc,6s,Uuml,6t,Yacute,6u,THORN,6v,szlig,70,agrave,71,aacute,72,acirc,73,atilde,74,auml,' +
\r
2109 '75,aring,76,aelig,77,ccedil,78,egrave,79,eacute,7a,ecirc,7b,euml,7c,igrave,7d,iacute,7e,icirc,' +
\r
2110 '7f,iuml,7g,eth,7h,ntilde,7i,ograve,7j,oacute,7k,ocirc,7l,otilde,7m,ouml,7n,divide,7o,oslash,' +
\r
2111 '7p,ugrave,7q,uacute,7r,ucirc,7s,uuml,7t,yacute,7u,thorn,7v,yuml,ci,fnof,sh,Alpha,si,Beta,' +
\r
2112 'sj,Gamma,sk,Delta,sl,Epsilon,sm,Zeta,sn,Eta,so,Theta,sp,Iota,sq,Kappa,sr,Lambda,ss,Mu,' +
\r
2113 'st,Nu,su,Xi,sv,Omicron,t0,Pi,t1,Rho,t3,Sigma,t4,Tau,t5,Upsilon,t6,Phi,t7,Chi,t8,Psi,' +
\r
2114 't9,Omega,th,alpha,ti,beta,tj,gamma,tk,delta,tl,epsilon,tm,zeta,tn,eta,to,theta,tp,iota,' +
\r
2115 'tq,kappa,tr,lambda,ts,mu,tt,nu,tu,xi,tv,omicron,u0,pi,u1,rho,u2,sigmaf,u3,sigma,u4,tau,' +
\r
2116 'u5,upsilon,u6,phi,u7,chi,u8,psi,u9,omega,uh,thetasym,ui,upsih,um,piv,812,bull,816,hellip,' +
\r
2117 '81i,prime,81j,Prime,81u,oline,824,frasl,88o,weierp,88h,image,88s,real,892,trade,89l,alefsym,' +
\r
2118 '8cg,larr,8ch,uarr,8ci,rarr,8cj,darr,8ck,harr,8dl,crarr,8eg,lArr,8eh,uArr,8ei,rArr,8ej,dArr,' +
\r
2119 '8ek,hArr,8g0,forall,8g2,part,8g3,exist,8g5,empty,8g7,nabla,8g8,isin,8g9,notin,8gb,ni,8gf,prod,' +
\r
2120 '8gh,sum,8gi,minus,8gn,lowast,8gq,radic,8gt,prop,8gu,infin,8h0,ang,8h7,and,8h8,or,8h9,cap,8ha,cup,' +
\r
2121 '8hb,int,8hk,there4,8hs,sim,8i5,cong,8i8,asymp,8j0,ne,8j1,equiv,8j4,le,8j5,ge,8k2,sub,8k3,sup,8k4,' +
\r
2122 'nsub,8k6,sube,8k7,supe,8kl,oplus,8kn,otimes,8l5,perp,8m5,sdot,8o8,lceil,8o9,rceil,8oa,lfloor,8ob,' +
\r
2123 'rfloor,8p9,lang,8pa,rang,9ea,loz,9j0,spades,9j3,clubs,9j5,hearts,9j6,diams,ai,OElig,aj,oelig,b0,' +
\r
2124 'Scaron,b1,scaron,bo,Yuml,m6,circ,ms,tilde,802,ensp,803,emsp,809,thinsp,80c,zwnj,80d,zwj,80e,lrm,' +
\r
2125 '80f,rlm,80j,ndash,80k,mdash,80o,lsquo,80p,rsquo,80q,sbquo,80s,ldquo,80t,rdquo,80u,bdquo,810,dagger,' +
\r
2126 '811,Dagger,81g,permil,81p,lsaquo,81q,rsaquo,85c,euro', 32);
\r
2128 tinymce.html = tinymce.html || {};
\r
2130 tinymce.html.Entities = {
\r
2131 encodeRaw : function(text, attr) {
\r
2132 return text.replace(attr ? attrsCharsRegExp : textCharsRegExp, function(chr) {
\r
2133 return baseEntities[chr] || chr;
\r
2137 encodeAllRaw : function(text) {
\r
2138 return ('' + text).replace(rawCharsRegExp, function(chr) {
\r
2139 return baseEntities[chr] || chr;
\r
2143 encodeNumeric : function(text, attr) {
\r
2144 return text.replace(attr ? attrsCharsRegExp : textCharsRegExp, function(chr) {
\r
2145 // Multi byte sequence convert it to a single entity
\r
2146 if (chr.length > 1)
\r
2147 return '&#' + (((chr.charCodeAt(0) - 0xD800) * 0x400) + (chr.charCodeAt(1) - 0xDC00) + 0x10000) + ';';
\r
2149 return baseEntities[chr] || '&#' + chr.charCodeAt(0) + ';';
\r
2153 encodeNamed : function(text, attr, entities) {
\r
2154 entities = entities || namedEntities;
\r
2156 return text.replace(attr ? attrsCharsRegExp : textCharsRegExp, function(chr) {
\r
2157 return baseEntities[chr] || entities[chr] || chr;
\r
2161 getEncodeFunc : function(name, entities) {
\r
2162 var Entities = tinymce.html.Entities;
\r
2164 entities = buildEntitiesLookup(entities) || namedEntities;
\r
2166 function encodeNamedAndNumeric(text, attr) {
\r
2167 return text.replace(attr ? attrsCharsRegExp : textCharsRegExp, function(chr) {
\r
2168 return baseEntities[chr] || entities[chr] || '&#' + chr.charCodeAt(0) + ';' || chr;
\r
2172 function encodeCustomNamed(text, attr) {
\r
2173 return Entities.encodeNamed(text, attr, entities);
\r
2176 // Replace + with , to be compatible with previous TinyMCE versions
\r
2177 name = tinymce.makeMap(name.replace(/\+/g, ','));
\r
2179 // Named and numeric encoder
\r
2180 if (name.named && name.numeric)
\r
2181 return encodeNamedAndNumeric;
\r
2187 return encodeCustomNamed;
\r
2189 return Entities.encodeNamed;
\r
2194 return Entities.encodeNumeric;
\r
2197 return Entities.encodeRaw;
\r
2200 decode : function(text) {
\r
2201 return text.replace(entityRegExp, function(all, numeric, value) {
\r
2203 value = parseInt(value, numeric.length === 2 ? 16 : 10);
\r
2205 // Support upper UTF
\r
2206 if (value > 0xFFFF) {
\r
2209 return String.fromCharCode(0xD800 + (value >> 10), 0xDC00 + (value & 0x3FF));
\r
2211 return asciiMap[value] || String.fromCharCode(value);
\r
2214 return reverseEntities[all] || namedEntities[all] || nativeDecode(all);
\r
2220 tinymce.html.Styles = function(settings, schema) {
\r
2221 var rgbRegExp = /rgb\s*\(\s*([0-9]+)\s*,\s*([0-9]+)\s*,\s*([0-9]+)\s*\)/gi,
\r
2222 urlOrStrRegExp = /(?:url(?:(?:\(\s*\"([^\"]+)\"\s*\))|(?:\(\s*\'([^\']+)\'\s*\))|(?:\(\s*([^)\s]+)\s*\))))|(?:\'([^\']+)\')|(?:\"([^\"]+)\")/gi,
\r
2223 styleRegExp = /\s*([^:]+):\s*([^;]+);?/g,
\r
2224 trimRightRegExp = /\s+$/,
\r
2225 urlColorRegExp = /rgb/,
\r
2226 undef, i, encodingLookup = {}, encodingItems;
\r
2228 settings = settings || {};
\r
2230 encodingItems = '\\" \\\' \\; \\: ; : \uFEFF'.split(' ');
\r
2231 for (i = 0; i < encodingItems.length; i++) {
\r
2232 encodingLookup[encodingItems[i]] = '\uFEFF' + i;
\r
2233 encodingLookup['\uFEFF' + i] = encodingItems[i];
\r
2236 function toHex(match, r, g, b) {
\r
2237 function hex(val) {
\r
2238 val = parseInt(val).toString(16);
\r
2240 return val.length > 1 ? val : '0' + val; // 0 -> 00
\r
2243 return '#' + hex(r) + hex(g) + hex(b);
\r
2247 toHex : function(color) {
\r
2248 return color.replace(rgbRegExp, toHex);
\r
2251 parse : function(css) {
\r
2252 var styles = {}, matches, name, value, isEncoded, urlConverter = settings.url_converter, urlConverterScope = settings.url_converter_scope || this;
\r
2254 function compress(prefix, suffix) {
\r
2255 var top, right, bottom, left;
\r
2257 // IE 11 will produce a border-image: none when getting the style attribute from <p style="border: 1px solid red"></p>
\r
2258 // So lets asume it shouldn't be there
\r
2259 if (styles['border-image'] === 'none') {
\r
2260 delete styles['border-image'];
\r
2263 // Get values and check it it needs compressing
\r
2264 top = styles[prefix + '-top' + suffix];
\r
2268 right = styles[prefix + '-right' + suffix];
\r
2272 bottom = styles[prefix + '-bottom' + suffix];
\r
2273 if (right != bottom)
\r
2276 left = styles[prefix + '-left' + suffix];
\r
2277 if (bottom != left)
\r
2281 styles[prefix + suffix] = left;
\r
2282 delete styles[prefix + '-top' + suffix];
\r
2283 delete styles[prefix + '-right' + suffix];
\r
2284 delete styles[prefix + '-bottom' + suffix];
\r
2285 delete styles[prefix + '-left' + suffix];
\r
2288 function canCompress(key) {
\r
2289 var value = styles[key], i;
\r
2291 if (!value || value.indexOf(' ') < 0)
\r
2294 value = value.split(' ');
\r
2297 if (value[i] !== value[0])
\r
2301 styles[key] = value[0];
\r
2306 function compress2(target, a, b, c) {
\r
2307 if (!canCompress(a))
\r
2310 if (!canCompress(b))
\r
2313 if (!canCompress(c))
\r
2317 styles[target] = styles[a] + ' ' + styles[b] + ' ' + styles[c];
\r
2323 // Encodes the specified string by replacing all \" \' ; : with _<num>
\r
2324 function encode(str) {
\r
2327 return encodingLookup[str];
\r
2330 // Decodes the specified string by replacing all _<num> with it's original value \" \' etc
\r
2331 // It will also decode the \" \' if keep_slashes is set to fale or omitted
\r
2332 function decode(str, keep_slashes) {
\r
2334 str = str.replace(/\uFEFF[0-9]/g, function(str) {
\r
2335 return encodingLookup[str];
\r
2339 if (!keep_slashes)
\r
2340 str = str.replace(/\\([\'\";:])/g, "$1");
\r
2345 function processUrl(match, url, url2, url3, str, str2) {
\r
2346 str = str || str2;
\r
2349 str = decode(str);
\r
2351 // Force strings into single quote format
\r
2352 return "'" + str.replace(/\'/g, "\\'") + "'";
\r
2355 url = decode(url || url2 || url3);
\r
2357 // Convert the URL to relative/absolute depending on config
\r
2359 url = urlConverter.call(urlConverterScope, url, 'style');
\r
2361 // Output new URL format
\r
2362 return "url('" + url.replace(/\'/g, "\\'") + "')";
\r
2366 // Encode \" \' % and ; and : inside strings so they don't interfere with the style parsing
\r
2367 css = css.replace(/\\[\"\';:\uFEFF]/g, encode).replace(/\"[^\"]+\"|\'[^\']+\'/g, function(str) {
\r
2368 return str.replace(/[;:]/g, encode);
\r
2372 while (matches = styleRegExp.exec(css)) {
\r
2373 name = matches[1].replace(trimRightRegExp, '').toLowerCase();
\r
2374 value = matches[2].replace(trimRightRegExp, '');
\r
2376 if (name && value.length > 0) {
\r
2377 // Opera will produce 700 instead of bold in their style values
\r
2378 if (name === 'font-weight' && value === '700')
\r
2380 else if (name === 'color' || name === 'background-color') // Lowercase colors like RED
\r
2381 value = value.toLowerCase();
\r
2383 // Convert RGB colors to HEX
\r
2384 value = value.replace(rgbRegExp, toHex);
\r
2386 // Convert URLs and force them into url('value') format
\r
2387 value = value.replace(urlOrStrRegExp, processUrl);
\r
2388 styles[name] = isEncoded ? decode(value, true) : value;
\r
2391 styleRegExp.lastIndex = matches.index + matches[0].length;
\r
2394 // Compress the styles to reduce it's size for example IE will expand styles
\r
2395 compress("border", "");
\r
2396 compress("border", "-width");
\r
2397 compress("border", "-color");
\r
2398 compress("border", "-style");
\r
2399 compress("padding", "");
\r
2400 compress("margin", "");
\r
2401 compress2('border', 'border-width', 'border-style', 'border-color');
\r
2403 // Remove pointless border, IE produces these
\r
2404 if (styles.border === 'medium none')
\r
2405 delete styles.border;
\r
2411 serialize : function(styles, element_name) {
\r
2412 var css = '', name, value;
\r
2414 function serializeStyles(name) {
\r
2415 var styleList, i, l, value;
\r
2417 styleList = schema.styles[name];
\r
2419 for (i = 0, l = styleList.length; i < l; i++) {
\r
2420 name = styleList[i];
\r
2421 value = styles[name];
\r
2423 if (value !== undef && value.length > 0)
\r
2424 css += (css.length > 0 ? ' ' : '') + name + ': ' + value + ';';
\r
2429 // Serialize styles according to schema
\r
2430 if (element_name && schema && schema.styles) {
\r
2431 // Serialize global styles and element specific styles
\r
2432 serializeStyles('*');
\r
2433 serializeStyles(element_name);
\r
2435 // Output the styles in the order they are inside the object
\r
2436 for (name in styles) {
\r
2437 value = styles[name];
\r
2439 if (value !== undef && value.length > 0)
\r
2440 css += (css.length > 0 ? ' ' : '') + name + ': ' + value + ';';
\r
2449 (function(tinymce) {
\r
2450 var mapCache = {}, makeMap = tinymce.makeMap, each = tinymce.each;
\r
2452 function split(str, delim) {
\r
2453 return str.split(delim || ',');
\r
2456 function unpack(lookup, data) {
\r
2457 var key, elements = {};
\r
2459 function replace(value) {
\r
2460 return value.replace(/[A-Z]+/g, function(key) {
\r
2461 return replace(lookup[key]);
\r
2466 for (key in lookup) {
\r
2467 if (lookup.hasOwnProperty(key))
\r
2468 lookup[key] = replace(lookup[key]);
\r
2471 // Unpack and parse data into object map
\r
2472 replace(data).replace(/#/g, '#text').replace(/(\w+)\[([^\]]+)\]\[([^\]]*)\]/g, function(str, name, attributes, children) {
\r
2473 attributes = split(attributes, '|');
\r
2475 elements[name] = {
\r
2476 attributes : makeMap(attributes),
\r
2477 attributesOrder : attributes,
\r
2478 children : makeMap(children, '|', {'#comment' : {}})
\r
2485 function getHTML5() {
\r
2486 var html5 = mapCache.html5;
\r
2489 html5 = mapCache.html5 = unpack({
\r
2490 A : 'id|accesskey|class|dir|draggable|item|hidden|itemprop|role|spellcheck|style|subject|title|onclick|ondblclick|onmousedown|onmouseup|onmouseover|onmousemove|onmouseout|onkeypress|onkeydown|onkeyup',
\r
2491 B : '#|a|abbr|area|audio|b|bdo|br|button|canvas|cite|code|command|datalist|del|dfn|em|embed|i|iframe|img|input|ins|kbd|keygen|label|link|map|mark|meta|' +
\r
2492 'meter|noscript|object|output|progress|q|ruby|samp|script|select|small|span|strong|sub|sup|svg|textarea|time|var|video|wbr',
\r
2493 C : '#|a|abbr|area|address|article|aside|audio|b|bdo|blockquote|br|button|canvas|cite|code|command|datalist|del|details|dfn|dialog|div|dl|em|embed|fieldset|' +
\r
2494 'figure|footer|form|h1|h2|h3|h4|h5|h6|header|hgroup|hr|i|iframe|img|input|ins|kbd|keygen|label|link|map|mark|menu|meta|meter|nav|noscript|ol|object|output|' +
\r
2495 'p|pre|progress|q|ruby|samp|script|section|select|small|span|strong|style|sub|sup|svg|table|textarea|time|ul|var|video'
\r
2496 }, 'html[A|manifest][body|head]' +
\r
2497 'head[A][base|command|link|meta|noscript|script|style|title]' +
\r
2499 'base[A|href|target][]' +
\r
2500 'link[A|href|rel|media|type|sizes][]' +
\r
2501 'meta[A|http-equiv|name|content|charset][]' +
\r
2502 'style[A|type|media|scoped][#]' +
\r
2503 'script[A|charset|type|src|defer|async][#]' +
\r
2504 'noscript[A][C]' +
\r
2516 'hgroup[A][h1|h2|h3|h4|h5|h6]' +
\r
2523 'dialog[A][dd|dt]' +
\r
2524 'blockquote[A|cite][C]' +
\r
2525 'ol[A|start|reversed][li]' +
\r
2527 'li[A|value][C]' +
\r
2531 'a[A|href|target|ping|rel|media|type][B]' +
\r
2548 'progress[A|value|max][B]' +
\r
2549 'meter[A|value|min|max|low|high|optimum][B]' +
\r
2550 'time[A|datetime][B]' +
\r
2551 'ruby[A][B|rt|rp]' +
\r
2556 'ins[A|cite|datetime][B]' +
\r
2557 'del[A|cite|datetime][B]' +
\r
2558 'figure[A][C|legend|figcaption]' +
\r
2559 'figcaption[A][C]' +
\r
2560 'img[A|alt|src|height|width|usemap|ismap][]' +
\r
2561 'iframe[A|name|src|height|width|sandbox|seamless][]' +
\r
2562 'embed[A|src|height|width|type][]' +
\r
2563 'object[A|data|type|height|width|usemap|name|form|classid][param]' +
\r
2564 'param[A|name|value][]' +
\r
2565 'details[A|open][C|legend]' +
\r
2566 'command[A|type|label|icon|disabled|checked|radiogroup][]' +
\r
2567 'menu[A|type|label][C|li]' +
\r
2568 'legend[A][C|B]' +
\r
2570 'source[A|src|type|media][]' +
\r
2571 'audio[A|src|autobuffer|autoplay|loop|controls][source]' +
\r
2572 'video[A|src|autobuffer|autoplay|loop|controls|width|height|poster][source]' +
\r
2574 'form[A|accept-charset|action|autocomplete|enctype|method|name|novalidate|target][C]' +
\r
2575 'fieldset[A|disabled|form|name][C|legend]' +
\r
2576 'label[A|form|for][B]' +
\r
2577 'input[A|type|accept|alt|autocomplete|autofocus|checked|disabled|form|formaction|formenctype|formmethod|formnovalidate|formtarget|height|list|max|maxlength|min|' +
\r
2578 'multiple|pattern|placeholder|readonly|required|size|src|step|width|files|value|name][]' +
\r
2579 'button[A|autofocus|disabled|form|formaction|formenctype|formmethod|formnovalidate|formtarget|name|value|type][B]' +
\r
2580 'select[A|autofocus|disabled|form|multiple|name|size][option|optgroup]' +
\r
2581 'datalist[A][B|option]' +
\r
2582 'optgroup[A|disabled|label][option]' +
\r
2583 'option[A|disabled|selected|label|value][]' +
\r
2584 'textarea[A|autofocus|disabled|form|maxlength|name|placeholder|readonly|required|rows|cols|wrap][]' +
\r
2585 'keygen[A|autofocus|challenge|disabled|form|keytype|name][]' +
\r
2586 'output[A|for|form|name][B]' +
\r
2587 'canvas[A|width|height][]' +
\r
2588 'map[A|name][B|C]' +
\r
2589 'area[A|shape|coords|href|alt|target|media|rel|ping|type][]' +
\r
2592 'table[A|border][caption|colgroup|thead|tfoot|tbody|tr]' +
\r
2594 'colgroup[A|span][col]' +
\r
2600 'th[A|headers|rowspan|colspan|scope][B]' +
\r
2601 'td[A|headers|rowspan|colspan][C]' +
\r
2609 function getHTML4() {
\r
2610 var html4 = mapCache.html4;
\r
2613 // This is the XHTML 1.0 transitional elements with it's attributes and children packed to reduce it's size
\r
2614 html4 = mapCache.html4 = unpack({
\r
2617 ZG : 'E|span|width|align|char|charoff|valign',
\r
2618 X : 'p|T|div|U|W|isindex|fieldset|table',
\r
2619 ZF : 'E|align|char|charoff|valign',
\r
2620 W : 'pre|hr|blockquote|address|center|noframes',
\r
2621 ZE : 'abbr|axis|headers|scope|rowspan|colspan|align|char|charoff|valign|nowrap|bgcolor|width|height',
\r
2623 U : 'ul|ol|dl|menu|dir',
\r
2624 ZC : 'p|Y|div|U|W|table|br|span|bdo|object|applet|img|map|K|N|Q',
\r
2625 T : 'h1|h2|h3|h4|h5|h6',
\r
2628 ZA : 'a|G|J|M|O|P',
\r
2631 P : 'ins|del|script',
\r
2632 O : 'input|select|textarea|label|button',
\r
2634 M : 'em|strong|dfn|code|q|samp|kbd|var|cite|abbr|acronym',
\r
2637 J : 'tt|i|b|u|s|strike',
\r
2638 I : 'big|small|font|basefont',
\r
2640 G : 'br|span|bdo',
\r
2641 F : 'object|applet|img|map|iframe',
\r
2643 D : 'accesskey|tabindex|onfocus|onblur',
\r
2644 C : 'onclick|ondblclick|onmousedown|onmouseup|onmouseover|onmousemove|onmouseout|onkeypress|onkeydown|onkeyup',
\r
2645 B : 'lang|xml:lang|dir',
\r
2646 A : 'id|class|style|title'
\r
2647 }, 'script[id|charset|type|language|src|defer|xml:space][]' +
\r
2648 'style[B|id|type|media|title|xml:space][]' +
\r
2649 'object[E|declare|classid|codebase|data|type|codetype|archive|standby|width|height|usemap|name|tabindex|align|border|hspace|vspace][#|param|Y]' +
\r
2650 'param[id|name|value|valuetype|type][]' +
\r
2651 'p[E|align][#|S]' +
\r
2652 'a[E|D|charset|type|name|href|hreflang|rel|rev|shape|coords|target][#|Z]' +
\r
2653 'br[A|clear][]' +
\r
2655 'bdo[A|C|B][#|S]' +
\r
2656 'applet[A|codebase|archive|code|object|alt|name|width|height|align|hspace|vspace][#|param|Y]' +
\r
2657 'h1[E|align][#|S]' +
\r
2658 'img[E|src|alt|name|longdesc|width|height|usemap|ismap|align|border|hspace|vspace][]' +
\r
2659 'map[B|C|A|name][X|form|Q|area]' +
\r
2660 'h2[E|align][#|S]' +
\r
2661 'iframe[A|longdesc|name|src|frameborder|marginwidth|marginheight|scrolling|align|width|height][#|Y]' +
\r
2662 'h3[E|align][#|S]' +
\r
2668 'strike[E][#|S]' +
\r
2670 'small[E][#|S]' +
\r
2671 'font[A|B|size|color|face][#|S]' +
\r
2672 'basefont[id|size|color|face][]' +
\r
2674 'strong[E][#|S]' +
\r
2677 'q[E|cite][#|S]' +
\r
2683 'acronym[E][#|S]' +
\r
2686 'input[E|D|type|name|value|checked|disabled|readonly|size|maxlength|src|alt|usemap|onselect|onchange|accept|align][]' +
\r
2687 'select[E|name|size|multiple|disabled|tabindex|onfocus|onblur|onchange][optgroup|option]' +
\r
2688 'optgroup[E|disabled|label][option]' +
\r
2689 'option[E|selected|disabled|label|value][]' +
\r
2690 'textarea[E|D|name|rows|cols|disabled|readonly|onselect|onchange][]' +
\r
2691 'label[E|for|accesskey|onfocus|onblur][#|S]' +
\r
2692 'button[E|D|name|value|type|disabled][#|p|T|div|U|W|table|G|object|applet|img|map|K|N|Q]' +
\r
2693 'h4[E|align][#|S]' +
\r
2694 'ins[E|cite|datetime][#|Y]' +
\r
2695 'h5[E|align][#|S]' +
\r
2696 'del[E|cite|datetime][#|Y]' +
\r
2697 'h6[E|align][#|S]' +
\r
2698 'div[E|align][#|Y]' +
\r
2699 'ul[E|type|compact][li]' +
\r
2700 'li[E|type|value][#|Y]' +
\r
2701 'ol[E|type|compact|start][li]' +
\r
2702 'dl[E|compact][dt|dd]' +
\r
2705 'menu[E|compact][li]' +
\r
2706 'dir[E|compact][li]' +
\r
2707 'pre[E|width|xml:space][#|ZA]' +
\r
2708 'hr[E|align|noshade|size|width][]' +
\r
2709 'blockquote[E|cite][#|Y]' +
\r
2710 'address[E][#|S|p]' +
\r
2711 'center[E][#|Y]' +
\r
2712 'noframes[E][#|Y]' +
\r
2713 'isindex[A|B|prompt][]' +
\r
2714 'fieldset[E][#|legend|Y]' +
\r
2715 'legend[E|accesskey|align][#|S]' +
\r
2716 'table[E|summary|width|border|frame|rules|cellspacing|cellpadding|align|bgcolor][caption|col|colgroup|thead|tfoot|tbody|tr]' +
\r
2717 'caption[E|align][#|S]' +
\r
2719 'colgroup[ZG][col]' +
\r
2720 'thead[ZF][tr]' +
\r
2721 'tr[ZF|bgcolor][th|td]' +
\r
2722 'th[E|ZE][#|Y]' +
\r
2723 'form[E|action|method|name|enctype|onsubmit|onreset|accept|accept-charset|target][#|X|R|Q]' +
\r
2724 'noscript[E][#|Y]' +
\r
2725 'td[E|ZE][#|Y]' +
\r
2726 'tfoot[ZF][tr]' +
\r
2727 'tbody[ZF][tr]' +
\r
2728 'area[E|D|shape|coords|href|nohref|alt|target][]' +
\r
2729 'base[id|href|target][]' +
\r
2730 'body[E|onload|onunload|background|bgcolor|text|link|vlink|alink][#|Y]'
\r
2737 tinymce.html.Schema = function(settings) {
\r
2738 var self = this, elements = {}, children = {}, patternElements = [], validStyles, schemaItems;
\r
2739 var whiteSpaceElementsMap, selfClosingElementsMap, shortEndedElementsMap, boolAttrMap, blockElementsMap, nonEmptyElementsMap, customElementsMap = {};
\r
2741 // Creates an lookup table map object for the specified option or the default value
\r
2742 function createLookupTable(option, default_value, extend) {
\r
2743 var value = settings[option];
\r
2746 // Get cached default map or make it if needed
\r
2747 value = mapCache[option];
\r
2750 value = makeMap(default_value, ' ', makeMap(default_value.toUpperCase(), ' '));
\r
2751 value = tinymce.extend(value, extend);
\r
2753 mapCache[option] = value;
\r
2756 // Create custom map
\r
2757 value = makeMap(value, ',', makeMap(value.toUpperCase(), ' '));
\r
2763 settings = settings || {};
\r
2764 schemaItems = settings.schema == "html5" ? getHTML5() : getHTML4();
\r
2766 // Allow all elements and attributes if verify_html is set to false
\r
2767 if (settings.verify_html === false)
\r
2768 settings.valid_elements = '*[*]';
\r
2770 // Build styles list
\r
2771 if (settings.valid_styles) {
\r
2774 // Convert styles into a rule list
\r
2775 each(settings.valid_styles, function(value, key) {
\r
2776 validStyles[key] = tinymce.explode(value);
\r
2780 // Setup map objects
\r
2781 whiteSpaceElementsMap = createLookupTable('whitespace_elements', 'pre script noscript style textarea');
\r
2782 selfClosingElementsMap = createLookupTable('self_closing_elements', 'colgroup dd dt li option p td tfoot th thead tr');
\r
2783 shortEndedElementsMap = createLookupTable('short_ended_elements', 'area base basefont br col frame hr img input isindex link meta param embed source wbr');
\r
2784 boolAttrMap = createLookupTable('boolean_attributes', 'checked compact declare defer disabled ismap multiple nohref noresize noshade nowrap readonly selected autoplay loop controls');
\r
2785 nonEmptyElementsMap = createLookupTable('non_empty_elements', 'td th iframe video audio object script', shortEndedElementsMap);
\r
2786 textBlockElementsMap = createLookupTable('text_block_elements', 'h1 h2 h3 h4 h5 h6 p div address pre form ' +
\r
2787 'blockquote center dir fieldset header footer article section hgroup aside nav figure');
\r
2788 blockElementsMap = createLookupTable('block_elements', 'hr table tbody thead tfoot ' +
\r
2789 'th tr td li ol ul caption dl dt dd noscript menu isindex samp option datalist select optgroup', textBlockElementsMap);
\r
2791 // Converts a wildcard expression string to a regexp for example *a will become /.*a/.
\r
2792 function patternToRegExp(str) {
\r
2793 return new RegExp('^' + str.replace(/([?+*])/g, '.$1') + '$');
\r
2796 // Parses the specified valid_elements string and adds to the current rules
\r
2797 // This function is a bit hard to read since it's heavily optimized for speed
\r
2798 function addValidElements(valid_elements) {
\r
2799 var ei, el, ai, al, yl, matches, element, attr, attrData, elementName, attrName, attrType, attributes, attributesOrder,
\r
2800 prefix, outputName, globalAttributes, globalAttributesOrder, transElement, key, childKey, value,
\r
2801 elementRuleRegExp = /^([#+\-])?([^\[\/]+)(?:\/([^\[]+))?(?:\[([^\]]+)\])?$/,
\r
2802 attrRuleRegExp = /^([!\-])?(\w+::\w+|[^=:<]+)?(?:([=:<])(.*))?$/,
\r
2803 hasPatternsRegExp = /[*?+]/;
\r
2805 if (valid_elements) {
\r
2806 // Split valid elements into an array with rules
\r
2807 valid_elements = split(valid_elements);
\r
2809 if (elements['@']) {
\r
2810 globalAttributes = elements['@'].attributes;
\r
2811 globalAttributesOrder = elements['@'].attributesOrder;
\r
2815 for (ei = 0, el = valid_elements.length; ei < el; ei++) {
\r
2816 // Parse element rule
\r
2817 matches = elementRuleRegExp.exec(valid_elements[ei]);
\r
2819 // Setup local names for matches
\r
2820 prefix = matches[1];
\r
2821 elementName = matches[2];
\r
2822 outputName = matches[3];
\r
2823 attrData = matches[4];
\r
2825 // Create new attributes and attributesOrder
\r
2827 attributesOrder = [];
\r
2829 // Create the new element
\r
2831 attributes : attributes,
\r
2832 attributesOrder : attributesOrder
\r
2835 // Padd empty elements prefix
\r
2836 if (prefix === '#')
\r
2837 element.paddEmpty = true;
\r
2839 // Remove empty elements prefix
\r
2840 if (prefix === '-')
\r
2841 element.removeEmpty = true;
\r
2843 // Copy attributes from global rule into current rule
\r
2844 if (globalAttributes) {
\r
2845 for (key in globalAttributes)
\r
2846 attributes[key] = globalAttributes[key];
\r
2848 attributesOrder.push.apply(attributesOrder, globalAttributesOrder);
\r
2851 // Attributes defined
\r
2853 attrData = split(attrData, '|');
\r
2854 for (ai = 0, al = attrData.length; ai < al; ai++) {
\r
2855 matches = attrRuleRegExp.exec(attrData[ai]);
\r
2858 attrType = matches[1];
\r
2859 attrName = matches[2].replace(/::/g, ':');
\r
2860 prefix = matches[3];
\r
2861 value = matches[4];
\r
2864 if (attrType === '!') {
\r
2865 element.attributesRequired = element.attributesRequired || [];
\r
2866 element.attributesRequired.push(attrName);
\r
2867 attr.required = true;
\r
2870 // Denied from global
\r
2871 if (attrType === '-') {
\r
2872 delete attributes[attrName];
\r
2873 attributesOrder.splice(tinymce.inArray(attributesOrder, attrName), 1);
\r
2880 if (prefix === '=') {
\r
2881 element.attributesDefault = element.attributesDefault || [];
\r
2882 element.attributesDefault.push({name: attrName, value: value});
\r
2883 attr.defaultValue = value;
\r
2887 if (prefix === ':') {
\r
2888 element.attributesForced = element.attributesForced || [];
\r
2889 element.attributesForced.push({name: attrName, value: value});
\r
2890 attr.forcedValue = value;
\r
2893 // Required values
\r
2894 if (prefix === '<')
\r
2895 attr.validValues = makeMap(value, '?');
\r
2898 // Check for attribute patterns
\r
2899 if (hasPatternsRegExp.test(attrName)) {
\r
2900 element.attributePatterns = element.attributePatterns || [];
\r
2901 attr.pattern = patternToRegExp(attrName);
\r
2902 element.attributePatterns.push(attr);
\r
2904 // Add attribute to order list if it doesn't already exist
\r
2905 if (!attributes[attrName])
\r
2906 attributesOrder.push(attrName);
\r
2908 attributes[attrName] = attr;
\r
2914 // Global rule, store away these for later usage
\r
2915 if (!globalAttributes && elementName == '@') {
\r
2916 globalAttributes = attributes;
\r
2917 globalAttributesOrder = attributesOrder;
\r
2920 // Handle substitute elements such as b/strong
\r
2922 element.outputName = elementName;
\r
2923 elements[outputName] = element;
\r
2926 // Add pattern or exact element
\r
2927 if (hasPatternsRegExp.test(elementName)) {
\r
2928 element.pattern = patternToRegExp(elementName);
\r
2929 patternElements.push(element);
\r
2931 elements[elementName] = element;
\r
2937 function setValidElements(valid_elements) {
\r
2939 patternElements = [];
\r
2941 addValidElements(valid_elements);
\r
2943 each(schemaItems, function(element, name) {
\r
2944 children[name] = element.children;
\r
2948 // Adds custom non HTML elements to the schema
\r
2949 function addCustomElements(custom_elements) {
\r
2950 var customElementRegExp = /^(~)?(.+)$/;
\r
2952 if (custom_elements) {
\r
2953 each(split(custom_elements), function(rule) {
\r
2954 var matches = customElementRegExp.exec(rule),
\r
2955 inline = matches[1] === '~',
\r
2956 cloneName = inline ? 'span' : 'div',
\r
2957 name = matches[2];
\r
2959 children[name] = children[cloneName];
\r
2960 customElementsMap[name] = cloneName;
\r
2962 // If it's not marked as inline then add it to valid block elements
\r
2964 blockElementsMap[name.toUpperCase()] = {};
\r
2965 blockElementsMap[name] = {};
\r
2968 // Add elements clone if needed
\r
2969 if (!elements[name]) {
\r
2970 elements[name] = elements[cloneName];
\r
2973 // Add custom elements at span/div positions
\r
2974 each(children, function(element, child) {
\r
2975 if (element[cloneName])
\r
2976 element[name] = element[cloneName];
\r
2982 // Adds valid children to the schema object
\r
2983 function addValidChildren(valid_children) {
\r
2984 var childRuleRegExp = /^([+\-]?)(\w+)\[([^\]]+)\]$/;
\r
2986 if (valid_children) {
\r
2987 each(split(valid_children), function(rule) {
\r
2988 var matches = childRuleRegExp.exec(rule), parent, prefix;
\r
2991 prefix = matches[1];
\r
2993 // Add/remove items from default
\r
2995 parent = children[matches[2]];
\r
2997 parent = children[matches[2]] = {'#comment' : {}};
\r
2999 parent = children[matches[2]];
\r
3001 each(split(matches[3], '|'), function(child) {
\r
3002 if (prefix === '-')
\r
3003 delete parent[child];
\r
3005 parent[child] = {};
\r
3012 function getElementRule(name) {
\r
3013 var element = elements[name], i;
\r
3015 // Exact match found
\r
3019 // No exact match then try the patterns
\r
3020 i = patternElements.length;
\r
3022 element = patternElements[i];
\r
3024 if (element.pattern.test(name))
\r
3029 if (!settings.valid_elements) {
\r
3030 // No valid elements defined then clone the elements from the schema spec
\r
3031 each(schemaItems, function(element, name) {
\r
3032 elements[name] = {
\r
3033 attributes : element.attributes,
\r
3034 attributesOrder : element.attributesOrder
\r
3037 children[name] = element.children;
\r
3040 // Switch these on HTML4
\r
3041 if (settings.schema != "html5") {
\r
3042 each(split('strong/b,em/i'), function(item) {
\r
3043 item = split(item, '/');
\r
3044 elements[item[1]].outputName = item[0];
\r
3048 // Add default alt attribute for images
\r
3049 elements.img.attributesDefault = [{name: 'alt', value: ''}];
\r
3051 // Remove these if they are empty by default
\r
3052 each(split('ol,ul,sub,sup,blockquote,span,font,a,table,tbody,tr,strong,em,b,i'), function(name) {
\r
3053 if (elements[name]) {
\r
3054 elements[name].removeEmpty = true;
\r
3058 // Padd these by default
\r
3059 each(split('p,h1,h2,h3,h4,h5,h6,th,td,pre,div,address,caption'), function(name) {
\r
3060 elements[name].paddEmpty = true;
\r
3063 setValidElements(settings.valid_elements);
\r
3065 addCustomElements(settings.custom_elements);
\r
3066 addValidChildren(settings.valid_children);
\r
3067 addValidElements(settings.extended_valid_elements);
\r
3069 // Todo: Remove this when we fix list handling to be valid
\r
3070 addValidChildren('+ol[ul|ol],+ul[ul|ol]');
\r
3072 // Delete invalid elements
\r
3073 if (settings.invalid_elements) {
\r
3074 tinymce.each(tinymce.explode(settings.invalid_elements), function(item) {
\r
3075 if (elements[item])
\r
3076 delete elements[item];
\r
3080 // If the user didn't allow span only allow internal spans
\r
3081 if (!getElementRule('span'))
\r
3082 addValidElements('span[!data-mce-type|*]');
\r
3084 self.children = children;
\r
3086 self.styles = validStyles;
\r
3088 self.getBoolAttrs = function() {
\r
3089 return boolAttrMap;
\r
3092 self.getBlockElements = function() {
\r
3093 return blockElementsMap;
\r
3096 self.getTextBlockElements = function() {
\r
3097 return textBlockElementsMap;
\r
3100 self.getShortEndedElements = function() {
\r
3101 return shortEndedElementsMap;
\r
3104 self.getSelfClosingElements = function() {
\r
3105 return selfClosingElementsMap;
\r
3108 self.getNonEmptyElements = function() {
\r
3109 return nonEmptyElementsMap;
\r
3112 self.getWhiteSpaceElements = function() {
\r
3113 return whiteSpaceElementsMap;
\r
3116 self.isValidChild = function(name, child) {
\r
3117 var parent = children[name];
\r
3119 return !!(parent && parent[child]);
\r
3122 self.isValid = function(name, attr) {
\r
3123 var attrPatterns, i, rule = getElementRule(name);
\r
3125 // Check if it's a valid element
\r
3128 // Check if attribute name exists
\r
3129 if (rule.attributes[attr]) {
\r
3133 // Check if attribute matches a regexp pattern
\r
3134 attrPatterns = rule.attributePatterns;
\r
3135 if (attrPatterns) {
\r
3136 i = attrPatterns.length;
\r
3138 if (attrPatterns[i].pattern.test(name)) {
\r
3152 self.getElementRule = getElementRule;
\r
3154 self.getCustomElements = function() {
\r
3155 return customElementsMap;
\r
3158 self.addValidElements = addValidElements;
\r
3160 self.setValidElements = setValidElements;
\r
3162 self.addCustomElements = addCustomElements;
\r
3164 self.addValidChildren = addValidChildren;
\r
3166 self.elements = elements;
\r
3170 (function(tinymce) {
\r
3171 tinymce.html.SaxParser = function(settings, schema) {
\r
3172 var self = this, noop = function() {};
\r
3174 settings = settings || {};
\r
3175 self.schema = schema = schema || new tinymce.html.Schema();
\r
3177 if (settings.fix_self_closing !== false)
\r
3178 settings.fix_self_closing = true;
\r
3180 // Add handler functions from settings and setup default handlers
\r
3181 tinymce.each('comment cdata text start end pi doctype'.split(' '), function(name) {
\r
3183 self[name] = settings[name] || noop;
\r
3186 self.parse = function(html) {
\r
3187 var self = this, matches, index = 0, value, endRegExp, stack = [], attrList, i, text, name, isInternalElement, removeInternalElements,
\r
3188 shortEndedElements, fillAttrsMap, isShortEnded, validate, elementRule, isValidElement, attr, attribsValue, invalidPrefixRegExp,
\r
3189 validAttributesMap, validAttributePatterns, attributesRequired, attributesDefault, attributesForced, selfClosing,
\r
3190 tokenRegExp, attrRegExp, specialElements, attrValue, idCount = 0, decode = tinymce.html.Entities.decode, fixSelfClosing, isIE;
\r
3192 function processEndTag(name) {
\r
3195 // Find position of parent of the same type
\r
3196 pos = stack.length;
\r
3198 if (stack[pos].name === name)
\r
3204 // Close all the open elements
\r
3205 for (i = stack.length - 1; i >= pos; i--) {
\r
3209 self.end(name.name);
\r
3212 // Remove the open elements from the stack
\r
3213 stack.length = pos;
\r
3217 function parseAttribute(match, name, value, val2, val3) {
\r
3220 name = name.toLowerCase();
\r
3221 value = name in fillAttrsMap ? name : decode(value || val2 || val3 || ''); // Handle boolean attribute than value attribute
\r
3223 // Validate name and value
\r
3224 if (validate && !isInternalElement && name.indexOf('data-') !== 0) {
\r
3225 attrRule = validAttributesMap[name];
\r
3227 // Find rule by pattern matching
\r
3228 if (!attrRule && validAttributePatterns) {
\r
3229 i = validAttributePatterns.length;
\r
3231 attrRule = validAttributePatterns[i];
\r
3232 if (attrRule.pattern.test(name))
\r
3236 // No rule matched
\r
3241 // No attribute rule found
\r
3246 if (attrRule.validValues && !(value in attrRule.validValues))
\r
3250 // Add attribute to list and map
\r
3251 attrList.map[name] = value;
\r
3258 // Precompile RegExps and map objects
\r
3259 tokenRegExp = new RegExp('<(?:' +
\r
3260 '(?:!--([\\w\\W]*?)-->)|' + // Comment
\r
3261 '(?:!\\[CDATA\\[([\\w\\W]*?)\\]\\]>)|' + // CDATA
\r
3262 '(?:!DOCTYPE([\\w\\W]*?)>)|' + // DOCTYPE
\r
3263 '(?:\\?([^\\s\\/<>]+) ?([\\w\\W]*?)[?/]>)|' + // PI
\r
3264 '(?:\\/([^>]+)>)|' + // End element
\r
3265 '(?:([A-Za-z0-9\\-\\:\\.]+)((?:\\s+[^"\'>]+(?:(?:"[^"]*")|(?:\'[^\']*\')|[^>]*))*|\\/|\\s+)>)' + // Start element
\r
3268 attrRegExp = /([\w:\-]+)(?:\s*=\s*(?:(?:\"((?:[^\"])*)\")|(?:\'((?:[^\'])*)\')|([^>\s]+)))?/g;
\r
3269 specialElements = {
\r
3270 'script' : /<\/script[^>]*>/gi,
\r
3271 'style' : /<\/style[^>]*>/gi,
\r
3272 'noscript' : /<\/noscript[^>]*>/gi
\r
3275 // Setup lookup tables for empty elements and boolean attributes
\r
3276 shortEndedElements = schema.getShortEndedElements();
\r
3277 selfClosing = settings.self_closing_elements || schema.getSelfClosingElements();
\r
3278 fillAttrsMap = schema.getBoolAttrs();
\r
3279 validate = settings.validate;
\r
3280 removeInternalElements = settings.remove_internals;
\r
3281 fixSelfClosing = settings.fix_self_closing;
\r
3282 isIE = tinymce.isIE;
\r
3283 invalidPrefixRegExp = /^:/;
\r
3285 while (matches = tokenRegExp.exec(html)) {
\r
3287 if (index < matches.index)
\r
3288 self.text(decode(html.substr(index, matches.index - index)));
\r
3290 if (value = matches[6]) { // End element
\r
3291 value = value.toLowerCase();
\r
3293 // IE will add a ":" in front of elements it doesn't understand like custom elements or HTML5 elements
\r
3294 if (isIE && invalidPrefixRegExp.test(value))
\r
3295 value = value.substr(1);
\r
3297 processEndTag(value);
\r
3298 } else if (value = matches[7]) { // Start element
\r
3299 value = value.toLowerCase();
\r
3301 // IE will add a ":" in front of elements it doesn't understand like custom elements or HTML5 elements
\r
3302 if (isIE && invalidPrefixRegExp.test(value))
\r
3303 value = value.substr(1);
\r
3305 isShortEnded = value in shortEndedElements;
\r
3307 // Is self closing tag for example an <li> after an open <li>
\r
3308 if (fixSelfClosing && selfClosing[value] && stack.length > 0 && stack[stack.length - 1].name === value)
\r
3309 processEndTag(value);
\r
3311 // Validate element
\r
3312 if (!validate || (elementRule = schema.getElementRule(value))) {
\r
3313 isValidElement = true;
\r
3315 // Grab attributes map and patters when validation is enabled
\r
3317 validAttributesMap = elementRule.attributes;
\r
3318 validAttributePatterns = elementRule.attributePatterns;
\r
3321 // Parse attributes
\r
3322 if (attribsValue = matches[8]) {
\r
3323 isInternalElement = attribsValue.indexOf('data-mce-type') !== -1; // Check if the element is an internal element
\r
3325 // If the element has internal attributes then remove it if we are told to do so
\r
3326 if (isInternalElement && removeInternalElements)
\r
3327 isValidElement = false;
\r
3330 attrList.map = {};
\r
3332 attribsValue.replace(attrRegExp, parseAttribute);
\r
3335 attrList.map = {};
\r
3338 // Process attributes if validation is enabled
\r
3339 if (validate && !isInternalElement) {
\r
3340 attributesRequired = elementRule.attributesRequired;
\r
3341 attributesDefault = elementRule.attributesDefault;
\r
3342 attributesForced = elementRule.attributesForced;
\r
3344 // Handle forced attributes
\r
3345 if (attributesForced) {
\r
3346 i = attributesForced.length;
\r
3348 attr = attributesForced[i];
\r
3350 attrValue = attr.value;
\r
3352 if (attrValue === '{$uid}')
\r
3353 attrValue = 'mce_' + idCount++;
\r
3355 attrList.map[name] = attrValue;
\r
3356 attrList.push({name: name, value: attrValue});
\r
3360 // Handle default attributes
\r
3361 if (attributesDefault) {
\r
3362 i = attributesDefault.length;
\r
3364 attr = attributesDefault[i];
\r
3367 if (!(name in attrList.map)) {
\r
3368 attrValue = attr.value;
\r
3370 if (attrValue === '{$uid}')
\r
3371 attrValue = 'mce_' + idCount++;
\r
3373 attrList.map[name] = attrValue;
\r
3374 attrList.push({name: name, value: attrValue});
\r
3379 // Handle required attributes
\r
3380 if (attributesRequired) {
\r
3381 i = attributesRequired.length;
\r
3383 if (attributesRequired[i] in attrList.map)
\r
3387 // None of the required attributes where found
\r
3389 isValidElement = false;
\r
3392 // Invalidate element if it's marked as bogus
\r
3393 if (attrList.map['data-mce-bogus'])
\r
3394 isValidElement = false;
\r
3397 if (isValidElement)
\r
3398 self.start(value, attrList, isShortEnded);
\r
3400 isValidElement = false;
\r
3402 // Treat script, noscript and style a bit different since they may include code that looks like elements
\r
3403 if (endRegExp = specialElements[value]) {
\r
3404 endRegExp.lastIndex = index = matches.index + matches[0].length;
\r
3406 if (matches = endRegExp.exec(html)) {
\r
3407 if (isValidElement)
\r
3408 text = html.substr(index, matches.index - index);
\r
3410 index = matches.index + matches[0].length;
\r
3412 text = html.substr(index);
\r
3413 index = html.length;
\r
3416 if (isValidElement && text.length > 0)
\r
3417 self.text(text, true);
\r
3419 if (isValidElement)
\r
3422 tokenRegExp.lastIndex = index;
\r
3426 // Push value on to stack
\r
3427 if (!isShortEnded) {
\r
3428 if (!attribsValue || attribsValue.indexOf('/') != attribsValue.length - 1)
\r
3429 stack.push({name: value, valid: isValidElement});
\r
3430 else if (isValidElement)
\r
3433 } else if (value = matches[1]) { // Comment
\r
3434 self.comment(value);
\r
3435 } else if (value = matches[2]) { // CDATA
\r
3436 self.cdata(value);
\r
3437 } else if (value = matches[3]) { // DOCTYPE
\r
3438 self.doctype(value);
\r
3439 } else if (value = matches[4]) { // PI
\r
3440 self.pi(value, matches[5]);
\r
3443 index = matches.index + matches[0].length;
\r
3447 if (index < html.length)
\r
3448 self.text(decode(html.substr(index)));
\r
3450 // Close any open elements
\r
3451 for (i = stack.length - 1; i >= 0; i--) {
\r
3455 self.end(value.name);
\r
3461 (function(tinymce) {
\r
3462 var whiteSpaceRegExp = /^[ \t\r\n]*$/, typeLookup = {
\r
3468 '#document-fragment' : 11
\r
3471 // Walks the tree left/right
\r
3472 function walk(node, root_node, prev) {
\r
3473 var sibling, parent, startName = prev ? 'lastChild' : 'firstChild', siblingName = prev ? 'prev' : 'next';
\r
3475 // Walk into nodes if it has a start
\r
3476 if (node[startName])
\r
3477 return node[startName];
\r
3479 // Return the sibling if it has one
\r
3480 if (node !== root_node) {
\r
3481 sibling = node[siblingName];
\r
3486 // Walk up the parents to look for siblings
\r
3487 for (parent = node.parent; parent && parent !== root_node; parent = parent.parent) {
\r
3488 sibling = parent[siblingName];
\r
3496 function Node(name, type) {
\r
3501 this.attributes = [];
\r
3502 this.attributes.map = {};
\r
3506 tinymce.extend(Node.prototype, {
\r
3507 replace : function(node) {
\r
3513 self.insert(node, self);
\r
3519 attr : function(name, value) {
\r
3520 var self = this, attrs, i, undef;
\r
3522 if (typeof name !== "string") {
\r
3524 self.attr(i, name[i]);
\r
3529 if (attrs = self.attributes) {
\r
3530 if (value !== undef) {
\r
3531 // Remove attribute
\r
3532 if (value === null) {
\r
3533 if (name in attrs.map) {
\r
3534 delete attrs.map[name];
\r
3538 if (attrs[i].name === name) {
\r
3539 attrs = attrs.splice(i, 1);
\r
3549 if (name in attrs.map) {
\r
3553 if (attrs[i].name === name) {
\r
3554 attrs[i].value = value;
\r
3559 attrs.push({name: name, value: value});
\r
3561 attrs.map[name] = value;
\r
3565 return attrs.map[name];
\r
3570 clone : function() {
\r
3571 var self = this, clone = new Node(self.name, self.type), i, l, selfAttrs, selfAttr, cloneAttrs;
\r
3573 // Clone element attributes
\r
3574 if (selfAttrs = self.attributes) {
\r
3576 cloneAttrs.map = {};
\r
3578 for (i = 0, l = selfAttrs.length; i < l; i++) {
\r
3579 selfAttr = selfAttrs[i];
\r
3581 // Clone everything except id
\r
3582 if (selfAttr.name !== 'id') {
\r
3583 cloneAttrs[cloneAttrs.length] = {name: selfAttr.name, value: selfAttr.value};
\r
3584 cloneAttrs.map[selfAttr.name] = selfAttr.value;
\r
3588 clone.attributes = cloneAttrs;
\r
3591 clone.value = self.value;
\r
3592 clone.shortEnded = self.shortEnded;
\r
3597 wrap : function(wrapper) {
\r
3600 self.parent.insert(wrapper, self);
\r
3601 wrapper.append(self);
\r
3606 unwrap : function() {
\r
3607 var self = this, node, next;
\r
3609 for (node = self.firstChild; node; ) {
\r
3611 self.insert(node, self, true);
\r
3618 remove : function() {
\r
3619 var self = this, parent = self.parent, next = self.next, prev = self.prev;
\r
3622 if (parent.firstChild === self) {
\r
3623 parent.firstChild = next;
\r
3631 if (parent.lastChild === self) {
\r
3632 parent.lastChild = prev;
\r
3640 self.parent = self.next = self.prev = null;
\r
3646 append : function(node) {
\r
3647 var self = this, last;
\r
3652 last = self.lastChild;
\r
3656 self.lastChild = node;
\r
3658 self.lastChild = self.firstChild = node;
\r
3660 node.parent = self;
\r
3665 insert : function(node, ref_node, before) {
\r
3671 parent = ref_node.parent || this;
\r
3674 if (ref_node === parent.firstChild)
\r
3675 parent.firstChild = node;
\r
3677 ref_node.prev.next = node;
\r
3679 node.prev = ref_node.prev;
\r
3680 node.next = ref_node;
\r
3681 ref_node.prev = node;
\r
3683 if (ref_node === parent.lastChild)
\r
3684 parent.lastChild = node;
\r
3686 ref_node.next.prev = node;
\r
3688 node.next = ref_node.next;
\r
3689 node.prev = ref_node;
\r
3690 ref_node.next = node;
\r
3693 node.parent = parent;
\r
3698 getAll : function(name) {
\r
3699 var self = this, node, collection = [];
\r
3701 for (node = self.firstChild; node; node = walk(node, self)) {
\r
3702 if (node.name === name)
\r
3703 collection.push(node);
\r
3706 return collection;
\r
3709 empty : function() {
\r
3710 var self = this, nodes, i, node;
\r
3712 // Remove all children
\r
3713 if (self.firstChild) {
\r
3716 // Collect the children
\r
3717 for (node = self.firstChild; node; node = walk(node, self))
\r
3720 // Remove the children
\r
3724 node.parent = node.firstChild = node.lastChild = node.next = node.prev = null;
\r
3728 self.firstChild = self.lastChild = null;
\r
3733 isEmpty : function(elements) {
\r
3734 var self = this, node = self.firstChild, i, name;
\r
3738 if (node.type === 1) {
\r
3739 // Ignore bogus elements
\r
3740 if (node.attributes.map['data-mce-bogus'])
\r
3743 // Keep empty elements like <img />
\r
3744 if (elements[node.name])
\r
3747 // Keep elements with data attributes or name attribute like <a name="1"></a>
\r
3748 i = node.attributes.length;
\r
3750 name = node.attributes[i].name;
\r
3751 if (name === "name" || name.indexOf('data-mce-') === 0)
\r
3757 if (node.type === 8)
\r
3760 // Keep non whitespace text nodes
\r
3761 if ((node.type === 3 && !whiteSpaceRegExp.test(node.value)))
\r
3763 } while (node = walk(node, self));
\r
3769 walk : function(prev) {
\r
3770 return walk(this, null, prev);
\r
3774 tinymce.extend(Node, {
\r
3775 create : function(name, attrs) {
\r
3776 var node, attrName;
\r
3779 node = new Node(name, typeLookup[name] || 1);
\r
3781 // Add attributes if needed
\r
3783 for (attrName in attrs)
\r
3784 node.attr(attrName, attrs[attrName]);
\r
3791 tinymce.html.Node = Node;
\r
3794 (function(tinymce) {
\r
3795 var Node = tinymce.html.Node;
\r
3797 tinymce.html.DomParser = function(settings, schema) {
\r
3798 var self = this, nodeFilters = {}, attributeFilters = [], matchedNodes = {}, matchedAttributes = {};
\r
3800 settings = settings || {};
\r
3801 settings.validate = "validate" in settings ? settings.validate : true;
\r
3802 settings.root_name = settings.root_name || 'body';
\r
3803 self.schema = schema = schema || new tinymce.html.Schema();
\r
3805 function fixInvalidChildren(nodes) {
\r
3806 var ni, node, parent, parents, newParent, currentNode, tempNode, childNode, i,
\r
3807 childClone, nonEmptyElements, nonSplitableElements, textBlockElements, sibling, nextNode;
\r
3809 nonSplitableElements = tinymce.makeMap('tr,td,th,tbody,thead,tfoot,table');
\r
3810 nonEmptyElements = schema.getNonEmptyElements();
\r
3811 textBlockElements = schema.getTextBlockElements();
\r
3813 for (ni = 0; ni < nodes.length; ni++) {
\r
3816 // Already removed or fixed
\r
3817 if (!node.parent || node.fixed)
\r
3820 // If the invalid element is a text block and the text block is within a parent LI element
\r
3821 // Then unwrap the first text block and convert other sibling text blocks to LI elements similar to Word/Open Office
\r
3822 if (textBlockElements[node.name] && node.parent.name == 'li') {
\r
3823 // Move sibling text blocks after LI element
\r
3824 sibling = node.next;
\r
3826 if (textBlockElements[sibling.name]) {
\r
3827 sibling.name = 'li';
\r
3828 sibling.fixed = true;
\r
3829 node.parent.insert(sibling, node.parent);
\r
3834 sibling = sibling.next;
\r
3837 // Unwrap current text block
\r
3838 node.unwrap(node);
\r
3842 // Get list of all parent nodes until we find a valid parent to stick the child into
\r
3844 for (parent = node.parent; parent && !schema.isValidChild(parent.name, node.name) && !nonSplitableElements[parent.name]; parent = parent.parent)
\r
3845 parents.push(parent);
\r
3847 // Found a suitable parent
\r
3848 if (parent && parents.length > 1) {
\r
3849 // Reverse the array since it makes looping easier
\r
3850 parents.reverse();
\r
3852 // Clone the related parent and insert that after the moved node
\r
3853 newParent = currentNode = self.filterNode(parents[0].clone());
\r
3855 // Start cloning and moving children on the left side of the target node
\r
3856 for (i = 0; i < parents.length - 1; i++) {
\r
3857 if (schema.isValidChild(currentNode.name, parents[i].name)) {
\r
3858 tempNode = self.filterNode(parents[i].clone());
\r
3859 currentNode.append(tempNode);
\r
3861 tempNode = currentNode;
\r
3863 for (childNode = parents[i].firstChild; childNode && childNode != parents[i + 1]; ) {
\r
3864 nextNode = childNode.next;
\r
3865 tempNode.append(childNode);
\r
3866 childNode = nextNode;
\r
3869 currentNode = tempNode;
\r
3872 if (!newParent.isEmpty(nonEmptyElements)) {
\r
3873 parent.insert(newParent, parents[0], true);
\r
3874 parent.insert(node, newParent);
\r
3876 parent.insert(node, parents[0], true);
\r
3879 // Check if the element is empty by looking through it's contents and special treatment for <p><br /></p>
\r
3880 parent = parents[0];
\r
3881 if (parent.isEmpty(nonEmptyElements) || parent.firstChild === parent.lastChild && parent.firstChild.name === 'br') {
\r
3882 parent.empty().remove();
\r
3884 } else if (node.parent) {
\r
3885 // If it's an LI try to find a UL/OL for it or wrap it
\r
3886 if (node.name === 'li') {
\r
3887 sibling = node.prev;
\r
3888 if (sibling && (sibling.name === 'ul' || sibling.name === 'ul')) {
\r
3889 sibling.append(node);
\r
3893 sibling = node.next;
\r
3894 if (sibling && (sibling.name === 'ul' || sibling.name === 'ul')) {
\r
3895 sibling.insert(node, sibling.firstChild, true);
\r
3899 node.wrap(self.filterNode(new Node('ul', 1)));
\r
3903 // Try wrapping the element in a DIV
\r
3904 if (schema.isValidChild(node.parent.name, 'div') && schema.isValidChild('div', node.name)) {
\r
3905 node.wrap(self.filterNode(new Node('div', 1)));
\r
3907 // We failed wrapping it, then remove or unwrap it
\r
3908 if (node.name === 'style' || node.name === 'script')
\r
3909 node.empty().remove();
\r
3917 self.filterNode = function(node) {
\r
3918 var i, name, list;
\r
3920 // Run element filters
\r
3921 if (name in nodeFilters) {
\r
3922 list = matchedNodes[name];
\r
3927 matchedNodes[name] = [node];
\r
3930 // Run attribute filters
\r
3931 i = attributeFilters.length;
\r
3933 name = attributeFilters[i].name;
\r
3935 if (name in node.attributes.map) {
\r
3936 list = matchedAttributes[name];
\r
3941 matchedAttributes[name] = [node];
\r
3948 self.addNodeFilter = function(name, callback) {
\r
3949 tinymce.each(tinymce.explode(name), function(name) {
\r
3950 var list = nodeFilters[name];
\r
3953 nodeFilters[name] = list = [];
\r
3955 list.push(callback);
\r
3959 self.addAttributeFilter = function(name, callback) {
\r
3960 tinymce.each(tinymce.explode(name), function(name) {
\r
3963 for (i = 0; i < attributeFilters.length; i++) {
\r
3964 if (attributeFilters[i].name === name) {
\r
3965 attributeFilters[i].callbacks.push(callback);
\r
3970 attributeFilters.push({name: name, callbacks: [callback]});
\r
3974 self.parse = function(html, args) {
\r
3975 var parser, rootNode, node, nodes, i, l, fi, fl, list, name, validate,
\r
3976 blockElements, startWhiteSpaceRegExp, invalidChildren = [], isInWhiteSpacePreservedElement,
\r
3977 endWhiteSpaceRegExp, allWhiteSpaceRegExp, isAllWhiteSpaceRegExp, whiteSpaceElements, children, nonEmptyElements, rootBlockName;
\r
3979 args = args || {};
\r
3980 matchedNodes = {};
\r
3981 matchedAttributes = {};
\r
3982 blockElements = tinymce.extend(tinymce.makeMap('script,style,head,html,body,title,meta,param'), schema.getBlockElements());
\r
3983 nonEmptyElements = schema.getNonEmptyElements();
\r
3984 children = schema.children;
\r
3985 validate = settings.validate;
\r
3986 rootBlockName = "forced_root_block" in args ? args.forced_root_block : settings.forced_root_block;
\r
3988 whiteSpaceElements = schema.getWhiteSpaceElements();
\r
3989 startWhiteSpaceRegExp = /^[ \t\r\n]+/;
\r
3990 endWhiteSpaceRegExp = /[ \t\r\n]+$/;
\r
3991 allWhiteSpaceRegExp = /[ \t\r\n]+/g;
\r
3992 isAllWhiteSpaceRegExp = /^[ \t\r\n]+$/;
\r
3994 function addRootBlocks() {
\r
3995 var node = rootNode.firstChild, next, rootBlockNode;
\r
4000 if (node.type == 3 || (node.type == 1 && node.name !== 'p' && !blockElements[node.name] && !node.attr('data-mce-type'))) {
\r
4001 if (!rootBlockNode) {
\r
4002 // Create a new root block element
\r
4003 rootBlockNode = createNode(rootBlockName, 1);
\r
4004 rootNode.insert(rootBlockNode, node);
\r
4005 rootBlockNode.append(node);
\r
4007 rootBlockNode.append(node);
\r
4009 rootBlockNode = null;
\r
4016 function createNode(name, type) {
\r
4017 var node = new Node(name, type), list;
\r
4019 if (name in nodeFilters) {
\r
4020 list = matchedNodes[name];
\r
4025 matchedNodes[name] = [node];
\r
4031 function removeWhitespaceBefore(node) {
\r
4032 var textNode, textVal, sibling;
\r
4034 for (textNode = node.prev; textNode && textNode.type === 3; ) {
\r
4035 textVal = textNode.value.replace(endWhiteSpaceRegExp, '');
\r
4037 if (textVal.length > 0) {
\r
4038 textNode.value = textVal;
\r
4039 textNode = textNode.prev;
\r
4041 sibling = textNode.prev;
\r
4042 textNode.remove();
\r
4043 textNode = sibling;
\r
4048 function cloneAndExcludeBlocks(input) {
\r
4049 var name, output = {};
\r
4051 for (name in input) {
\r
4052 if (name !== 'li' && name != 'p') {
\r
4053 output[name] = input[name];
\r
4060 parser = new tinymce.html.SaxParser({
\r
4061 validate : validate,
\r
4063 // Exclude P and LI from DOM parsing since it's treated better by the DOM parser
\r
4064 self_closing_elements: cloneAndExcludeBlocks(schema.getSelfClosingElements()),
\r
4066 cdata: function(text) {
\r
4067 node.append(createNode('#cdata', 4)).value = text;
\r
4070 text: function(text, raw) {
\r
4073 // Trim all redundant whitespace on non white space elements
\r
4074 if (!isInWhiteSpacePreservedElement) {
\r
4075 text = text.replace(allWhiteSpaceRegExp, ' ');
\r
4077 if (node.lastChild && blockElements[node.lastChild.name])
\r
4078 text = text.replace(startWhiteSpaceRegExp, '');
\r
4081 // Do we need to create the node
\r
4082 if (text.length !== 0) {
\r
4083 textNode = createNode('#text', 3);
\r
4084 textNode.raw = !!raw;
\r
4085 node.append(textNode).value = text;
\r
4089 comment: function(text) {
\r
4090 node.append(createNode('#comment', 8)).value = text;
\r
4093 pi: function(name, text) {
\r
4094 node.append(createNode(name, 7)).value = text;
\r
4095 removeWhitespaceBefore(node);
\r
4098 doctype: function(text) {
\r
4101 newNode = node.append(createNode('#doctype', 10));
\r
4102 newNode.value = text;
\r
4103 removeWhitespaceBefore(node);
\r
4106 start: function(name, attrs, empty) {
\r
4107 var newNode, attrFiltersLen, elementRule, textNode, attrName, text, sibling, parent;
\r
4109 elementRule = validate ? schema.getElementRule(name) : {};
\r
4110 if (elementRule) {
\r
4111 newNode = createNode(elementRule.outputName || name, 1);
\r
4112 newNode.attributes = attrs;
\r
4113 newNode.shortEnded = empty;
\r
4115 node.append(newNode);
\r
4117 // Check if node is valid child of the parent node is the child is
\r
4118 // unknown we don't collect it since it's probably a custom element
\r
4119 parent = children[node.name];
\r
4120 if (parent && children[newNode.name] && !parent[newNode.name])
\r
4121 invalidChildren.push(newNode);
\r
4123 attrFiltersLen = attributeFilters.length;
\r
4124 while (attrFiltersLen--) {
\r
4125 attrName = attributeFilters[attrFiltersLen].name;
\r
4127 if (attrName in attrs.map) {
\r
4128 list = matchedAttributes[attrName];
\r
4131 list.push(newNode);
\r
4133 matchedAttributes[attrName] = [newNode];
\r
4137 // Trim whitespace before block
\r
4138 if (blockElements[name])
\r
4139 removeWhitespaceBefore(newNode);
\r
4141 // Change current node if the element wasn't empty i.e not <br /> or <img />
\r
4145 // Check if we are inside a whitespace preserved element
\r
4146 if (!isInWhiteSpacePreservedElement && whiteSpaceElements[name]) {
\r
4147 isInWhiteSpacePreservedElement = true;
\r
4152 end: function(name) {
\r
4153 var textNode, elementRule, text, sibling, tempNode;
\r
4155 elementRule = validate ? schema.getElementRule(name) : {};
\r
4156 if (elementRule) {
\r
4157 if (blockElements[name]) {
\r
4158 if (!isInWhiteSpacePreservedElement) {
\r
4159 // Trim whitespace of the first node in a block
\r
4160 textNode = node.firstChild;
\r
4161 if (textNode && textNode.type === 3) {
\r
4162 text = textNode.value.replace(startWhiteSpaceRegExp, '');
\r
4164 // Any characters left after trim or should we remove it
\r
4165 if (text.length > 0) {
\r
4166 textNode.value = text;
\r
4167 textNode = textNode.next;
\r
4169 sibling = textNode.next;
\r
4170 textNode.remove();
\r
4171 textNode = sibling;
\r
4174 // Remove any pure whitespace siblings
\r
4175 while (textNode && textNode.type === 3) {
\r
4176 text = textNode.value;
\r
4177 sibling = textNode.next;
\r
4179 if (text.length === 0 || isAllWhiteSpaceRegExp.test(text)) {
\r
4180 textNode.remove();
\r
4181 textNode = sibling;
\r
4184 textNode = sibling;
\r
4188 // Trim whitespace of the last node in a block
\r
4189 textNode = node.lastChild;
\r
4190 if (textNode && textNode.type === 3) {
\r
4191 text = textNode.value.replace(endWhiteSpaceRegExp, '');
\r
4193 // Any characters left after trim or should we remove it
\r
4194 if (text.length > 0) {
\r
4195 textNode.value = text;
\r
4196 textNode = textNode.prev;
\r
4198 sibling = textNode.prev;
\r
4199 textNode.remove();
\r
4200 textNode = sibling;
\r
4203 // Remove any pure whitespace siblings
\r
4204 while (textNode && textNode.type === 3) {
\r
4205 text = textNode.value;
\r
4206 sibling = textNode.prev;
\r
4208 if (text.length === 0 || isAllWhiteSpaceRegExp.test(text)) {
\r
4209 textNode.remove();
\r
4210 textNode = sibling;
\r
4213 textNode = sibling;
\r
4218 // Trim start white space
\r
4219 // Removed due to: #5424
\r
4220 /*textNode = node.prev;
\r
4221 if (textNode && textNode.type === 3) {
\r
4222 text = textNode.value.replace(startWhiteSpaceRegExp, '');
\r
4224 if (text.length > 0)
\r
4225 textNode.value = text;
\r
4227 textNode.remove();
\r
4231 // Check if we exited a whitespace preserved element
\r
4232 if (isInWhiteSpacePreservedElement && whiteSpaceElements[name]) {
\r
4233 isInWhiteSpacePreservedElement = false;
\r
4236 // Handle empty nodes
\r
4237 if (elementRule.removeEmpty || elementRule.paddEmpty) {
\r
4238 if (node.isEmpty(nonEmptyElements)) {
\r
4239 if (elementRule.paddEmpty)
\r
4240 node.empty().append(new Node('#text', '3')).value = '\u00a0';
\r
4242 // Leave nodes that have a name like <a name="name">
\r
4243 if (!node.attributes.map.name && !node.attributes.map.id) {
\r
4244 tempNode = node.parent;
\r
4245 node.empty().remove();
\r
4253 node = node.parent;
\r
4258 rootNode = node = new Node(args.context || settings.root_name, 11);
\r
4260 parser.parse(html);
\r
4262 // Fix invalid children or report invalid children in a contextual parsing
\r
4263 if (validate && invalidChildren.length) {
\r
4264 if (!args.context)
\r
4265 fixInvalidChildren(invalidChildren);
\r
4267 args.invalid = true;
\r
4270 // Wrap nodes in the root into block elements if the root is body
\r
4271 if (rootBlockName && rootNode.name == 'body')
\r
4274 // Run filters only when the contents is valid
\r
4275 if (!args.invalid) {
\r
4276 // Run node filters
\r
4277 for (name in matchedNodes) {
\r
4278 list = nodeFilters[name];
\r
4279 nodes = matchedNodes[name];
\r
4281 // Remove already removed children
\r
4282 fi = nodes.length;
\r
4284 if (!nodes[fi].parent)
\r
4285 nodes.splice(fi, 1);
\r
4288 for (i = 0, l = list.length; i < l; i++)
\r
4289 list[i](nodes, name, args);
\r
4292 // Run attribute filters
\r
4293 for (i = 0, l = attributeFilters.length; i < l; i++) {
\r
4294 list = attributeFilters[i];
\r
4296 if (list.name in matchedAttributes) {
\r
4297 nodes = matchedAttributes[list.name];
\r
4299 // Remove already removed children
\r
4300 fi = nodes.length;
\r
4302 if (!nodes[fi].parent)
\r
4303 nodes.splice(fi, 1);
\r
4306 for (fi = 0, fl = list.callbacks.length; fi < fl; fi++)
\r
4307 list.callbacks[fi](nodes, list.name, args);
\r
4315 // Remove <br> at end of block elements Gecko and WebKit injects BR elements to
\r
4316 // make it possible to place the caret inside empty blocks. This logic tries to remove
\r
4317 // these elements and keep br elements that where intended to be there intact
\r
4318 if (settings.remove_trailing_brs) {
\r
4319 self.addNodeFilter('br', function(nodes, name) {
\r
4320 var i, l = nodes.length, node, blockElements = tinymce.extend({}, schema.getBlockElements()),
\r
4321 nonEmptyElements = schema.getNonEmptyElements(), parent, lastParent, prev, prevName;
\r
4323 // Remove brs from body element as well
\r
4324 blockElements.body = 1;
\r
4326 // Must loop forwards since it will otherwise remove all brs in <p>a<br><br><br></p>
\r
4327 for (i = 0; i < l; i++) {
\r
4329 parent = node.parent;
\r
4331 if (blockElements[node.parent.name] && node === parent.lastChild) {
\r
4332 // Loop all nodes to the left of the current node and check for other BR elements
\r
4333 // excluding bookmarks since they are invisible
\r
4336 prevName = prev.name;
\r
4338 // Ignore bookmarks
\r
4339 if (prevName !== "span" || prev.attr('data-mce-type') !== 'bookmark') {
\r
4340 // Found a non BR element
\r
4341 if (prevName !== "br")
\r
4344 // Found another br it's a <br><br> structure then don't remove anything
\r
4345 if (prevName === 'br') {
\r
4357 // Is the parent to be considered empty after we removed the BR
\r
4358 if (parent.isEmpty(nonEmptyElements)) {
\r
4359 elementRule = schema.getElementRule(parent.name);
\r
4361 // Remove or padd the element depending on schema rule
\r
4362 if (elementRule) {
\r
4363 if (elementRule.removeEmpty)
\r
4365 else if (elementRule.paddEmpty)
\r
4366 parent.empty().append(new tinymce.html.Node('#text', 3)).value = '\u00a0';
\r
4371 // Replaces BR elements inside inline elements like <p><b><i><br></i></b></p> so they become <p><b><i> </i></b></p>
\r
4372 lastParent = node;
\r
4373 while (parent.firstChild === lastParent && parent.lastChild === lastParent) {
\r
4374 lastParent = parent;
\r
4376 if (blockElements[parent.name]) {
\r
4380 parent = parent.parent;
\r
4383 if (lastParent === parent) {
\r
4384 textNode = new tinymce.html.Node('#text', 3);
\r
4385 textNode.value = '\u00a0';
\r
4386 node.replace(textNode);
\r
4393 // Force anchor names closed, unless the setting "allow_html_in_named_anchor" is explicitly included.
\r
4394 if (!settings.allow_html_in_named_anchor) {
\r
4395 self.addAttributeFilter('id,name', function(nodes, name) {
\r
4396 var i = nodes.length, sibling, prevSibling, parent, node;
\r
4400 if (node.name === 'a' && node.firstChild && !node.attr('href')) {
\r
4401 parent = node.parent;
\r
4403 // Move children after current node
\r
4404 sibling = node.lastChild;
\r
4406 prevSibling = sibling.prev;
\r
4407 parent.insert(sibling, node);
\r
4408 sibling = prevSibling;
\r
4409 } while (sibling);
\r
4417 tinymce.html.Writer = function(settings) {
\r
4418 var html = [], indent, indentBefore, indentAfter, encode, htmlOutput;
\r
4420 settings = settings || {};
\r
4421 indent = settings.indent;
\r
4422 indentBefore = tinymce.makeMap(settings.indent_before || '');
\r
4423 indentAfter = tinymce.makeMap(settings.indent_after || '');
\r
4424 encode = tinymce.html.Entities.getEncodeFunc(settings.entity_encoding || 'raw', settings.entities);
\r
4425 htmlOutput = settings.element_format == "html";
\r
4428 start: function(name, attrs, empty) {
\r
4429 var i, l, attr, value;
\r
4431 if (indent && indentBefore[name] && html.length > 0) {
\r
4432 value = html[html.length - 1];
\r
4434 if (value.length > 0 && value !== '\n')
\r
4438 html.push('<', name);
\r
4441 for (i = 0, l = attrs.length; i < l; i++) {
\r
4443 html.push(' ', attr.name, '="', encode(attr.value, true), '"');
\r
4447 if (!empty || htmlOutput)
\r
4448 html[html.length] = '>';
\r
4450 html[html.length] = ' />';
\r
4452 if (empty && indent && indentAfter[name] && html.length > 0) {
\r
4453 value = html[html.length - 1];
\r
4455 if (value.length > 0 && value !== '\n')
\r
4460 end: function(name) {
\r
4463 /*if (indent && indentBefore[name] && html.length > 0) {
\r
4464 value = html[html.length - 1];
\r
4466 if (value.length > 0 && value !== '\n')
\r
4470 html.push('</', name, '>');
\r
4472 if (indent && indentAfter[name] && html.length > 0) {
\r
4473 value = html[html.length - 1];
\r
4475 if (value.length > 0 && value !== '\n')
\r
4480 text: function(text, raw) {
\r
4481 if (text.length > 0)
\r
4482 html[html.length] = raw ? text : encode(text);
\r
4485 cdata: function(text) {
\r
4486 html.push('<![CDATA[', text, ']]>');
\r
4489 comment: function(text) {
\r
4490 html.push('<!--', text, '-->');
\r
4493 pi: function(name, text) {
\r
4495 html.push('<?', name, ' ', text, '?>');
\r
4497 html.push('<?', name, '?>');
\r
4503 doctype: function(text) {
\r
4504 html.push('<!DOCTYPE', text, '>', indent ? '\n' : '');
\r
4507 reset: function() {
\r
4511 getContent: function() {
\r
4512 return html.join('').replace(/\n$/, '');
\r
4517 (function(tinymce) {
\r
4518 tinymce.html.Serializer = function(settings, schema) {
\r
4519 var self = this, writer = new tinymce.html.Writer(settings);
\r
4521 settings = settings || {};
\r
4522 settings.validate = "validate" in settings ? settings.validate : true;
\r
4524 self.schema = schema = schema || new tinymce.html.Schema();
\r
4525 self.writer = writer;
\r
4527 self.serialize = function(node) {
\r
4528 var handlers, validate;
\r
4530 validate = settings.validate;
\r
4534 3: function(node, raw) {
\r
4535 writer.text(node.value, node.raw);
\r
4539 8: function(node) {
\r
4540 writer.comment(node.value);
\r
4543 // Processing instruction
\r
4544 7: function(node) {
\r
4545 writer.pi(node.name, node.value);
\r
4549 10: function(node) {
\r
4550 writer.doctype(node.value);
\r
4554 4: function(node) {
\r
4555 writer.cdata(node.value);
\r
4558 // Document fragment
\r
4559 11: function(node) {
\r
4560 if ((node = node.firstChild)) {
\r
4563 } while (node = node.next);
\r
4570 function walk(node) {
\r
4571 var handler = handlers[node.type], name, isEmpty, attrs, attrName, attrValue, sortedAttrs, i, l, elementRule;
\r
4575 isEmpty = node.shortEnded;
\r
4576 attrs = node.attributes;
\r
4578 // Sort attributes
\r
4579 if (validate && attrs && attrs.length > 1) {
\r
4581 sortedAttrs.map = {};
\r
4583 elementRule = schema.getElementRule(node.name);
\r
4584 for (i = 0, l = elementRule.attributesOrder.length; i < l; i++) {
\r
4585 attrName = elementRule.attributesOrder[i];
\r
4587 if (attrName in attrs.map) {
\r
4588 attrValue = attrs.map[attrName];
\r
4589 sortedAttrs.map[attrName] = attrValue;
\r
4590 sortedAttrs.push({name: attrName, value: attrValue});
\r
4594 for (i = 0, l = attrs.length; i < l; i++) {
\r
4595 attrName = attrs[i].name;
\r
4597 if (!(attrName in sortedAttrs.map)) {
\r
4598 attrValue = attrs.map[attrName];
\r
4599 sortedAttrs.map[attrName] = attrValue;
\r
4600 sortedAttrs.push({name: attrName, value: attrValue});
\r
4604 attrs = sortedAttrs;
\r
4607 writer.start(node.name, attrs, isEmpty);
\r
4610 if ((node = node.firstChild)) {
\r
4613 } while (node = node.next);
\r
4622 // Serialize element and treat all non elements as fragments
\r
4623 if (node.type == 1 && !settings.inner)
\r
4626 handlers[11](node);
\r
4628 return writer.getContent();
\r
4633 // JSLint defined globals
\r
4634 /*global tinymce:false, window:false */
\r
4638 (function(namespace, expando) {
\r
4639 var w3cEventModel = !!document.addEventListener;
\r
4641 function addEvent(target, name, callback, capture) {
\r
4642 if (target.addEventListener) {
\r
4643 target.addEventListener(name, callback, capture || false);
\r
4644 } else if (target.attachEvent) {
\r
4645 target.attachEvent('on' + name, callback);
\r
4649 function removeEvent(target, name, callback, capture) {
\r
4650 if (target.removeEventListener) {
\r
4651 target.removeEventListener(name, callback, capture || false);
\r
4652 } else if (target.detachEvent) {
\r
4653 target.detachEvent('on' + name, callback);
\r
4657 function fix(original_event, data) {
\r
4658 var name, event = data || {};
\r
4660 // Dummy function that gets replaced on the delegation state functions
\r
4661 function returnFalse() {
\r
4665 // Dummy function that gets replaced on the delegation state functions
\r
4666 function returnTrue() {
\r
4670 // Copy all properties from the original event
\r
4671 for (name in original_event) {
\r
4672 // layerX/layerY is deprecated in Chrome and produces a warning
\r
4673 if (name !== "layerX" && name !== "layerY") {
\r
4674 event[name] = original_event[name];
\r
4678 // Normalize target IE uses srcElement
\r
4679 if (!event.target) {
\r
4680 event.target = event.srcElement || document;
\r
4683 // Add preventDefault method
\r
4684 event.preventDefault = function() {
\r
4685 event.isDefaultPrevented = returnTrue;
\r
4687 // Execute preventDefault on the original event object
\r
4688 if (original_event) {
\r
4689 if (original_event.preventDefault) {
\r
4690 original_event.preventDefault();
\r
4692 original_event.returnValue = false; // IE
\r
4697 // Add stopPropagation
\r
4698 event.stopPropagation = function() {
\r
4699 event.isPropagationStopped = returnTrue;
\r
4701 // Execute stopPropagation on the original event object
\r
4702 if (original_event) {
\r
4703 if (original_event.stopPropagation) {
\r
4704 original_event.stopPropagation();
\r
4706 original_event.cancelBubble = true; // IE
\r
4711 // Add stopImmediatePropagation
\r
4712 event.stopImmediatePropagation = function() {
\r
4713 event.isImmediatePropagationStopped = returnTrue;
\r
4714 event.stopPropagation();
\r
4717 // Add event delegation states
\r
4718 if (!event.isDefaultPrevented) {
\r
4719 event.isDefaultPrevented = returnFalse;
\r
4720 event.isPropagationStopped = returnFalse;
\r
4721 event.isImmediatePropagationStopped = returnFalse;
\r
4727 function bindOnReady(win, callback, event_utils) {
\r
4728 var doc = win.document, event = {type: 'ready'};
\r
4730 // Gets called when the DOM is ready
\r
4731 function readyHandler() {
\r
4732 if (!event_utils.domLoaded) {
\r
4733 event_utils.domLoaded = true;
\r
4738 // Page already loaded then fire it directly
\r
4739 if (doc.readyState == "complete") {
\r
4745 if (w3cEventModel) {
\r
4746 addEvent(win, 'DOMContentLoaded', readyHandler);
\r
4749 addEvent(doc, "readystatechange", function() {
\r
4750 if (doc.readyState === "complete") {
\r
4751 removeEvent(doc, "readystatechange", arguments.callee);
\r
4756 // Wait until we can scroll, when we can the DOM is initialized
\r
4757 if (doc.documentElement.doScroll && win === win.top) {
\r
4760 // If IE is used, use the trick by Diego Perini licensed under MIT by request to the author.
\r
4761 // http://javascript.nwbox.com/IEContentLoaded/
\r
4762 doc.documentElement.doScroll("left");
\r
4764 setTimeout(arguments.callee, 0);
\r
4773 // Fallback if any of the above methods should fail for some odd reason
\r
4774 addEvent(win, 'load', readyHandler);
\r
4777 function EventUtils(proxy) {
\r
4778 var self = this, events = {}, count, isFocusBlurBound, hasFocusIn, hasMouseEnterLeave, mouseEnterLeave;
\r
4780 hasMouseEnterLeave = "onmouseenter" in document.documentElement;
\r
4781 hasFocusIn = "onfocusin" in document.documentElement;
\r
4782 mouseEnterLeave = {mouseenter: 'mouseover', mouseleave: 'mouseout'};
\r
4785 // State if the DOMContentLoaded was executed or not
\r
4786 self.domLoaded = false;
\r
4787 self.events = events;
\r
4789 function executeHandlers(evt, id) {
\r
4790 var callbackList, i, l, callback;
\r
4792 callbackList = events[id][evt.type];
\r
4793 if (callbackList) {
\r
4794 for (i = 0, l = callbackList.length; i < l; i++) {
\r
4795 callback = callbackList[i];
\r
4797 // Check if callback exists might be removed if a unbind is called inside the callback
\r
4798 if (callback && callback.func.call(callback.scope, evt) === false) {
\r
4799 evt.preventDefault();
\r
4802 // Should we stop propagation to immediate listeners
\r
4803 if (evt.isImmediatePropagationStopped()) {
\r
4810 self.bind = function(target, names, callback, scope) {
\r
4811 var id, callbackList, i, name, fakeName, nativeHandler, capture, win = window;
\r
4813 // Native event handler function patches the event and executes the callbacks for the expando
\r
4814 function defaultNativeHandler(evt) {
\r
4815 executeHandlers(fix(evt || win.event), id);
\r
4818 // Don't bind to text nodes or comments
\r
4819 if (!target || target.nodeType === 3 || target.nodeType === 8) {
\r
4823 // Create or get events id for the target
\r
4824 if (!target[expando]) {
\r
4826 target[expando] = id;
\r
4829 id = target[expando];
\r
4831 if (!events[id]) {
\r
4836 // Setup the specified scope or use the target as a default
\r
4837 scope = scope || target;
\r
4839 // Split names and bind each event, enables you to bind multiple events with one call
\r
4840 names = names.split(' ');
\r
4844 nativeHandler = defaultNativeHandler;
\r
4845 fakeName = capture = false;
\r
4847 // Use ready instead of DOMContentLoaded
\r
4848 if (name === "DOMContentLoaded") {
\r
4852 // DOM is already ready
\r
4853 if ((self.domLoaded || target.readyState == 'complete') && name === "ready") {
\r
4854 self.domLoaded = true;
\r
4855 callback.call(scope, fix({type: name}));
\r
4859 // Handle mouseenter/mouseleaver
\r
4860 if (!hasMouseEnterLeave) {
\r
4861 fakeName = mouseEnterLeave[name];
\r
4864 nativeHandler = function(evt) {
\r
4865 var current, related;
\r
4867 current = evt.currentTarget;
\r
4868 related = evt.relatedTarget;
\r
4870 // Check if related is inside the current target if it's not then the event should be ignored since it's a mouseover/mouseout inside the element
\r
4871 if (related && current.contains) {
\r
4872 // Use contains for performance
\r
4873 related = current.contains(related);
\r
4875 while (related && related !== current) {
\r
4876 related = related.parentNode;
\r
4880 // Fire fake event
\r
4882 evt = fix(evt || win.event);
\r
4883 evt.type = evt.type === 'mouseout' ? 'mouseleave' : 'mouseenter';
\r
4884 evt.target = current;
\r
4885 executeHandlers(evt, id);
\r
4891 // Fake bubbeling of focusin/focusout
\r
4892 if (!hasFocusIn && (name === "focusin" || name === "focusout")) {
\r
4894 fakeName = name === "focusin" ? "focus" : "blur";
\r
4895 nativeHandler = function(evt) {
\r
4896 evt = fix(evt || win.event);
\r
4897 evt.type = evt.type === 'focus' ? 'focusin' : 'focusout';
\r
4898 executeHandlers(evt, id);
\r
4902 // Setup callback list and bind native event
\r
4903 callbackList = events[id][name];
\r
4904 if (!callbackList) {
\r
4905 events[id][name] = callbackList = [{func: callback, scope: scope}];
\r
4906 callbackList.fakeName = fakeName;
\r
4907 callbackList.capture = capture;
\r
4909 // Add the nativeHandler to the callback list so that we can later unbind it
\r
4910 callbackList.nativeHandler = nativeHandler;
\r
4911 if (!w3cEventModel) {
\r
4912 callbackList.proxyHandler = proxy(id);
\r
4915 // Check if the target has native events support
\r
4916 if (name === "ready") {
\r
4917 bindOnReady(target, nativeHandler, self);
\r
4919 addEvent(target, fakeName || name, w3cEventModel ? nativeHandler : callbackList.proxyHandler, capture);
\r
4922 // If it already has an native handler then just push the callback
\r
4923 callbackList.push({func: callback, scope: scope});
\r
4927 target = callbackList = 0; // Clean memory for IE
\r
4932 self.unbind = function(target, names, callback) {
\r
4933 var id, callbackList, i, ci, name, eventMap;
\r
4935 // Don't bind to text nodes or comments
\r
4936 if (!target || target.nodeType === 3 || target.nodeType === 8) {
\r
4940 // Unbind event or events if the target has the expando
\r
4941 id = target[expando];
\r
4943 eventMap = events[id];
\r
4945 // Specific callback
\r
4947 names = names.split(' ');
\r
4951 callbackList = eventMap[name];
\r
4953 // Unbind the event if it exists in the map
\r
4954 if (callbackList) {
\r
4955 // Remove specified callback
\r
4957 ci = callbackList.length;
\r
4959 if (callbackList[ci].func === callback) {
\r
4960 callbackList.splice(ci, 1);
\r
4965 // Remove all callbacks if there isn't a specified callback or there is no callbacks left
\r
4966 if (!callback || callbackList.length === 0) {
\r
4967 delete eventMap[name];
\r
4968 removeEvent(target, callbackList.fakeName || name, w3cEventModel ? callbackList.nativeHandler : callbackList.proxyHandler, callbackList.capture);
\r
4973 // All events for a specific element
\r
4974 for (name in eventMap) {
\r
4975 callbackList = eventMap[name];
\r
4976 removeEvent(target, callbackList.fakeName || name, w3cEventModel ? callbackList.nativeHandler : callbackList.proxyHandler, callbackList.capture);
\r
4982 // Check if object is empty, if it isn't then we won't remove the expando map
\r
4983 for (name in eventMap) {
\r
4987 // Delete event object
\r
4988 delete events[id];
\r
4990 // Remove expando from target
\r
4992 // IE will fail here since it can't delete properties from window
\r
4993 delete target[expando];
\r
4995 // IE will set it to null
\r
4996 target[expando] = null;
\r
5003 self.fire = function(target, name, args) {
\r
5006 // Don't bind to text nodes or comments
\r
5007 if (!target || target.nodeType === 3 || target.nodeType === 8) {
\r
5011 // Build event object by patching the args
\r
5012 event = fix(null, args);
\r
5013 event.type = name;
\r
5016 // Found an expando that means there is listeners to execute
\r
5017 id = target[expando];
\r
5019 executeHandlers(event, id);
\r
5022 // Walk up the DOM
\r
5023 target = target.parentNode || target.ownerDocument || target.defaultView || target.parentWindow;
\r
5024 } while (target && !event.isPropagationStopped());
\r
5029 self.clean = function(target) {
\r
5030 var i, children, unbind = self.unbind;
\r
5032 // Don't bind to text nodes or comments
\r
5033 if (!target || target.nodeType === 3 || target.nodeType === 8) {
\r
5037 // Unbind any element on the specificed target
\r
5038 if (target[expando]) {
\r
5042 // Target doesn't have getElementsByTagName it's probably a window object then use it's document to find the children
\r
5043 if (!target.getElementsByTagName) {
\r
5044 target = target.document;
\r
5047 // Remove events from each child element
\r
5048 if (target && target.getElementsByTagName) {
\r
5051 children = target.getElementsByTagName('*');
\r
5052 i = children.length;
\r
5054 target = children[i];
\r
5056 if (target[expando]) {
\r
5065 self.callNativeHandler = function(id, evt) {
\r
5067 events[id][evt.type].nativeHandler(evt);
\r
5071 self.destory = function() {
\r
5075 // Legacy function calls
\r
5077 self.add = function(target, events, func, scope) {
\r
5078 // Old API supported direct ID assignment
\r
5079 if (typeof(target) === "string") {
\r
5080 target = document.getElementById(target);
\r
5083 // Old API supported multiple targets
\r
5084 if (target && target instanceof Array) {
\r
5085 var i = target.length;
\r
5088 self.add(target[i], events, func, scope);
\r
5094 // Old API called ready init
\r
5095 if (events === "init") {
\r
5099 return self.bind(target, events instanceof Array ? events.join(' ') : events, func, scope);
\r
5102 self.remove = function(target, events, func, scope) {
\r
5107 // Old API supported direct ID assignment
\r
5108 if (typeof(target) === "string") {
\r
5109 target = document.getElementById(target);
\r
5112 // Old API supported multiple targets
\r
5113 if (target instanceof Array) {
\r
5114 var i = target.length;
\r
5117 self.remove(target[i], events, func, scope);
\r
5123 return self.unbind(target, events instanceof Array ? events.join(' ') : events, func);
\r
5126 self.clear = function(target) {
\r
5127 // Old API supported direct ID assignment
\r
5128 if (typeof(target) === "string") {
\r
5129 target = document.getElementById(target);
\r
5132 return self.clean(target);
\r
5135 self.cancel = function(e) {
\r
5144 self.prevent = function(e) {
\r
5145 if (!e.preventDefault) {
\r
5149 e.preventDefault();
\r
5154 self.stop = function(e) {
\r
5155 if (!e.stopPropagation) {
\r
5159 e.stopPropagation();
\r
5165 namespace.EventUtils = EventUtils;
\r
5167 namespace.Event = new EventUtils(function(id) {
\r
5168 return function(evt) {
\r
5169 tinymce.dom.Event.callNativeHandler(id, evt);
\r
5173 // Bind ready event when tinymce script is loaded
\r
5174 namespace.Event.bind(window, 'ready', function() {});
\r
5177 })(tinymce.dom, 'data-mce-expando'); // Namespace and expando
\r
5179 tinymce.dom.TreeWalker = function(start_node, root_node) {
\r
5180 var node = start_node;
\r
5182 function findSibling(node, start_name, sibling_name, shallow) {
\r
5183 var sibling, parent;
\r
5186 // Walk into nodes if it has a start
\r
5187 if (!shallow && node[start_name])
\r
5188 return node[start_name];
\r
5190 // Return the sibling if it has one
\r
5191 if (node != root_node) {
\r
5192 sibling = node[sibling_name];
\r
5196 // Walk up the parents to look for siblings
\r
5197 for (parent = node.parentNode; parent && parent != root_node; parent = parent.parentNode) {
\r
5198 sibling = parent[sibling_name];
\r
5206 this.current = function() {
\r
5210 this.next = function(shallow) {
\r
5211 return (node = findSibling(node, 'firstChild', 'nextSibling', shallow));
\r
5214 this.prev = function(shallow) {
\r
5215 return (node = findSibling(node, 'lastChild', 'previousSibling', shallow));
\r
5219 (function(tinymce) {
\r
5221 var each = tinymce.each,
\r
5223 isWebKit = tinymce.isWebKit,
\r
5224 isIE = tinymce.isIE,
\r
5225 Entities = tinymce.html.Entities,
\r
5226 simpleSelectorRe = /^([a-z0-9],?)+$/i,
\r
5227 whiteSpaceRegExp = /^[ \t\r\n]*$/;
\r
5229 tinymce.create('tinymce.dom.DOMUtils', {
\r
5233 pixelStyles : /^(top|left|bottom|right|width|height|borderWidth)$/,
\r
5235 "for" : "htmlFor",
\r
5236 "class" : "className",
\r
5237 className : "className",
\r
5238 checked : "checked",
\r
5239 disabled : "disabled",
\r
5240 maxlength : "maxLength",
\r
5241 readonly : "readOnly",
\r
5242 selected : "selected",
\r
5249 DOMUtils : function(d, s) {
\r
5250 var t = this, globalStyle, name, blockElementsMap;
\r
5255 t.cssFlicker = false;
\r
5257 t.stdMode = !tinymce.isIE || d.documentMode >= 8;
\r
5258 t.boxModel = !tinymce.isIE || d.compatMode == "CSS1Compat" || t.stdMode;
\r
5259 t.hasOuterHTML = "outerHTML" in d.createElement("a");
\r
5261 t.settings = s = tinymce.extend({
\r
5262 keep_values : false,
\r
5266 t.schema = s.schema;
\r
5267 t.styles = new tinymce.html.Styles({
\r
5268 url_converter : s.url_converter,
\r
5269 url_converter_scope : s.url_converter_scope
\r
5272 // Fix IE6SP2 flicker and check it failed for pre SP2
\r
5273 if (tinymce.isIE6) {
\r
5275 d.execCommand('BackgroundImageCache', false, true);
\r
5277 t.cssFlicker = true;
\r
5282 t.events = s.ownEvents ? new tinymce.dom.EventUtils(s.proxy) : tinymce.dom.Event;
\r
5283 tinymce.addUnload(t.destroy, t);
\r
5284 blockElementsMap = s.schema ? s.schema.getBlockElements() : {};
\r
5286 t.isBlock = function(node) {
\r
5292 // This function is called in module pattern style since it might be executed with the wrong this scope
\r
5293 var type = node.nodeType;
\r
5295 // If it's a node then check the type and use the nodeName
\r
5297 return !!(type === 1 && blockElementsMap[node.nodeName]);
\r
5299 return !!blockElementsMap[node];
\r
5303 fixDoc: function(doc) {
\r
5304 var settings = this.settings, name;
\r
5306 if (isIE && !tinymce.isIE11 && settings.schema) {
\r
5307 // Add missing HTML 4/5 elements to IE
\r
5308 ('abbr article aside audio canvas ' +
\r
5309 'details figcaption figure footer ' +
\r
5310 'header hgroup mark menu meter nav ' +
\r
5311 'output progress section summary ' +
\r
5312 'time video').replace(/\w+/g, function(name) {
\r
5313 doc.createElement(name);
\r
5316 // Create all custom elements
\r
5317 for (name in settings.schema.getCustomElements()) {
\r
5318 doc.createElement(name);
\r
5323 clone: function(node, deep) {
\r
5324 var self = this, clone, doc;
\r
5326 // TODO: Add feature detection here in the future
\r
5327 if (!isIE || tinymce.isIE11 || node.nodeType !== 1 || deep) {
\r
5328 return node.cloneNode(deep);
\r
5333 // Make a HTML5 safe shallow copy
\r
5335 clone = doc.createElement(node.nodeName);
\r
5338 each(self.getAttribs(node), function(attr) {
\r
5339 self.setAttrib(clone, attr.nodeName, self.getAttrib(node, attr.nodeName));
\r
5345 // Setup HTML5 patched document fragment
\r
5347 self.frag = doc.createDocumentFragment();
\r
5348 self.fixDoc(self.frag);
\r
5351 // Make a deep copy by adding it to the document fragment then removing it this removed the :section
\r
5352 clone = doc.createElement('div');
\r
5353 self.frag.appendChild(clone);
\r
5354 clone.innerHTML = node.outerHTML;
\r
5355 self.frag.removeChild(clone);
\r
5357 return clone.firstChild;
\r
5360 getRoot : function() {
\r
5361 var t = this, s = t.settings;
\r
5363 return (s && t.get(s.root_element)) || t.doc.body;
\r
5366 getViewPort : function(w) {
\r
5369 w = !w ? this.win : w;
\r
5371 b = this.boxModel ? d.documentElement : d.body;
\r
5373 // Returns viewport size excluding scrollbars
\r
5375 x : w.pageXOffset || b.scrollLeft,
\r
5376 y : w.pageYOffset || b.scrollTop,
\r
5377 w : w.innerWidth || b.clientWidth,
\r
5378 h : w.innerHeight || b.clientHeight
\r
5382 getRect : function(e) {
\r
5383 var p, t = this, sr;
\r
5387 sr = t.getSize(e);
\r
5397 getSize : function(e) {
\r
5398 var t = this, w, h;
\r
5401 w = t.getStyle(e, 'width');
\r
5402 h = t.getStyle(e, 'height');
\r
5404 // Non pixel value, then force offset/clientWidth
\r
5405 if (w.indexOf('px') === -1)
\r
5408 // Non pixel value, then force offset/clientWidth
\r
5409 if (h.indexOf('px') === -1)
\r
5413 w : parseInt(w, 10) || e.offsetWidth || e.clientWidth,
\r
5414 h : parseInt(h, 10) || e.offsetHeight || e.clientHeight
\r
5418 getParent : function(n, f, r) {
\r
5419 return this.getParents(n, f, r, false);
\r
5422 getParents : function(n, f, r, c) {
\r
5423 var t = this, na, se = t.settings, o = [];
\r
5426 c = c === undefined;
\r
5428 if (se.strict_root)
\r
5429 r = r || t.getRoot();
\r
5431 // Wrap node name as func
\r
5432 if (is(f, 'string')) {
\r
5436 f = function(n) {return n.nodeType == 1;};
\r
5439 return t.is(n, na);
\r
5445 if (n == r || !n.nodeType || n.nodeType === 9)
\r
5458 return c ? o : null;
\r
5461 get : function(e) {
\r
5464 if (e && this.doc && typeof(e) == 'string') {
\r
5466 e = this.doc.getElementById(e);
\r
5468 // IE and Opera returns meta elements when they match the specified input ID, but getElementsByName seems to do the trick
\r
5469 if (e && e.id !== n)
\r
5470 return this.doc.getElementsByName(n)[1];
\r
5476 getNext : function(node, selector) {
\r
5477 return this._findSib(node, selector, 'nextSibling');
\r
5480 getPrev : function(node, selector) {
\r
5481 return this._findSib(node, selector, 'previousSibling');
\r
5485 select : function(pa, s) {
\r
5488 return tinymce.dom.Sizzle(pa, t.get(s) || t.get(t.settings.root_element) || t.doc, []);
\r
5491 is : function(n, selector) {
\r
5494 // If it isn't an array then try to do some simple selectors instead of Sizzle for to boost performance
\r
5495 if (n.length === undefined) {
\r
5496 // Simple all selector
\r
5497 if (selector === '*')
\r
5498 return n.nodeType == 1;
\r
5500 // Simple selector just elements
\r
5501 if (simpleSelectorRe.test(selector)) {
\r
5502 selector = selector.toLowerCase().split(/,/);
\r
5503 n = n.nodeName.toLowerCase();
\r
5505 for (i = selector.length - 1; i >= 0; i--) {
\r
5506 if (selector[i] == n)
\r
5514 return tinymce.dom.Sizzle.matches(selector, n.nodeType ? [n] : n).length > 0;
\r
5518 add : function(p, n, a, h, c) {
\r
5521 return this.run(p, function(p) {
\r
5524 e = is(n, 'string') ? t.doc.createElement(n) : n;
\r
5525 t.setAttribs(e, a);
\r
5534 return !c ? p.appendChild(e) : e;
\r
5538 create : function(n, a, h) {
\r
5539 return this.add(this.doc.createElement(n), n, a, h, 1);
\r
5542 createHTML : function(n, a, h) {
\r
5543 var o = '', t = this, k;
\r
5548 if (a.hasOwnProperty(k))
\r
5549 o += ' ' + k + '="' + t.encode(a[k]) + '"';
\r
5552 // A call to tinymce.is doesn't work for some odd reason on IE9 possible bug inside their JS runtime
\r
5553 if (typeof(h) != "undefined")
\r
5554 return o + '>' + h + '</' + n + '>';
\r
5559 remove : function(node, keep_children) {
\r
5560 return this.run(node, function(node) {
\r
5561 var child, parent = node.parentNode;
\r
5566 if (keep_children) {
\r
5567 while (child = node.firstChild) {
\r
5568 // IE 8 will crash if you don't remove completely empty text nodes
\r
5569 if (!tinymce.isIE || child.nodeType !== 3 || child.nodeValue)
\r
5570 parent.insertBefore(child, node);
\r
5572 node.removeChild(child);
\r
5576 return parent.removeChild(node);
\r
5580 setStyle : function(n, na, v) {
\r
5583 return t.run(n, function(e) {
\r
5588 // Camelcase it, if needed
\r
5589 na = na.replace(/-(\D)/g, function(a, b){
\r
5590 return b.toUpperCase();
\r
5593 // Default px suffix on these
\r
5594 if (t.pixelStyles.test(na) && (tinymce.is(v, 'number') || /^[\-0-9\.]+$/.test(v)))
\r
5599 // IE specific opacity
\r
5600 if (isIE && ! tinymce.isIE11) {
\r
5601 s.filter = v === '' ? '' : "alpha(opacity=" + (v * 100) + ")";
\r
5603 if (!n.currentStyle || !n.currentStyle.hasLayout)
\r
5604 s.display = 'inline-block';
\r
5607 // Fix for older browsers
\r
5608 s[na] = s['-moz-opacity'] = s['-khtml-opacity'] = v || '';
\r
5612 (isIE && ! tinymce.isIE11) ? s.styleFloat = v : s.cssFloat = v;
\r
5619 // Force update of the style data
\r
5620 if (t.settings.update_styles)
\r
5621 t.setAttrib(e, 'data-mce-style');
\r
5625 getStyle : function(n, na, c) {
\r
5632 if (this.doc.defaultView && c) {
\r
5633 // Remove camelcase
\r
5634 na = na.replace(/[A-Z]/g, function(a){
\r
5639 return this.doc.defaultView.getComputedStyle(n, null).getPropertyValue(na);
\r
5641 // Old safari might fail
\r
5646 // Camelcase it, if needed
\r
5647 na = na.replace(/-(\D)/g, function(a, b){
\r
5648 return b.toUpperCase();
\r
5651 if (na == 'float')
\r
5652 na = isIE ? 'styleFloat' : 'cssFloat';
\r
5655 if (n.currentStyle && c)
\r
5656 return n.currentStyle[na];
\r
5658 return n.style ? n.style[na] : undefined;
\r
5661 setStyles : function(e, o) {
\r
5662 var t = this, s = t.settings, ol;
\r
5664 ol = s.update_styles;
\r
5665 s.update_styles = 0;
\r
5667 each(o, function(v, n) {
\r
5668 t.setStyle(e, n, v);
\r
5671 // Update style info
\r
5672 s.update_styles = ol;
\r
5673 if (s.update_styles)
\r
5674 t.setAttrib(e, s.cssText);
\r
5677 removeAllAttribs: function(e) {
\r
5678 return this.run(e, function(e) {
\r
5679 var i, attrs = e.attributes;
\r
5680 for (i = attrs.length - 1; i >= 0; i--) {
\r
5681 e.removeAttributeNode(attrs.item(i));
\r
5686 setAttrib : function(e, n, v) {
\r
5689 // Whats the point
\r
5693 // Strict XML mode
\r
5694 if (t.settings.strict)
\r
5695 n = n.toLowerCase();
\r
5697 return this.run(e, function(e) {
\r
5698 var s = t.settings;
\r
5699 var originalValue = e.getAttribute(n);
\r
5703 if (!is(v, 'string')) {
\r
5704 each(v, function(v, n) {
\r
5705 t.setStyle(e, n, v);
\r
5711 // No mce_style for elements with these since they might get resized by the user
\r
5712 if (s.keep_values) {
\r
5713 if (v && !t._isRes(v))
\r
5714 e.setAttribute('data-mce-style', v, 2);
\r
5716 e.removeAttribute('data-mce-style', 2);
\r
5719 e.style.cssText = v;
\r
5723 e.className = v || ''; // Fix IE null bug
\r
5728 if (s.keep_values) {
\r
5729 if (s.url_converter)
\r
5730 v = s.url_converter.call(s.url_converter_scope || t, v, n, e);
\r
5732 t.setAttrib(e, 'data-mce-' + n, v, 2);
\r
5738 e.setAttribute('data-mce-style', v);
\r
5742 if (is(v) && v !== null && v.length !== 0)
\r
5743 e.setAttribute(n, '' + v, 2);
\r
5745 e.removeAttribute(n, 2);
\r
5747 // fire onChangeAttrib event for attributes that have changed
\r
5748 if (tinyMCE.activeEditor && originalValue != v) {
\r
5749 var ed = tinyMCE.activeEditor;
\r
5750 ed.onSetAttrib.dispatch(ed, e, n, v);
\r
5755 setAttribs : function(e, o) {
\r
5758 return this.run(e, function(e) {
\r
5759 each(o, function(v, n) {
\r
5760 t.setAttrib(e, n, v);
\r
5765 getAttrib : function(e, n, dv) {
\r
5766 var v, t = this, undef;
\r
5770 if (!e || e.nodeType !== 1)
\r
5771 return dv === undef ? false : dv;
\r
5776 // Try the mce variant for these
\r
5777 if (/^(src|href|style|coords|shape)$/.test(n)) {
\r
5778 v = e.getAttribute("data-mce-" + n);
\r
5784 if (isIE && t.props[n]) {
\r
5785 v = e[t.props[n]];
\r
5786 v = v && v.nodeValue ? v.nodeValue : v;
\r
5790 v = e.getAttribute(n, 2);
\r
5792 // Check boolean attribs
\r
5793 if (/^(checked|compact|declare|defer|disabled|ismap|multiple|nohref|noshade|nowrap|readonly|selected)$/.test(n)) {
\r
5794 if (e[t.props[n]] === true && v === '')
\r
5797 return v ? n : '';
\r
5800 // Inner input elements will override attributes on form elements
\r
5801 if (e.nodeName === "FORM" && e.getAttributeNode(n))
\r
5802 return e.getAttributeNode(n).nodeValue;
\r
5804 if (n === 'style') {
\r
5805 v = v || e.style.cssText;
\r
5808 v = t.serializeStyle(t.parseStyle(v), e.nodeName);
\r
5810 if (t.settings.keep_values && !t._isRes(v))
\r
5811 e.setAttribute('data-mce-style', v);
\r
5815 // Remove Apple and WebKit stuff
\r
5816 if (isWebKit && n === "class" && v)
\r
5817 v = v.replace(/(apple|webkit)\-[a-z\-]+/gi, '');
\r
5819 // Handle IE issues
\r
5824 // IE returns 1 as default value
\r
5831 // IE returns +0 as default value for size
\r
5832 if (v === '+0' || v === 20 || v === 0)
\r
5849 // IE returns -1 as default value
\r
5857 // IE returns default value
\r
5858 if (v === 32768 || v === 2147483647 || v === '32768')
\r
5873 v = v.toLowerCase();
\r
5877 // IE has odd anonymous function for event attributes
\r
5878 if (n.indexOf('on') === 0 && v)
\r
5879 v = tinymce._replace(/^function\s+\w+\(\)\s+\{\s+(.*)\s+\}$/, '$1', '' + v);
\r
5883 return (v !== undef && v !== null && v !== '') ? '' + v : dv;
\r
5886 getPos : function(n, ro) {
\r
5887 var t = this, x = 0, y = 0, e, d = t.doc, r;
\r
5890 ro = ro || d.body;
\r
5893 // Use getBoundingClientRect if it exists since it's faster than looping offset nodes
\r
5894 if (n.getBoundingClientRect) {
\r
5895 n = n.getBoundingClientRect();
\r
5896 e = t.boxModel ? d.documentElement : d.body;
\r
5898 // Add scroll offsets from documentElement or body since IE with the wrong box model will use d.body and so do WebKit
\r
5899 // Also remove the body/documentelement clientTop/clientLeft on IE 6, 7 since they offset the position
\r
5900 x = n.left + (d.documentElement.scrollLeft || d.body.scrollLeft) - e.clientTop;
\r
5901 y = n.top + (d.documentElement.scrollTop || d.body.scrollTop) - e.clientLeft;
\r
5903 return {x : x, y : y};
\r
5907 while (r && r != ro && r.nodeType) {
\r
5908 x += r.offsetLeft || 0;
\r
5909 y += r.offsetTop || 0;
\r
5910 r = r.offsetParent;
\r
5914 while (r && r != ro && r.nodeType) {
\r
5915 x -= r.scrollLeft || 0;
\r
5916 y -= r.scrollTop || 0;
\r
5921 return {x : x, y : y};
\r
5924 parseStyle : function(st) {
\r
5925 return this.styles.parse(st);
\r
5928 serializeStyle : function(o, name) {
\r
5929 return this.styles.serialize(o, name);
\r
5932 addStyle: function(cssText) {
\r
5933 var doc = this.doc, head;
\r
5935 // Create style element if needed
\r
5936 styleElm = doc.getElementById('mceDefaultStyles');
\r
5938 styleElm = doc.createElement('style'),
\r
5939 styleElm.id = 'mceDefaultStyles';
\r
5940 styleElm.type = 'text/css';
\r
5942 head = doc.getElementsByTagName('head')[0];
\r
5943 if (head.firstChild) {
\r
5944 head.insertBefore(styleElm, head.firstChild);
\r
5946 head.appendChild(styleElm);
\r
5950 // Append style data to old or new style element
\r
5951 if (styleElm.styleSheet) {
\r
5952 styleElm.styleSheet.cssText += cssText;
\r
5954 styleElm.appendChild(doc.createTextNode(cssText));
\r
5958 loadCSS : function(u) {
\r
5959 var t = this, d = t.doc, head;
\r
5964 head = d.getElementsByTagName('head')[0];
\r
5966 each(u.split(','), function(u) {
\r
5972 t.files[u] = true;
\r
5973 link = t.create('link', {rel : 'stylesheet', href : tinymce._addVer(u)});
\r
5975 // IE 8 has a bug where dynamically loading stylesheets would produce a 1 item remaining bug
\r
5976 // This fix seems to resolve that issue by realcing the document ones a stylesheet finishes loading
\r
5977 // It's ugly but it seems to work fine.
\r
5978 if (isIE && !tinymce.isIE11 && d.documentMode && d.recalc) {
\r
5979 link.onload = function() {
\r
5983 link.onload = null;
\r
5987 head.appendChild(link);
\r
5991 addClass : function(e, c) {
\r
5992 return this.run(e, function(e) {
\r
5998 if (this.hasClass(e, c))
\r
5999 return e.className;
\r
6001 o = this.removeClass(e, c);
\r
6003 return e.className = (o != '' ? (o + ' ') : '') + c;
\r
6007 removeClass : function(e, c) {
\r
6010 return t.run(e, function(e) {
\r
6013 if (t.hasClass(e, c)) {
\r
6015 re = new RegExp("(^|\\s+)" + c + "(\\s+|$)", "g");
\r
6017 v = e.className.replace(re, ' ');
\r
6018 v = tinymce.trim(v != ' ' ? v : '');
\r
6022 // Empty class attr
\r
6024 e.removeAttribute('class');
\r
6025 e.removeAttribute('className');
\r
6031 return e.className;
\r
6035 hasClass : function(n, c) {
\r
6041 return (' ' + n.className + ' ').indexOf(' ' + c + ' ') !== -1;
\r
6044 show : function(e) {
\r
6045 return this.setStyle(e, 'display', 'block');
\r
6048 hide : function(e) {
\r
6049 return this.setStyle(e, 'display', 'none');
\r
6052 isHidden : function(e) {
\r
6055 return !e || e.style.display == 'none' || this.getStyle(e, 'display') == 'none';
\r
6058 uniqueId : function(p) {
\r
6059 return (!p ? 'mce_' : p) + (this.counter++);
\r
6062 setHTML : function(element, html) {
\r
6065 return self.run(element, function(element) {
\r
6067 // Remove all child nodes, IE keeps empty text nodes in DOM
\r
6068 while (element.firstChild)
\r
6069 element.removeChild(element.firstChild);
\r
6072 // IE will remove comments from the beginning
\r
6073 // unless you padd the contents with something
\r
6074 element.innerHTML = '<br />' + html;
\r
6075 element.removeChild(element.firstChild);
\r
6077 // 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
6078 // This seems to fix this problem
\r
6080 // Create new div with HTML contents and a BR infront to keep comments
\r
6081 var newElement = self.create('div');
\r
6082 newElement.innerHTML = '<br />' + html;
\r
6084 // Add all children from div to target
\r
6085 each (tinymce.grep(newElement.childNodes), function(node, i) {
\r
6086 // Skip br element
\r
6087 if (i && element.canHaveHTML)
\r
6088 element.appendChild(node);
\r
6092 element.innerHTML = html;
\r
6098 getOuterHTML : function(elm) {
\r
6099 var doc, self = this;
\r
6101 elm = self.get(elm);
\r
6106 if (elm.nodeType === 1 && self.hasOuterHTML)
\r
6107 return elm.outerHTML;
\r
6109 doc = (elm.ownerDocument || self.doc).createElement("body");
\r
6110 doc.appendChild(elm.cloneNode(true));
\r
6112 return doc.innerHTML;
\r
6115 setOuterHTML : function(e, h, d) {
\r
6118 function setHTML(e, h, d) {
\r
6121 tp = d.createElement("body");
\r
6126 t.insertAfter(n.cloneNode(true), e);
\r
6127 n = n.previousSibling;
\r
6133 return this.run(e, function(e) {
\r
6136 // Only set HTML on elements
\r
6137 if (e.nodeType == 1) {
\r
6138 d = d || e.ownerDocument || t.doc;
\r
6142 // Try outerHTML for IE it sometimes produces an unknown runtime error
\r
6143 if (isIE && e.nodeType == 1)
\r
6148 // Fix for unknown runtime error
\r
6157 decode : Entities.decode,
\r
6159 encode : Entities.encodeAllRaw,
\r
6161 insertAfter : function(node, reference_node) {
\r
6162 reference_node = this.get(reference_node);
\r
6164 return this.run(node, function(node) {
\r
6165 var parent, nextSibling;
\r
6167 parent = reference_node.parentNode;
\r
6168 nextSibling = reference_node.nextSibling;
\r
6171 parent.insertBefore(node, nextSibling);
\r
6173 parent.appendChild(node);
\r
6179 replace : function(n, o, k) {
\r
6182 if (is(o, 'array'))
\r
6183 n = n.cloneNode(true);
\r
6185 return t.run(o, function(o) {
\r
6187 each(tinymce.grep(o.childNodes), function(c) {
\r
6192 return o.parentNode.replaceChild(n, o);
\r
6196 rename : function(elm, name) {
\r
6197 var t = this, newElm;
\r
6199 if (elm.nodeName != name.toUpperCase()) {
\r
6200 // Rename block element
\r
6201 newElm = t.create(name);
\r
6203 // Copy attribs to new block
\r
6204 each(t.getAttribs(elm), function(attr_node) {
\r
6205 t.setAttrib(newElm, attr_node.nodeName, t.getAttrib(elm, attr_node.nodeName));
\r
6209 t.replace(newElm, elm, 1);
\r
6212 return newElm || elm;
\r
6215 findCommonAncestor : function(a, b) {
\r
6221 while (pe && ps != pe)
\r
6222 pe = pe.parentNode;
\r
6227 ps = ps.parentNode;
\r
6230 if (!ps && a.ownerDocument)
\r
6231 return a.ownerDocument.documentElement;
\r
6236 toHex : function(s) {
\r
6237 var c = /^\s*rgb\s*?\(\s*?([0-9]+)\s*?,\s*?([0-9]+)\s*?,\s*?([0-9]+)\s*?\)\s*$/i.exec(s);
\r
6240 s = parseInt(s, 10).toString(16);
\r
6242 return s.length > 1 ? s : '0' + s; // 0 -> 00
\r
6246 s = '#' + hex(c[1]) + hex(c[2]) + hex(c[3]);
\r
6254 getClasses : function() {
\r
6255 var t = this, cl = [], i, lo = {}, f = t.settings.class_filter, ov;
\r
6260 function addClasses(s) {
\r
6261 // IE style imports
\r
6262 each(s.imports, function(r) {
\r
6266 each(s.cssRules || s.rules, function(r) {
\r
6267 // Real type or fake it on IE
\r
6268 switch (r.type || 1) {
\r
6271 if (r.selectorText) {
\r
6272 each(r.selectorText.split(','), function(v) {
\r
6273 v = v.replace(/^\s*|\s*$|^\s\./g, "");
\r
6275 // Is internal or it doesn't contain a class
\r
6276 if (/\.mce/.test(v) || !/\.[\w\-]+$/.test(v))
\r
6279 // Remove everything but class name
\r
6281 v = tinymce._replace(/.*\.([a-z0-9_\-]+).*/i, '$1', v);
\r
6284 if (f && !(v = f(v, ov)))
\r
6288 cl.push({'class' : v});
\r
6298 addClasses(r.styleSheet);
\r
6309 each(t.doc.styleSheets, addClasses);
\r
6314 if (cl.length > 0)
\r
6320 run : function(e, f, s) {
\r
6323 if (t.doc && typeof(e) === 'string')
\r
6330 if (!e.nodeType && (e.length || e.length === 0)) {
\r
6333 each(e, function(e, i) {
\r
6335 if (typeof(e) == 'string')
\r
6336 e = t.doc.getElementById(e);
\r
6338 o.push(f.call(s, e, i));
\r
6345 return f.call(s, e);
\r
6348 getAttribs : function(n) {
\r
6359 // Object will throw exception in IE
\r
6360 if (n.nodeName == 'OBJECT')
\r
6361 return n.attributes;
\r
6363 // IE doesn't keep the selected attribute if you clone option elements
\r
6364 if (n.nodeName === 'OPTION' && this.getAttrib(n, 'selected'))
\r
6365 o.push({specified : 1, nodeName : 'selected'});
\r
6367 // It's crazy that this is faster in IE but it's because it returns all attributes all the time
\r
6368 n.cloneNode(false).outerHTML.replace(/<\/?[\w:\-]+ ?|=[\"][^\"]+\"|=\'[^\']+\'|=[\w\-]+|>/gi, '').replace(/[\w:\-]+/gi, function(a) {
\r
6369 o.push({specified : 1, nodeName : a});
\r
6375 return n.attributes;
\r
6378 isEmpty : function(node, elements) {
\r
6379 var self = this, i, attributes, type, walker, name, brCount = 0;
\r
6381 node = node.firstChild;
\r
6383 walker = new tinymce.dom.TreeWalker(node, node.parentNode);
\r
6384 elements = elements || self.schema ? self.schema.getNonEmptyElements() : null;
\r
6387 type = node.nodeType;
\r
6390 // Ignore bogus elements
\r
6391 if (node.getAttribute('data-mce-bogus'))
\r
6394 // Keep empty elements like <img />
\r
6395 name = node.nodeName.toLowerCase();
\r
6396 if (elements && elements[name]) {
\r
6397 // Ignore single BR elements in blocks like <p><br /></p> or <p><span><br /></span></p>
\r
6398 if (name === 'br') {
\r
6406 // Keep elements with data-bookmark attributes or name attribute like <a name="1"></a>
\r
6407 attributes = self.getAttribs(node);
\r
6408 i = node.attributes.length;
\r
6410 name = node.attributes[i].nodeName;
\r
6411 if (name === "name" || name === 'data-mce-bookmark')
\r
6416 // Keep comment nodes
\r
6420 // Keep non whitespace text nodes
\r
6421 if ((type === 3 && !whiteSpaceRegExp.test(node.nodeValue)))
\r
6423 } while (node = walker.next());
\r
6426 return brCount <= 1;
\r
6429 destroy : function(s) {
\r
6432 t.win = t.doc = t.root = t.events = t.frag = null;
\r
6434 // Manual destroy then remove unload handler
\r
6436 tinymce.removeUnload(t.destroy);
\r
6439 createRng : function() {
\r
6442 return d.createRange ? d.createRange() : new tinymce.dom.Range(this);
\r
6445 nodeIndex : function(node, normalized) {
\r
6446 var idx = 0, lastNodeType, lastNode, nodeType;
\r
6449 for (lastNodeType = node.nodeType, node = node.previousSibling, lastNode = node; node; node = node.previousSibling) {
\r
6450 nodeType = node.nodeType;
\r
6452 // Normalize text nodes
\r
6453 if (normalized && nodeType == 3) {
\r
6454 if (nodeType == lastNodeType || !node.nodeValue.length)
\r
6458 lastNodeType = nodeType;
\r
6465 split : function(pe, e, re) {
\r
6466 var t = this, r = t.createRng(), bef, aft, pa;
\r
6468 // W3C valid browsers tend to leave empty nodes to the left/right side of the contents, this makes sense
\r
6469 // but we don't want that in our code since it serves no purpose for the end user
\r
6470 // For example if this is chopped:
\r
6471 // <p>text 1<span><b>CHOP</b></span>text 2</p>
\r
6473 // <p>text 1<span></span></p><b>CHOP</b><p><span></span>text 2</p>
\r
6474 // this function will then trim of empty edges and produce:
\r
6475 // <p>text 1</p><b>CHOP</b><p>text 2</p>
\r
6476 function trim(node) {
\r
6477 var i, children = node.childNodes, type = node.nodeType;
\r
6479 function surroundedBySpans(node) {
\r
6480 var previousIsSpan = node.previousSibling && node.previousSibling.nodeName == 'SPAN';
\r
6481 var nextIsSpan = node.nextSibling && node.nextSibling.nodeName == 'SPAN';
\r
6482 return previousIsSpan && nextIsSpan;
\r
6485 if (type == 1 && node.getAttribute('data-mce-type') == 'bookmark')
\r
6488 for (i = children.length - 1; i >= 0; i--)
\r
6489 trim(children[i]);
\r
6492 // Keep non whitespace text nodes
\r
6493 if (type == 3 && node.nodeValue.length > 0) {
\r
6494 // If parent element isn't a block or there isn't any useful contents for example "<p> </p>"
\r
6495 // Also keep text nodes with only spaces if surrounded by spans.
\r
6496 // eg. "<p><span>a</span> <span>b</span></p>" should keep space between a and b
\r
6497 var trimmedLength = tinymce.trim(node.nodeValue).length;
\r
6498 if (!t.isBlock(node.parentNode) || trimmedLength > 0 || trimmedLength === 0 && surroundedBySpans(node))
\r
6500 } else if (type == 1) {
\r
6501 // If the only child is a bookmark then move it up
\r
6502 children = node.childNodes;
\r
6503 if (children.length == 1 && children[0] && children[0].nodeType == 1 && children[0].getAttribute('data-mce-type') == 'bookmark')
\r
6504 node.parentNode.insertBefore(children[0], node);
\r
6506 // Keep non empty elements or img, hr etc
\r
6507 if (children.length || /^(br|hr|input|img)$/i.test(node.nodeName))
\r
6518 // Get before chunk
\r
6519 r.setStart(pe.parentNode, t.nodeIndex(pe));
\r
6520 r.setEnd(e.parentNode, t.nodeIndex(e));
\r
6521 bef = r.extractContents();
\r
6523 // Get after chunk
\r
6524 r = t.createRng();
\r
6525 r.setStart(e.parentNode, t.nodeIndex(e) + 1);
\r
6526 r.setEnd(pe.parentNode, t.nodeIndex(pe) + 1);
\r
6527 aft = r.extractContents();
\r
6529 // Insert before chunk
\r
6530 pa = pe.parentNode;
\r
6531 pa.insertBefore(trim(bef), pe);
\r
6533 // Insert middle chunk
\r
6535 pa.replaceChild(re, e);
\r
6537 pa.insertBefore(e, pe);
\r
6539 // Insert after chunk
\r
6540 pa.insertBefore(trim(aft), pe);
\r
6547 bind : function(target, name, func, scope) {
\r
6548 return this.events.add(target, name, func, scope || this);
\r
6551 unbind : function(target, name, func) {
\r
6552 return this.events.remove(target, name, func);
\r
6555 fire : function(target, name, evt) {
\r
6556 return this.events.fire(target, name, evt);
\r
6559 // Returns the content editable state of a node
\r
6560 getContentEditable: function(node) {
\r
6561 var contentEditable;
\r
6564 if (node.nodeType != 1) {
\r
6568 // Check for fake content editable
\r
6569 contentEditable = node.getAttribute("data-mce-contenteditable");
\r
6570 if (contentEditable && contentEditable !== "inherit") {
\r
6571 return contentEditable;
\r
6574 // Check for real content editable
\r
6575 return node.contentEditable !== "inherit" ? node.contentEditable : null;
\r
6579 _findSib : function(node, selector, name) {
\r
6580 var t = this, f = selector;
\r
6583 // If expression make a function of it using is
\r
6584 if (is(f, 'string')) {
\r
6585 f = function(node) {
\r
6586 return t.is(node, selector);
\r
6590 // Loop all siblings
\r
6591 for (node = node[name]; node; node = node[name]) {
\r
6600 _isRes : function(c) {
\r
6601 // Is live resizble element
\r
6602 return /^(top|left|bottom|right|width|height)/i.test(c) || /;\s*(top|left|bottom|right|width|height)/i.test(c);
\r
6606 walk : function(n, f, s) {
\r
6607 var d = this.doc, w;
\r
6609 if (d.createTreeWalker) {
\r
6610 w = d.createTreeWalker(n, NodeFilter.SHOW_TEXT, null, false);
\r
6612 while ((n = w.nextNode()) != null)
\r
6613 f.call(s || this, n);
\r
6615 tinymce.walk(n, f, 'childNodes', s);
\r
6620 toRGB : function(s) {
\r
6621 var c = /^\s*?#([0-9A-F]{2})([0-9A-F]{1,2})([0-9A-F]{2})?\s*?$/.exec(s);
\r
6624 // #FFF -> #FFFFFF
\r
6626 c[3] = c[2] = c[1];
\r
6628 return "rgb(" + parseInt(c[1], 16) + "," + parseInt(c[2], 16) + "," + parseInt(c[3], 16) + ")";
\r
6636 tinymce.DOM = new tinymce.dom.DOMUtils(document, {process_html : 0});
\r
6640 // Range constructor
\r
6641 function Range(dom) {
\r
6649 START_OFFSET = 'startOffset',
\r
6650 START_CONTAINER = 'startContainer',
\r
6651 END_CONTAINER = 'endContainer',
\r
6652 END_OFFSET = 'endOffset',
\r
6653 extend = tinymce.extend,
\r
6654 nodeIndex = dom.nodeIndex;
\r
6658 startContainer : doc,
\r
6660 endContainer : doc,
\r
6663 commonAncestorContainer : doc,
\r
6665 // Range constants
\r
6666 START_TO_START : 0,
\r
6672 setStart : setStart,
\r
6674 setStartBefore : setStartBefore,
\r
6675 setStartAfter : setStartAfter,
\r
6676 setEndBefore : setEndBefore,
\r
6677 setEndAfter : setEndAfter,
\r
6678 collapse : collapse,
\r
6679 selectNode : selectNode,
\r
6680 selectNodeContents : selectNodeContents,
\r
6681 compareBoundaryPoints : compareBoundaryPoints,
\r
6682 deleteContents : deleteContents,
\r
6683 extractContents : extractContents,
\r
6684 cloneContents : cloneContents,
\r
6685 insertNode : insertNode,
\r
6686 surroundContents : surroundContents,
\r
6687 cloneRange : cloneRange,
\r
6688 toStringIE : toStringIE
\r
6691 function createDocumentFragment() {
\r
6692 return doc.createDocumentFragment();
\r
6695 function setStart(n, o) {
\r
6696 _setEndPoint(TRUE, n, o);
\r
6699 function setEnd(n, o) {
\r
6700 _setEndPoint(FALSE, n, o);
\r
6703 function setStartBefore(n) {
\r
6704 setStart(n.parentNode, nodeIndex(n));
\r
6707 function setStartAfter(n) {
\r
6708 setStart(n.parentNode, nodeIndex(n) + 1);
\r
6711 function setEndBefore(n) {
\r
6712 setEnd(n.parentNode, nodeIndex(n));
\r
6715 function setEndAfter(n) {
\r
6716 setEnd(n.parentNode, nodeIndex(n) + 1);
\r
6719 function collapse(ts) {
\r
6721 t[END_CONTAINER] = t[START_CONTAINER];
\r
6722 t[END_OFFSET] = t[START_OFFSET];
\r
6724 t[START_CONTAINER] = t[END_CONTAINER];
\r
6725 t[START_OFFSET] = t[END_OFFSET];
\r
6728 t.collapsed = TRUE;
\r
6731 function selectNode(n) {
\r
6732 setStartBefore(n);
\r
6736 function selectNodeContents(n) {
\r
6738 setEnd(n, n.nodeType === 1 ? n.childNodes.length : n.nodeValue.length);
\r
6741 function compareBoundaryPoints(h, r) {
\r
6742 var sc = t[START_CONTAINER], so = t[START_OFFSET], ec = t[END_CONTAINER], eo = t[END_OFFSET],
\r
6743 rsc = r.startContainer, rso = r.startOffset, rec = r.endContainer, reo = r.endOffset;
\r
6745 // Check START_TO_START
\r
6747 return _compareBoundaryPoints(sc, so, rsc, rso);
\r
6749 // Check START_TO_END
\r
6751 return _compareBoundaryPoints(ec, eo, rsc, rso);
\r
6753 // Check END_TO_END
\r
6755 return _compareBoundaryPoints(ec, eo, rec, reo);
\r
6757 // Check END_TO_START
\r
6759 return _compareBoundaryPoints(sc, so, rec, reo);
\r
6762 function deleteContents() {
\r
6763 _traverse(DELETE);
\r
6766 function extractContents() {
\r
6767 return _traverse(EXTRACT);
\r
6770 function cloneContents() {
\r
6771 return _traverse(CLONE);
\r
6774 function insertNode(n) {
\r
6775 var startContainer = this[START_CONTAINER],
\r
6776 startOffset = this[START_OFFSET], nn, o;
\r
6778 // Node is TEXT_NODE or CDATA
\r
6779 if ((startContainer.nodeType === 3 || startContainer.nodeType === 4) && startContainer.nodeValue) {
\r
6780 if (!startOffset) {
\r
6781 // At the start of text
\r
6782 startContainer.parentNode.insertBefore(n, startContainer);
\r
6783 } else if (startOffset >= startContainer.nodeValue.length) {
\r
6784 // At the end of text
\r
6785 dom.insertAfter(n, startContainer);
\r
6787 // Middle, need to split
\r
6788 nn = startContainer.splitText(startOffset);
\r
6789 startContainer.parentNode.insertBefore(n, nn);
\r
6792 // Insert element node
\r
6793 if (startContainer.childNodes.length > 0)
\r
6794 o = startContainer.childNodes[startOffset];
\r
6797 startContainer.insertBefore(n, o);
\r
6799 startContainer.appendChild(n);
\r
6803 function surroundContents(n) {
\r
6804 var f = t.extractContents();
\r
6811 function cloneRange() {
\r
6812 return extend(new Range(dom), {
\r
6813 startContainer : t[START_CONTAINER],
\r
6814 startOffset : t[START_OFFSET],
\r
6815 endContainer : t[END_CONTAINER],
\r
6816 endOffset : t[END_OFFSET],
\r
6817 collapsed : t.collapsed,
\r
6818 commonAncestorContainer : t.commonAncestorContainer
\r
6822 // Private methods
\r
6824 function _getSelectedNode(container, offset) {
\r
6827 if (container.nodeType == 3 /* TEXT_NODE */)
\r
6833 child = container.firstChild;
\r
6834 while (child && offset > 0) {
\r
6836 child = child.nextSibling;
\r
6845 function _isCollapsed() {
\r
6846 return (t[START_CONTAINER] == t[END_CONTAINER] && t[START_OFFSET] == t[END_OFFSET]);
\r
6849 function _compareBoundaryPoints(containerA, offsetA, containerB, offsetB) {
\r
6850 var c, offsetC, n, cmnRoot, childA, childB;
\r
6852 // In the first case the boundary-points have the same container. A is before B
\r
6853 // if its offset is less than the offset of B, A is equal to B if its offset is
\r
6854 // equal to the offset of B, and A is after B if its offset is greater than the
\r
6856 if (containerA == containerB) {
\r
6857 if (offsetA == offsetB)
\r
6858 return 0; // equal
\r
6860 if (offsetA < offsetB)
\r
6861 return -1; // before
\r
6863 return 1; // after
\r
6866 // In the second case a child node C of the container of A is an ancestor
\r
6867 // container of B. In this case, A is before B if the offset of A is less than or
\r
6868 // equal to the index of the child node C and A is after B otherwise.
\r
6870 while (c && c.parentNode != containerA)
\r
6875 n = containerA.firstChild;
\r
6877 while (n != c && offsetC < offsetA) {
\r
6879 n = n.nextSibling;
\r
6882 if (offsetA <= offsetC)
\r
6883 return -1; // before
\r
6885 return 1; // after
\r
6888 // In the third case a child node C of the container of B is an ancestor container
\r
6889 // of A. In this case, A is before B if the index of the child node C is less than
\r
6890 // the offset of B and A is after B otherwise.
\r
6892 while (c && c.parentNode != containerB) {
\r
6898 n = containerB.firstChild;
\r
6900 while (n != c && offsetC < offsetB) {
\r
6902 n = n.nextSibling;
\r
6905 if (offsetC < offsetB)
\r
6906 return -1; // before
\r
6908 return 1; // after
\r
6911 // In the fourth case, none of three other cases hold: the containers of A and B
\r
6912 // are siblings or descendants of sibling nodes. In this case, A is before B if
\r
6913 // the container of A is before the container of B in a pre-order traversal of the
\r
6914 // Ranges' context tree and A is after B otherwise.
\r
6915 cmnRoot = dom.findCommonAncestor(containerA, containerB);
\r
6916 childA = containerA;
\r
6918 while (childA && childA.parentNode != cmnRoot)
\r
6919 childA = childA.parentNode;
\r
6924 childB = containerB;
\r
6925 while (childB && childB.parentNode != cmnRoot)
\r
6926 childB = childB.parentNode;
\r
6931 if (childA == childB)
\r
6932 return 0; // equal
\r
6934 n = cmnRoot.firstChild;
\r
6937 return -1; // before
\r
6940 return 1; // after
\r
6942 n = n.nextSibling;
\r
6946 function _setEndPoint(st, n, o) {
\r
6950 t[START_CONTAINER] = n;
\r
6951 t[START_OFFSET] = o;
\r
6953 t[END_CONTAINER] = n;
\r
6954 t[END_OFFSET] = o;
\r
6957 // If one boundary-point of a Range is set to have a root container
\r
6958 // other than the current one for the Range, the Range is collapsed to
\r
6959 // the new position. This enforces the restriction that both boundary-
\r
6960 // points of a Range must have the same root container.
\r
6961 ec = t[END_CONTAINER];
\r
6962 while (ec.parentNode)
\r
6963 ec = ec.parentNode;
\r
6965 sc = t[START_CONTAINER];
\r
6966 while (sc.parentNode)
\r
6967 sc = sc.parentNode;
\r
6970 // The start position of a Range is guaranteed to never be after the
\r
6971 // end position. To enforce this restriction, if the start is set to
\r
6972 // be at a position after the end, the Range is collapsed to that
\r
6974 if (_compareBoundaryPoints(t[START_CONTAINER], t[START_OFFSET], t[END_CONTAINER], t[END_OFFSET]) > 0)
\r
6979 t.collapsed = _isCollapsed();
\r
6980 t.commonAncestorContainer = dom.findCommonAncestor(t[START_CONTAINER], t[END_CONTAINER]);
\r
6983 function _traverse(how) {
\r
6984 var c, endContainerDepth = 0, startContainerDepth = 0, p, depthDiff, startNode, endNode, sp, ep;
\r
6986 if (t[START_CONTAINER] == t[END_CONTAINER])
\r
6987 return _traverseSameContainer(how);
\r
6989 for (c = t[END_CONTAINER], p = c.parentNode; p; c = p, p = p.parentNode) {
\r
6990 if (p == t[START_CONTAINER])
\r
6991 return _traverseCommonStartContainer(c, how);
\r
6993 ++endContainerDepth;
\r
6996 for (c = t[START_CONTAINER], p = c.parentNode; p; c = p, p = p.parentNode) {
\r
6997 if (p == t[END_CONTAINER])
\r
6998 return _traverseCommonEndContainer(c, how);
\r
7000 ++startContainerDepth;
\r
7003 depthDiff = startContainerDepth - endContainerDepth;
\r
7005 startNode = t[START_CONTAINER];
\r
7006 while (depthDiff > 0) {
\r
7007 startNode = startNode.parentNode;
\r
7011 endNode = t[END_CONTAINER];
\r
7012 while (depthDiff < 0) {
\r
7013 endNode = endNode.parentNode;
\r
7017 // ascend the ancestor hierarchy until we have a common parent.
\r
7018 for (sp = startNode.parentNode, ep = endNode.parentNode; sp != ep; sp = sp.parentNode, ep = ep.parentNode) {
\r
7023 return _traverseCommonAncestors(startNode, endNode, how);
\r
7026 function _traverseSameContainer(how) {
\r
7027 var frag, s, sub, n, cnt, sibling, xferNode, start, len;
\r
7029 if (how != DELETE)
\r
7030 frag = createDocumentFragment();
\r
7032 // If selection is empty, just return the fragment
\r
7033 if (t[START_OFFSET] == t[END_OFFSET])
\r
7036 // Text node needs special case handling
\r
7037 if (t[START_CONTAINER].nodeType == 3 /* TEXT_NODE */) {
\r
7038 // get the substring
\r
7039 s = t[START_CONTAINER].nodeValue;
\r
7040 sub = s.substring(t[START_OFFSET], t[END_OFFSET]);
\r
7042 // set the original text node to its new value
\r
7043 if (how != CLONE) {
\r
7044 n = t[START_CONTAINER];
\r
7045 start = t[START_OFFSET];
\r
7046 len = t[END_OFFSET] - t[START_OFFSET];
\r
7048 if (start === 0 && len >= n.nodeValue.length - 1) {
\r
7049 n.parentNode.removeChild(n);
\r
7051 n.deleteData(start, len);
\r
7054 // Nothing is partially selected, so collapse to start point
\r
7058 if (how == DELETE)
\r
7061 if (sub.length > 0) {
\r
7062 frag.appendChild(doc.createTextNode(sub));
\r
7068 // Copy nodes between the start/end offsets.
\r
7069 n = _getSelectedNode(t[START_CONTAINER], t[START_OFFSET]);
\r
7070 cnt = t[END_OFFSET] - t[START_OFFSET];
\r
7072 while (n && cnt > 0) {
\r
7073 sibling = n.nextSibling;
\r
7074 xferNode = _traverseFullySelected(n, how);
\r
7077 frag.appendChild( xferNode );
\r
7083 // Nothing is partially selected, so collapse to start point
\r
7090 function _traverseCommonStartContainer(endAncestor, how) {
\r
7091 var frag, n, endIdx, cnt, sibling, xferNode;
\r
7093 if (how != DELETE)
\r
7094 frag = createDocumentFragment();
\r
7096 n = _traverseRightBoundary(endAncestor, how);
\r
7099 frag.appendChild(n);
\r
7101 endIdx = nodeIndex(endAncestor);
\r
7102 cnt = endIdx - t[START_OFFSET];
\r
7105 // Collapse to just before the endAncestor, which
\r
7106 // is partially selected.
\r
7107 if (how != CLONE) {
\r
7108 t.setEndBefore(endAncestor);
\r
7109 t.collapse(FALSE);
\r
7115 n = endAncestor.previousSibling;
\r
7117 sibling = n.previousSibling;
\r
7118 xferNode = _traverseFullySelected(n, how);
\r
7121 frag.insertBefore(xferNode, frag.firstChild);
\r
7127 // Collapse to just before the endAncestor, which
\r
7128 // is partially selected.
\r
7129 if (how != CLONE) {
\r
7130 t.setEndBefore(endAncestor);
\r
7131 t.collapse(FALSE);
\r
7137 function _traverseCommonEndContainer(startAncestor, how) {
\r
7138 var frag, startIdx, n, cnt, sibling, xferNode;
\r
7140 if (how != DELETE)
\r
7141 frag = createDocumentFragment();
\r
7143 n = _traverseLeftBoundary(startAncestor, how);
\r
7145 frag.appendChild(n);
\r
7147 startIdx = nodeIndex(startAncestor);
\r
7148 ++startIdx; // Because we already traversed it
\r
7150 cnt = t[END_OFFSET] - startIdx;
\r
7151 n = startAncestor.nextSibling;
\r
7152 while (n && cnt > 0) {
\r
7153 sibling = n.nextSibling;
\r
7154 xferNode = _traverseFullySelected(n, how);
\r
7157 frag.appendChild(xferNode);
\r
7163 if (how != CLONE) {
\r
7164 t.setStartAfter(startAncestor);
\r
7171 function _traverseCommonAncestors(startAncestor, endAncestor, how) {
\r
7172 var n, frag, commonParent, startOffset, endOffset, cnt, sibling, nextSibling;
\r
7174 if (how != DELETE)
\r
7175 frag = createDocumentFragment();
\r
7177 n = _traverseLeftBoundary(startAncestor, how);
\r
7179 frag.appendChild(n);
\r
7181 commonParent = startAncestor.parentNode;
\r
7182 startOffset = nodeIndex(startAncestor);
\r
7183 endOffset = nodeIndex(endAncestor);
\r
7186 cnt = endOffset - startOffset;
\r
7187 sibling = startAncestor.nextSibling;
\r
7190 nextSibling = sibling.nextSibling;
\r
7191 n = _traverseFullySelected(sibling, how);
\r
7194 frag.appendChild(n);
\r
7196 sibling = nextSibling;
\r
7200 n = _traverseRightBoundary(endAncestor, how);
\r
7203 frag.appendChild(n);
\r
7205 if (how != CLONE) {
\r
7206 t.setStartAfter(startAncestor);
\r
7213 function _traverseRightBoundary(root, how) {
\r
7214 var next = _getSelectedNode(t[END_CONTAINER], t[END_OFFSET] - 1), parent, clonedParent, prevSibling, clonedChild, clonedGrandParent, isFullySelected = next != t[END_CONTAINER];
\r
7217 return _traverseNode(next, isFullySelected, FALSE, how);
\r
7219 parent = next.parentNode;
\r
7220 clonedParent = _traverseNode(parent, FALSE, FALSE, how);
\r
7224 prevSibling = next.previousSibling;
\r
7225 clonedChild = _traverseNode(next, isFullySelected, FALSE, how);
\r
7227 if (how != DELETE)
\r
7228 clonedParent.insertBefore(clonedChild, clonedParent.firstChild);
\r
7230 isFullySelected = TRUE;
\r
7231 next = prevSibling;
\r
7234 if (parent == root)
\r
7235 return clonedParent;
\r
7237 next = parent.previousSibling;
\r
7238 parent = parent.parentNode;
\r
7240 clonedGrandParent = _traverseNode(parent, FALSE, FALSE, how);
\r
7242 if (how != DELETE)
\r
7243 clonedGrandParent.appendChild(clonedParent);
\r
7245 clonedParent = clonedGrandParent;
\r
7249 function _traverseLeftBoundary(root, how) {
\r
7250 var next = _getSelectedNode(t[START_CONTAINER], t[START_OFFSET]), isFullySelected = next != t[START_CONTAINER], parent, clonedParent, nextSibling, clonedChild, clonedGrandParent;
\r
7253 return _traverseNode(next, isFullySelected, TRUE, how);
\r
7255 parent = next.parentNode;
\r
7256 clonedParent = _traverseNode(parent, FALSE, TRUE, how);
\r
7260 nextSibling = next.nextSibling;
\r
7261 clonedChild = _traverseNode(next, isFullySelected, TRUE, how);
\r
7263 if (how != DELETE)
\r
7264 clonedParent.appendChild(clonedChild);
\r
7266 isFullySelected = TRUE;
\r
7267 next = nextSibling;
\r
7270 if (parent == root)
\r
7271 return clonedParent;
\r
7273 next = parent.nextSibling;
\r
7274 parent = parent.parentNode;
\r
7276 clonedGrandParent = _traverseNode(parent, FALSE, TRUE, how);
\r
7278 if (how != DELETE)
\r
7279 clonedGrandParent.appendChild(clonedParent);
\r
7281 clonedParent = clonedGrandParent;
\r
7285 function _traverseNode(n, isFullySelected, isLeft, how) {
\r
7286 var txtValue, newNodeValue, oldNodeValue, offset, newNode;
\r
7288 if (isFullySelected)
\r
7289 return _traverseFullySelected(n, how);
\r
7291 if (n.nodeType == 3 /* TEXT_NODE */) {
\r
7292 txtValue = n.nodeValue;
\r
7295 offset = t[START_OFFSET];
\r
7296 newNodeValue = txtValue.substring(offset);
\r
7297 oldNodeValue = txtValue.substring(0, offset);
\r
7299 offset = t[END_OFFSET];
\r
7300 newNodeValue = txtValue.substring(0, offset);
\r
7301 oldNodeValue = txtValue.substring(offset);
\r
7305 n.nodeValue = oldNodeValue;
\r
7307 if (how == DELETE)
\r
7310 newNode = dom.clone(n, FALSE);
\r
7311 newNode.nodeValue = newNodeValue;
\r
7316 if (how == DELETE)
\r
7319 return dom.clone(n, FALSE);
\r
7322 function _traverseFullySelected(n, how) {
\r
7323 if (how != DELETE)
\r
7324 return how == CLONE ? dom.clone(n, TRUE) : n;
\r
7326 n.parentNode.removeChild(n);
\r
7329 function toStringIE() {
\r
7330 return dom.create('body', null, cloneContents()).outerText;
\r
7338 // Older IE versions doesn't let you override toString by it's constructor so we have to stick it in the prototype
\r
7339 Range.prototype.toString = function() {
\r
7340 return this.toStringIE();
\r
7345 function Selection(selection) {
\r
7346 var self = this, dom = selection.dom, TRUE = true, FALSE = false;
\r
7348 function getPosition(rng, start) {
\r
7349 var checkRng, startIndex = 0, endIndex, inside,
\r
7350 children, child, offset, index, position = -1, parent;
\r
7352 // Setup test range, collapse it and get the parent
\r
7353 checkRng = rng.duplicate();
\r
7354 checkRng.collapse(start);
\r
7355 parent = checkRng.parentElement();
\r
7357 // Check if the selection is within the right document
\r
7358 if (parent.ownerDocument !== selection.dom.doc)
\r
7361 // IE will report non editable elements as it's parent so look for an editable one
\r
7362 while (parent.contentEditable === "false") {
\r
7363 parent = parent.parentNode;
\r
7366 // If parent doesn't have any children then return that we are inside the element
\r
7367 if (!parent.hasChildNodes()) {
\r
7368 return {node : parent, inside : 1};
\r
7371 // Setup node list and endIndex
\r
7372 children = parent.children;
\r
7373 endIndex = children.length - 1;
\r
7375 // Perform a binary search for the position
\r
7376 while (startIndex <= endIndex) {
\r
7377 index = Math.floor((startIndex + endIndex) / 2);
\r
7379 // Move selection to node and compare the ranges
\r
7380 child = children[index];
\r
7381 checkRng.moveToElementText(child);
\r
7382 position = checkRng.compareEndPoints(start ? 'StartToStart' : 'EndToEnd', rng);
\r
7384 // Before/after or an exact match
\r
7385 if (position > 0) {
\r
7386 endIndex = index - 1;
\r
7387 } else if (position < 0) {
\r
7388 startIndex = index + 1;
\r
7390 return {node : child};
\r
7394 // Check if child position is before or we didn't find a position
\r
7395 if (position < 0) {
\r
7396 // No element child was found use the parent element and the offset inside that
\r
7398 checkRng.moveToElementText(parent);
\r
7399 checkRng.collapse(true);
\r
7403 checkRng.collapse(false);
\r
7405 // Walk character by character in text node until we hit the selected range endpoint, hit the end of document or parent isn't the right one
\r
7406 // We need to walk char by char since rng.text or rng.htmlText will trim line endings
\r
7408 while (checkRng.compareEndPoints(start ? 'StartToStart' : 'StartToEnd', rng) !== 0) {
\r
7409 if (checkRng.move('character', 1) === 0 || parent != checkRng.parentElement()) {
\r
7416 // Child position is after the selection endpoint
\r
7417 checkRng.collapse(true);
\r
7419 // Walk character by character in text node until we hit the selected range endpoint, hit the end of document or parent isn't the right one
\r
7421 while (checkRng.compareEndPoints(start ? 'StartToStart' : 'StartToEnd', rng) !== 0) {
\r
7422 if (checkRng.move('character', -1) === 0 || parent != checkRng.parentElement()) {
\r
7430 return {node : child, position : position, offset : offset, inside : inside};
\r
7433 // Returns a W3C DOM compatible range object by using the IE Range API
\r
7434 function getRange() {
\r
7435 var ieRange = selection.getRng(), domRange = dom.createRng(), element, collapsed, tmpRange, element2, bookmark, fail;
\r
7437 // If selection is outside the current document just return an empty range
\r
7438 element = ieRange.item ? ieRange.item(0) : ieRange.parentElement();
\r
7439 if (element.ownerDocument != dom.doc)
\r
7442 collapsed = selection.isCollapsed();
\r
7444 // Handle control selection
\r
7445 if (ieRange.item) {
\r
7446 domRange.setStart(element.parentNode, dom.nodeIndex(element));
\r
7447 domRange.setEnd(domRange.startContainer, domRange.startOffset + 1);
\r
7452 function findEndPoint(start) {
\r
7453 var endPoint = getPosition(ieRange, start), container, offset, textNodeOffset = 0, sibling, undef, nodeValue;
\r
7455 container = endPoint.node;
\r
7456 offset = endPoint.offset;
\r
7458 if (endPoint.inside && !container.hasChildNodes()) {
\r
7459 domRange[start ? 'setStart' : 'setEnd'](container, 0);
\r
7463 if (offset === undef) {
\r
7464 domRange[start ? 'setStartBefore' : 'setEndAfter'](container);
\r
7468 if (endPoint.position < 0) {
\r
7469 sibling = endPoint.inside ? container.firstChild : container.nextSibling;
\r
7472 domRange[start ? 'setStartAfter' : 'setEndAfter'](container);
\r
7477 if (sibling.nodeType == 3)
\r
7478 domRange[start ? 'setStart' : 'setEnd'](sibling, 0);
\r
7480 domRange[start ? 'setStartBefore' : 'setEndBefore'](sibling);
\r
7485 // Find the text node and offset
\r
7487 nodeValue = sibling.nodeValue;
\r
7488 textNodeOffset += nodeValue.length;
\r
7490 // We are at or passed the position we where looking for
\r
7491 if (textNodeOffset >= offset) {
\r
7492 container = sibling;
\r
7493 textNodeOffset -= offset;
\r
7494 textNodeOffset = nodeValue.length - textNodeOffset;
\r
7498 sibling = sibling.nextSibling;
\r
7501 // Find the text node and offset
\r
7502 sibling = container.previousSibling;
\r
7505 return domRange[start ? 'setStartBefore' : 'setEndBefore'](container);
\r
7507 // If there isn't any text to loop then use the first position
\r
7509 if (container.nodeType == 3)
\r
7510 domRange[start ? 'setStart' : 'setEnd'](sibling, container.nodeValue.length);
\r
7512 domRange[start ? 'setStartAfter' : 'setEndAfter'](sibling);
\r
7518 textNodeOffset += sibling.nodeValue.length;
\r
7520 // We are at or passed the position we where looking for
\r
7521 if (textNodeOffset >= offset) {
\r
7522 container = sibling;
\r
7523 textNodeOffset -= offset;
\r
7527 sibling = sibling.previousSibling;
\r
7531 domRange[start ? 'setStart' : 'setEnd'](container, textNodeOffset);
\r
7535 // Find start point
\r
7536 findEndPoint(true);
\r
7538 // Find end point if needed
\r
7542 // IE has a nasty bug where text nodes might throw "invalid argument" when you
\r
7543 // access the nodeValue or other properties of text nodes. This seems to happend when
\r
7544 // text nodes are split into two nodes by a delete/backspace call. So lets detect it and try to fix it.
\r
7545 if (ex.number == -2147024809) {
\r
7546 // Get the current selection
\r
7547 bookmark = self.getBookmark(2);
\r
7549 // Get start element
\r
7550 tmpRange = ieRange.duplicate();
\r
7551 tmpRange.collapse(true);
\r
7552 element = tmpRange.parentElement();
\r
7554 // Get end element
\r
7556 tmpRange = ieRange.duplicate();
\r
7557 tmpRange.collapse(false);
\r
7558 element2 = tmpRange.parentElement();
\r
7559 element2.innerHTML = element2.innerHTML;
\r
7562 // Remove the broken elements
\r
7563 element.innerHTML = element.innerHTML;
\r
7565 // Restore the selection
\r
7566 self.moveToBookmark(bookmark);
\r
7568 // Since the range has moved we need to re-get it
\r
7569 ieRange = selection.getRng();
\r
7571 // Find start point
\r
7572 findEndPoint(true);
\r
7574 // Find end point if needed
\r
7578 throw ex; // Throw other errors
\r
7584 this.getBookmark = function(type) {
\r
7585 var rng = selection.getRng(), start, end, bookmark = {};
\r
7587 function getIndexes(node) {
\r
7588 var parent, root, children, i, indexes = [];
\r
7590 parent = node.parentNode;
\r
7591 root = dom.getRoot().parentNode;
\r
7593 while (parent != root && parent.nodeType !== 9) {
\r
7594 children = parent.children;
\r
7596 i = children.length;
\r
7598 if (node === children[i]) {
\r
7605 parent = parent.parentNode;
\r
7611 function getBookmarkEndPoint(start) {
\r
7614 position = getPosition(rng, start);
\r
7617 position : position.position,
\r
7618 offset : position.offset,
\r
7619 indexes : getIndexes(position.node),
\r
7620 inside : position.inside
\r
7625 // Non ubstructive bookmark
\r
7627 // Handle text selection
\r
7629 bookmark.start = getBookmarkEndPoint(true);
\r
7631 if (!selection.isCollapsed())
\r
7632 bookmark.end = getBookmarkEndPoint();
\r
7634 bookmark.start = {ctrl : true, indexes : getIndexes(rng.item(0))};
\r
7640 this.moveToBookmark = function(bookmark) {
\r
7641 var rng, body = dom.doc.body;
\r
7643 function resolveIndexes(indexes) {
\r
7644 var node, i, idx, children;
\r
7646 node = dom.getRoot();
\r
7647 for (i = indexes.length - 1; i >= 0; i--) {
\r
7648 children = node.children;
\r
7651 if (idx <= children.length - 1) {
\r
7652 node = children[idx];
\r
7659 function setBookmarkEndPoint(start) {
\r
7660 var endPoint = bookmark[start ? 'start' : 'end'], moveLeft, moveRng, undef;
\r
7663 moveLeft = endPoint.position > 0;
\r
7665 moveRng = body.createTextRange();
\r
7666 moveRng.moveToElementText(resolveIndexes(endPoint.indexes));
\r
7668 offset = endPoint.offset;
\r
7669 if (offset !== undef) {
\r
7670 moveRng.collapse(endPoint.inside || moveLeft);
\r
7671 moveRng.moveStart('character', moveLeft ? -offset : offset);
\r
7673 moveRng.collapse(start);
\r
7675 rng.setEndPoint(start ? 'StartToStart' : 'EndToStart', moveRng);
\r
7678 rng.collapse(true);
\r
7682 if (bookmark.start) {
\r
7683 if (bookmark.start.ctrl) {
\r
7684 rng = body.createControlRange();
\r
7685 rng.addElement(resolveIndexes(bookmark.start.indexes));
\r
7688 rng = body.createTextRange();
\r
7689 setBookmarkEndPoint(true);
\r
7690 setBookmarkEndPoint();
\r
7696 this.addRange = function(rng) {
\r
7697 var ieRng, ctrlRng, startContainer, startOffset, endContainer, endOffset, sibling,
\r
7698 doc = selection.dom.doc, body = doc.body, nativeRng, ctrlElm;
\r
7700 function setEndPoint(start) {
\r
7701 var container, offset, marker, tmpRng, nodes;
\r
7703 marker = dom.create('a');
\r
7704 container = start ? startContainer : endContainer;
\r
7705 offset = start ? startOffset : endOffset;
\r
7706 tmpRng = ieRng.duplicate();
\r
7708 if (container == doc || container == doc.documentElement) {
\r
7713 if (container.nodeType == 3) {
\r
7714 container.parentNode.insertBefore(marker, container);
\r
7715 tmpRng.moveToElementText(marker);
\r
7716 tmpRng.moveStart('character', offset);
\r
7717 dom.remove(marker);
\r
7718 ieRng.setEndPoint(start ? 'StartToStart' : 'EndToEnd', tmpRng);
\r
7720 nodes = container.childNodes;
\r
7722 if (nodes.length) {
\r
7723 if (offset >= nodes.length) {
\r
7724 dom.insertAfter(marker, nodes[nodes.length - 1]);
\r
7726 container.insertBefore(marker, nodes[offset]);
\r
7729 tmpRng.moveToElementText(marker);
\r
7730 } else if (container.canHaveHTML) {
\r
7731 // Empty node selection for example <div>|</div>
\r
7732 // Setting innerHTML with a span marker then remove that marker seems to keep empty block elements open
\r
7733 container.innerHTML = '<span>\uFEFF</span>';
\r
7734 marker = container.firstChild;
\r
7735 tmpRng.moveToElementText(marker);
\r
7736 tmpRng.collapse(FALSE); // Collapse false works better than true for some odd reason
\r
7739 ieRng.setEndPoint(start ? 'StartToStart' : 'EndToEnd', tmpRng);
\r
7740 dom.remove(marker);
\r
7744 // Setup some shorter versions
\r
7745 startContainer = rng.startContainer;
\r
7746 startOffset = rng.startOffset;
\r
7747 endContainer = rng.endContainer;
\r
7748 endOffset = rng.endOffset;
\r
7749 ieRng = body.createTextRange();
\r
7751 // If single element selection then try making a control selection out of it
\r
7752 if (startContainer == endContainer && startContainer.nodeType == 1) {
\r
7753 // Trick to place the caret inside an empty block element like <p></p>
\r
7754 if (startOffset == endOffset && !startContainer.hasChildNodes()) {
\r
7755 if (startContainer.canHaveHTML) {
\r
7756 // Check if previous sibling is an empty block if it is then we need to render it
\r
7757 // IE would otherwise move the caret into the sibling instead of the empty startContainer see: #5236
\r
7758 // Example this: <p></p><p>|</p> would become this: <p>|</p><p></p>
\r
7759 sibling = startContainer.previousSibling;
\r
7760 if (sibling && !sibling.hasChildNodes() && dom.isBlock(sibling)) {
\r
7761 sibling.innerHTML = '\uFEFF';
\r
7766 startContainer.innerHTML = '<span>\uFEFF</span><span>\uFEFF</span>';
\r
7767 ieRng.moveToElementText(startContainer.lastChild);
\r
7769 dom.doc.selection.clear();
\r
7770 startContainer.innerHTML = '';
\r
7773 sibling.innerHTML = '';
\r
7777 startOffset = dom.nodeIndex(startContainer);
\r
7778 startContainer = startContainer.parentNode;
\r
7782 if (startOffset == endOffset - 1) {
\r
7784 ctrlElm = startContainer.childNodes[startOffset];
\r
7785 ctrlRng = body.createControlRange();
\r
7786 ctrlRng.addElement(ctrlElm);
\r
7789 // Check if the range produced is on the correct element and is a control range
\r
7790 // On IE 8 it will select the parent contentEditable container if you select an inner element see: #5398
\r
7791 nativeRng = selection.getRng();
\r
7792 if (nativeRng.item && ctrlElm === nativeRng.item(0)) {
\r
7801 // Set start/end point of selection
\r
7802 setEndPoint(true);
\r
7805 // Select the new range and scroll it into view
\r
7809 // Expose range method
\r
7810 this.getRangeAt = getRange;
\r
7813 // Expose the selection object
\r
7814 tinymce.dom.TridentSelection = Selection;
\r
7819 * Sizzle CSS Selector Engine
\r
7820 * Copyright, The Dojo Foundation
\r
7821 * Released under the MIT, BSD, and GPL Licenses.
\r
7822 * More information: http://sizzlejs.com/
\r
7826 var chunker = /((?:\((?:\([^()]+\)|[^()]+)+\)|\[(?:\[[^\[\]]*\]|['"][^'"]*['"]|[^\[\]'"]+)+\]|\\.|[^ >+~,(\[\\]+)+|[>+~])(\s*,\s*)?((?:.|\r|\n)*)/g,
\r
7827 expando = "sizcache",
\r
7829 toString = Object.prototype.toString,
\r
7830 hasDuplicate = false,
\r
7831 baseHasDuplicate = true,
\r
7832 rBackslash = /\\/g,
\r
7833 rReturn = /\r\n/g,
\r
7836 // Here we check if the JavaScript engine is using some sort of
\r
7837 // optimization where it does not always call our comparision
\r
7838 // function. If that is the case, discard the hasDuplicate value.
\r
7839 // Thus far that includes Google Chrome.
\r
7840 [0, 0].sort(function() {
\r
7841 baseHasDuplicate = false;
\r
7845 var Sizzle = function( selector, context, results, seed ) {
\r
7846 results = results || [];
\r
7847 context = context || document;
\r
7849 var origContext = context;
\r
7851 if ( context.nodeType !== 1 && context.nodeType !== 9 ) {
\r
7855 if ( !selector || typeof selector !== "string" ) {
\r
7859 var m, set, checkSet, extra, ret, cur, pop, i,
\r
7861 contextXML = Sizzle.isXML( context ),
\r
7865 // Reset the position of the chunker regexp (start from head)
\r
7867 chunker.exec( "" );
\r
7868 m = chunker.exec( soFar );
\r
7873 parts.push( m[1] );
\r
7882 if ( parts.length > 1 && origPOS.exec( selector ) ) {
\r
7884 if ( parts.length === 2 && Expr.relative[ parts[0] ] ) {
\r
7885 set = posProcess( parts[0] + parts[1], context, seed );
\r
7888 set = Expr.relative[ parts[0] ] ?
\r
7890 Sizzle( parts.shift(), context );
\r
7892 while ( parts.length ) {
\r
7893 selector = parts.shift();
\r
7895 if ( Expr.relative[ selector ] ) {
\r
7896 selector += parts.shift();
\r
7899 set = posProcess( selector, set, seed );
\r
7904 // Take a shortcut and set the context if the root selector is an ID
\r
7905 // (but not if it'll be faster if the inner selector is an ID)
\r
7906 if ( !seed && parts.length > 1 && context.nodeType === 9 && !contextXML &&
\r
7907 Expr.match.ID.test(parts[0]) && !Expr.match.ID.test(parts[parts.length - 1]) ) {
\r
7909 ret = Sizzle.find( parts.shift(), context, contextXML );
\r
7910 context = ret.expr ?
\r
7911 Sizzle.filter( ret.expr, ret.set )[0] :
\r
7917 { expr: parts.pop(), set: makeArray(seed) } :
\r
7918 Sizzle.find( parts.pop(), parts.length === 1 && (parts[0] === "~" || parts[0] === "+") && context.parentNode ? context.parentNode : context, contextXML );
\r
7921 Sizzle.filter( ret.expr, ret.set ) :
\r
7924 if ( parts.length > 0 ) {
\r
7925 checkSet = makeArray( set );
\r
7931 while ( parts.length ) {
\r
7932 cur = parts.pop();
\r
7935 if ( !Expr.relative[ cur ] ) {
\r
7938 pop = parts.pop();
\r
7941 if ( pop == null ) {
\r
7945 Expr.relative[ cur ]( checkSet, pop, contextXML );
\r
7949 checkSet = parts = [];
\r
7953 if ( !checkSet ) {
\r
7957 if ( !checkSet ) {
\r
7958 Sizzle.error( cur || selector );
\r
7961 if ( toString.call(checkSet) === "[object Array]" ) {
\r
7963 results.push.apply( results, checkSet );
\r
7965 } else if ( context && context.nodeType === 1 ) {
\r
7966 for ( i = 0; checkSet[i] != null; i++ ) {
\r
7967 if ( checkSet[i] && (checkSet[i] === true || checkSet[i].nodeType === 1 && Sizzle.contains(context, checkSet[i])) ) {
\r
7968 results.push( set[i] );
\r
7973 for ( i = 0; checkSet[i] != null; i++ ) {
\r
7974 if ( checkSet[i] && checkSet[i].nodeType === 1 ) {
\r
7975 results.push( set[i] );
\r
7981 makeArray( checkSet, results );
\r
7985 Sizzle( extra, origContext, results, seed );
\r
7986 Sizzle.uniqueSort( results );
\r
7992 Sizzle.uniqueSort = function( results ) {
\r
7993 if ( sortOrder ) {
\r
7994 hasDuplicate = baseHasDuplicate;
\r
7995 results.sort( sortOrder );
\r
7997 if ( hasDuplicate ) {
\r
7998 for ( var i = 1; i < results.length; i++ ) {
\r
7999 if ( results[i] === results[ i - 1 ] ) {
\r
8000 results.splice( i--, 1 );
\r
8009 Sizzle.matches = function( expr, set ) {
\r
8010 return Sizzle( expr, null, null, set );
\r
8013 Sizzle.matchesSelector = function( node, expr ) {
\r
8014 return Sizzle( expr, null, null, [node] ).length > 0;
\r
8017 Sizzle.find = function( expr, context, isXML ) {
\r
8018 var set, i, len, match, type, left;
\r
8024 for ( i = 0, len = Expr.order.length; i < len; i++ ) {
\r
8025 type = Expr.order[i];
\r
8027 if ( (match = Expr.leftMatch[ type ].exec( expr )) ) {
\r
8029 match.splice( 1, 1 );
\r
8031 if ( left.substr( left.length - 1 ) !== "\\" ) {
\r
8032 match[1] = (match[1] || "").replace( rBackslash, "" );
\r
8033 set = Expr.find[ type ]( match, context, isXML );
\r
8035 if ( set != null ) {
\r
8036 expr = expr.replace( Expr.match[ type ], "" );
\r
8044 set = typeof context.getElementsByTagName !== "undefined" ?
\r
8045 context.getElementsByTagName( "*" ) :
\r
8049 return { set: set, expr: expr };
\r
8052 Sizzle.filter = function( expr, set, inplace, not ) {
\r
8053 var match, anyFound,
\r
8054 type, found, item, filter, left,
\r
8059 isXMLFilter = set && set[0] && Sizzle.isXML( set[0] );
\r
8061 while ( expr && set.length ) {
\r
8062 for ( type in Expr.filter ) {
\r
8063 if ( (match = Expr.leftMatch[ type ].exec( expr )) != null && match[2] ) {
\r
8064 filter = Expr.filter[ type ];
\r
8069 match.splice(1,1);
\r
8071 if ( left.substr( left.length - 1 ) === "\\" ) {
\r
8075 if ( curLoop === result ) {
\r
8079 if ( Expr.preFilter[ type ] ) {
\r
8080 match = Expr.preFilter[ type ]( match, curLoop, inplace, result, not, isXMLFilter );
\r
8083 anyFound = found = true;
\r
8085 } else if ( match === true ) {
\r
8091 for ( i = 0; (item = curLoop[i]) != null; i++ ) {
\r
8093 found = filter( item, match, i, curLoop );
\r
8094 pass = not ^ found;
\r
8096 if ( inplace && found != null ) {
\r
8101 curLoop[i] = false;
\r
8104 } else if ( pass ) {
\r
8105 result.push( item );
\r
8112 if ( found !== undefined ) {
\r
8117 expr = expr.replace( Expr.match[ type ], "" );
\r
8119 if ( !anyFound ) {
\r
8128 // Improper expression
\r
8129 if ( expr === old ) {
\r
8130 if ( anyFound == null ) {
\r
8131 Sizzle.error( expr );
\r
8144 Sizzle.error = function( msg ) {
\r
8145 throw new Error( "Syntax error, unrecognized expression: " + msg );
\r
8148 var getText = Sizzle.getText = function( elem ) {
\r
8150 nodeType = elem.nodeType,
\r
8154 if ( nodeType === 1 || nodeType === 9 || nodeType === 11 ) {
\r
8155 // Use textContent || innerText for elements
\r
8156 if ( typeof elem.textContent === 'string' ) {
\r
8157 return elem.textContent;
\r
8158 } else if ( typeof elem.innerText === 'string' ) {
\r
8159 // Replace IE's carriage returns
\r
8160 return elem.innerText.replace( rReturn, '' );
\r
8162 // Traverse it's children
\r
8163 for ( elem = elem.firstChild; elem; elem = elem.nextSibling) {
\r
8164 ret += getText( elem );
\r
8167 } else if ( nodeType === 3 || nodeType === 4 ) {
\r
8168 return elem.nodeValue;
\r
8172 // If no nodeType, this is expected to be an array
\r
8173 for ( i = 0; (node = elem[i]); i++ ) {
\r
8174 // Do not traverse comment nodes
\r
8175 if ( node.nodeType !== 8 ) {
\r
8176 ret += getText( node );
\r
8183 var Expr = Sizzle.selectors = {
\r
8184 order: [ "ID", "NAME", "TAG" ],
\r
8187 ID: /#((?:[\w\u00c0-\uFFFF\-]|\\.)+)/,
\r
8188 CLASS: /\.((?:[\w\u00c0-\uFFFF\-]|\\.)+)/,
\r
8189 NAME: /\[name=['"]*((?:[\w\u00c0-\uFFFF\-]|\\.)+)['"]*\]/,
\r
8190 ATTR: /\[\s*((?:[\w\u00c0-\uFFFF\-]|\\.)+)\s*(?:(\S?=)\s*(?:(['"])(.*?)\3|(#?(?:[\w\u00c0-\uFFFF\-]|\\.)*)|)|)\s*\]/,
\r
8191 TAG: /^((?:[\w\u00c0-\uFFFF\*\-]|\\.)+)/,
\r
8192 CHILD: /:(only|nth|last|first)-child(?:\(\s*(even|odd|(?:[+\-]?\d+|(?:[+\-]?\d*)?n\s*(?:[+\-]\s*\d+)?))\s*\))?/,
\r
8193 POS: /:(nth|eq|gt|lt|first|last|even|odd)(?:\((\d*)\))?(?=[^\-]|$)/,
\r
8194 PSEUDO: /:((?:[\w\u00c0-\uFFFF\-]|\\.)+)(?:\((['"]?)((?:\([^\)]+\)|[^\(\)]*)+)\2\))?/
\r
8200 "class": "className",
\r
8205 href: function( elem ) {
\r
8206 return elem.getAttribute( "href" );
\r
8208 type: function( elem ) {
\r
8209 return elem.getAttribute( "type" );
\r
8214 "+": function(checkSet, part){
\r
8215 var isPartStr = typeof part === "string",
\r
8216 isTag = isPartStr && !rNonWord.test( part ),
\r
8217 isPartStrNotTag = isPartStr && !isTag;
\r
8220 part = part.toLowerCase();
\r
8223 for ( var i = 0, l = checkSet.length, elem; i < l; i++ ) {
\r
8224 if ( (elem = checkSet[i]) ) {
\r
8225 while ( (elem = elem.previousSibling) && elem.nodeType !== 1 ) {}
\r
8227 checkSet[i] = isPartStrNotTag || elem && elem.nodeName.toLowerCase() === part ?
\r
8233 if ( isPartStrNotTag ) {
\r
8234 Sizzle.filter( part, checkSet, true );
\r
8238 ">": function( checkSet, part ) {
\r
8240 isPartStr = typeof part === "string",
\r
8242 l = checkSet.length;
\r
8244 if ( isPartStr && !rNonWord.test( part ) ) {
\r
8245 part = part.toLowerCase();
\r
8247 for ( ; i < l; i++ ) {
\r
8248 elem = checkSet[i];
\r
8251 var parent = elem.parentNode;
\r
8252 checkSet[i] = parent.nodeName.toLowerCase() === part ? parent : false;
\r
8257 for ( ; i < l; i++ ) {
\r
8258 elem = checkSet[i];
\r
8261 checkSet[i] = isPartStr ?
\r
8263 elem.parentNode === part;
\r
8267 if ( isPartStr ) {
\r
8268 Sizzle.filter( part, checkSet, true );
\r
8273 "": function(checkSet, part, isXML){
\r
8275 doneName = done++,
\r
8276 checkFn = dirCheck;
\r
8278 if ( typeof part === "string" && !rNonWord.test( part ) ) {
\r
8279 part = part.toLowerCase();
\r
8281 checkFn = dirNodeCheck;
\r
8284 checkFn( "parentNode", part, doneName, checkSet, nodeCheck, isXML );
\r
8287 "~": function( checkSet, part, isXML ) {
\r
8289 doneName = done++,
\r
8290 checkFn = dirCheck;
\r
8292 if ( typeof part === "string" && !rNonWord.test( part ) ) {
\r
8293 part = part.toLowerCase();
\r
8295 checkFn = dirNodeCheck;
\r
8298 checkFn( "previousSibling", part, doneName, checkSet, nodeCheck, isXML );
\r
8303 ID: function( match, context, isXML ) {
\r
8304 if ( typeof context.getElementById !== "undefined" && !isXML ) {
\r
8305 var m = context.getElementById(match[1]);
\r
8306 // Check parentNode to catch when Blackberry 4.6 returns
\r
8307 // nodes that are no longer in the document #6963
\r
8308 return m && m.parentNode ? [m] : [];
\r
8312 NAME: function( match, context ) {
\r
8313 if ( typeof context.getElementsByName !== "undefined" ) {
\r
8315 results = context.getElementsByName( match[1] );
\r
8317 for ( var i = 0, l = results.length; i < l; i++ ) {
\r
8318 if ( results[i].getAttribute("name") === match[1] ) {
\r
8319 ret.push( results[i] );
\r
8323 return ret.length === 0 ? null : ret;
\r
8327 TAG: function( match, context ) {
\r
8328 if ( typeof context.getElementsByTagName !== "undefined" ) {
\r
8329 return context.getElementsByTagName( match[1] );
\r
8334 CLASS: function( match, curLoop, inplace, result, not, isXML ) {
\r
8335 match = " " + match[1].replace( rBackslash, "" ) + " ";
\r
8341 for ( var i = 0, elem; (elem = curLoop[i]) != null; i++ ) {
\r
8343 if ( not ^ (elem.className && (" " + elem.className + " ").replace(/[\t\n\r]/g, " ").indexOf(match) >= 0) ) {
\r
8345 result.push( elem );
\r
8348 } else if ( inplace ) {
\r
8349 curLoop[i] = false;
\r
8357 ID: function( match ) {
\r
8358 return match[1].replace( rBackslash, "" );
\r
8361 TAG: function( match, curLoop ) {
\r
8362 return match[1].replace( rBackslash, "" ).toLowerCase();
\r
8365 CHILD: function( match ) {
\r
8366 if ( match[1] === "nth" ) {
\r
8367 if ( !match[2] ) {
\r
8368 Sizzle.error( match[0] );
\r
8371 match[2] = match[2].replace(/^\+|\s*/g, '');
\r
8373 // parse equations like 'even', 'odd', '5', '2n', '3n+2', '4n-1', '-n+6'
\r
8374 var test = /(-?)(\d*)(?:n([+\-]?\d*))?/.exec(
\r
8375 match[2] === "even" && "2n" || match[2] === "odd" && "2n+1" ||
\r
8376 !/\D/.test( match[2] ) && "0n+" + match[2] || match[2]);
\r
8378 // calculate the numbers (first)n+(last) including if they are negative
\r
8379 match[2] = (test[1] + (test[2] || 1)) - 0;
\r
8380 match[3] = test[3] - 0;
\r
8382 else if ( match[2] ) {
\r
8383 Sizzle.error( match[0] );
\r
8386 // TODO: Move to normal caching system
\r
8387 match[0] = done++;
\r
8392 ATTR: function( match, curLoop, inplace, result, not, isXML ) {
\r
8393 var name = match[1] = match[1].replace( rBackslash, "" );
\r
8395 if ( !isXML && Expr.attrMap[name] ) {
\r
8396 match[1] = Expr.attrMap[name];
\r
8399 // Handle if an un-quoted value was used
\r
8400 match[4] = ( match[4] || match[5] || "" ).replace( rBackslash, "" );
\r
8402 if ( match[2] === "~=" ) {
\r
8403 match[4] = " " + match[4] + " ";
\r
8409 PSEUDO: function( match, curLoop, inplace, result, not ) {
\r
8410 if ( match[1] === "not" ) {
\r
8411 // If we're dealing with a complex expression, or a simple one
\r
8412 if ( ( chunker.exec(match[3]) || "" ).length > 1 || /^\w/.test(match[3]) ) {
\r
8413 match[3] = Sizzle(match[3], null, null, curLoop);
\r
8416 var ret = Sizzle.filter(match[3], curLoop, inplace, true ^ not);
\r
8419 result.push.apply( result, ret );
\r
8425 } else if ( Expr.match.POS.test( match[0] ) || Expr.match.CHILD.test( match[0] ) ) {
\r
8432 POS: function( match ) {
\r
8433 match.unshift( true );
\r
8440 enabled: function( elem ) {
\r
8441 return elem.disabled === false && elem.type !== "hidden";
\r
8444 disabled: function( elem ) {
\r
8445 return elem.disabled === true;
\r
8448 checked: function( elem ) {
\r
8449 return elem.checked === true;
\r
8452 selected: function( elem ) {
\r
8453 // Accessing this property makes selected-by-default
\r
8454 // options in Safari work properly
\r
8455 if ( elem.parentNode ) {
\r
8456 elem.parentNode.selectedIndex;
\r
8459 return elem.selected === true;
\r
8462 parent: function( elem ) {
\r
8463 return !!elem.firstChild;
\r
8466 empty: function( elem ) {
\r
8467 return !elem.firstChild;
\r
8470 has: function( elem, i, match ) {
\r
8471 return !!Sizzle( match[3], elem ).length;
\r
8474 header: function( elem ) {
\r
8475 return (/h\d/i).test( elem.nodeName );
\r
8478 text: function( elem ) {
\r
8479 var attr = elem.getAttribute( "type" ), type = elem.type;
\r
8480 // IE6 and 7 will map elem.type to 'text' for new HTML5 types (search, etc)
\r
8481 // use getAttribute instead to test this case
\r
8482 return elem.nodeName.toLowerCase() === "input" && "text" === type && ( attr === type || attr === null );
\r
8485 radio: function( elem ) {
\r
8486 return elem.nodeName.toLowerCase() === "input" && "radio" === elem.type;
\r
8489 checkbox: function( elem ) {
\r
8490 return elem.nodeName.toLowerCase() === "input" && "checkbox" === elem.type;
\r
8493 file: function( elem ) {
\r
8494 return elem.nodeName.toLowerCase() === "input" && "file" === elem.type;
\r
8497 password: function( elem ) {
\r
8498 return elem.nodeName.toLowerCase() === "input" && "password" === elem.type;
\r
8501 submit: function( elem ) {
\r
8502 var name = elem.nodeName.toLowerCase();
\r
8503 return (name === "input" || name === "button") && "submit" === elem.type;
\r
8506 image: function( elem ) {
\r
8507 return elem.nodeName.toLowerCase() === "input" && "image" === elem.type;
\r
8510 reset: function( elem ) {
\r
8511 var name = elem.nodeName.toLowerCase();
\r
8512 return (name === "input" || name === "button") && "reset" === elem.type;
\r
8515 button: function( elem ) {
\r
8516 var name = elem.nodeName.toLowerCase();
\r
8517 return name === "input" && "button" === elem.type || name === "button";
\r
8520 input: function( elem ) {
\r
8521 return (/input|select|textarea|button/i).test( elem.nodeName );
\r
8524 focus: function( elem ) {
\r
8525 return elem === elem.ownerDocument.activeElement;
\r
8529 first: function( elem, i ) {
\r
8533 last: function( elem, i, match, array ) {
\r
8534 return i === array.length - 1;
\r
8537 even: function( elem, i ) {
\r
8538 return i % 2 === 0;
\r
8541 odd: function( elem, i ) {
\r
8542 return i % 2 === 1;
\r
8545 lt: function( elem, i, match ) {
\r
8546 return i < match[3] - 0;
\r
8549 gt: function( elem, i, match ) {
\r
8550 return i > match[3] - 0;
\r
8553 nth: function( elem, i, match ) {
\r
8554 return match[3] - 0 === i;
\r
8557 eq: function( elem, i, match ) {
\r
8558 return match[3] - 0 === i;
\r
8562 PSEUDO: function( elem, match, i, array ) {
\r
8563 var name = match[1],
\r
8564 filter = Expr.filters[ name ];
\r
8567 return filter( elem, i, match, array );
\r
8569 } else if ( name === "contains" ) {
\r
8570 return (elem.textContent || elem.innerText || getText([ elem ]) || "").indexOf(match[3]) >= 0;
\r
8572 } else if ( name === "not" ) {
\r
8573 var not = match[3];
\r
8575 for ( var j = 0, l = not.length; j < l; j++ ) {
\r
8576 if ( not[j] === elem ) {
\r
8584 Sizzle.error( name );
\r
8588 CHILD: function( elem, match ) {
\r
8590 doneName, parent, cache,
\r
8598 while ( (node = node.previousSibling) ) {
\r
8599 if ( node.nodeType === 1 ) {
\r
8604 if ( type === "first" ) {
\r
8610 /* falls through */
\r
8612 while ( (node = node.nextSibling) ) {
\r
8613 if ( node.nodeType === 1 ) {
\r
8624 if ( first === 1 && last === 0 ) {
\r
8628 doneName = match[0];
\r
8629 parent = elem.parentNode;
\r
8631 if ( parent && (parent[ expando ] !== doneName || !elem.nodeIndex) ) {
\r
8634 for ( node = parent.firstChild; node; node = node.nextSibling ) {
\r
8635 if ( node.nodeType === 1 ) {
\r
8636 node.nodeIndex = ++count;
\r
8640 parent[ expando ] = doneName;
\r
8643 diff = elem.nodeIndex - last;
\r
8645 if ( first === 0 ) {
\r
8646 return diff === 0;
\r
8649 return ( diff % first === 0 && diff / first >= 0 );
\r
8654 ID: function( elem, match ) {
\r
8655 return elem.nodeType === 1 && elem.getAttribute("id") === match;
\r
8658 TAG: function( elem, match ) {
\r
8659 return (match === "*" && elem.nodeType === 1) || !!elem.nodeName && elem.nodeName.toLowerCase() === match;
\r
8662 CLASS: function( elem, match ) {
\r
8663 return (" " + (elem.className || elem.getAttribute("class")) + " ")
\r
8664 .indexOf( match ) > -1;
\r
8667 ATTR: function( elem, match ) {
\r
8668 var name = match[1],
\r
8669 result = Sizzle.attr ?
\r
8670 Sizzle.attr( elem, name ) :
\r
8671 Expr.attrHandle[ name ] ?
\r
8672 Expr.attrHandle[ name ]( elem ) :
\r
8673 elem[ name ] != null ?
\r
8675 elem.getAttribute( name ),
\r
8676 value = result + "",
\r
8680 return result == null ?
\r
8682 !type && Sizzle.attr ?
\r
8687 value.indexOf(check) >= 0 :
\r
8689 (" " + value + " ").indexOf(check) >= 0 :
\r
8691 value && result !== false :
\r
8695 value.indexOf(check) === 0 :
\r
8697 value.substr(value.length - check.length) === check :
\r
8699 value === check || value.substr(0, check.length + 1) === check + "-" :
\r
8703 POS: function( elem, match, i, array ) {
\r
8704 var name = match[2],
\r
8705 filter = Expr.setFilters[ name ];
\r
8708 return filter( elem, i, match, array );
\r
8714 var origPOS = Expr.match.POS,
\r
8715 fescape = function(all, num){
\r
8716 return "\\" + (num - 0 + 1);
\r
8719 for ( var type in Expr.match ) {
\r
8720 Expr.match[ type ] = new RegExp( Expr.match[ type ].source + (/(?![^\[]*\])(?![^\(]*\))/.source) );
\r
8721 Expr.leftMatch[ type ] = new RegExp( /(^(?:.|\r|\n)*?)/.source + Expr.match[ type ].source.replace(/\\(\d+)/g, fescape) );
\r
8724 // "global" as in regardless of relation to brackets/parens
\r
8725 Expr.match.globalPOS = origPOS;
\r
8727 var makeArray = function( array, results ) {
\r
8728 array = Array.prototype.slice.call( array, 0 );
\r
8731 results.push.apply( results, array );
\r
8738 // Perform a simple check to determine if the browser is capable of
\r
8739 // converting a NodeList to an array using builtin methods.
\r
8740 // Also verifies that the returned array holds DOM nodes
\r
8741 // (which is not the case in the Blackberry browser)
\r
8743 Array.prototype.slice.call( document.documentElement.childNodes, 0 )[0].nodeType;
\r
8745 // Provide a fallback method if it does not work
\r
8747 makeArray = function( array, results ) {
\r
8749 ret = results || [];
\r
8751 if ( toString.call(array) === "[object Array]" ) {
\r
8752 Array.prototype.push.apply( ret, array );
\r
8755 if ( typeof array.length === "number" ) {
\r
8756 for ( var l = array.length; i < l; i++ ) {
\r
8757 ret.push( array[i] );
\r
8761 for ( ; array[i]; i++ ) {
\r
8762 ret.push( array[i] );
\r
8771 var sortOrder, siblingCheck;
\r
8773 if ( document.documentElement.compareDocumentPosition ) {
\r
8774 sortOrder = function( a, b ) {
\r
8776 hasDuplicate = true;
\r
8780 if ( !a.compareDocumentPosition || !b.compareDocumentPosition ) {
\r
8781 return a.compareDocumentPosition ? -1 : 1;
\r
8784 return a.compareDocumentPosition(b) & 4 ? -1 : 1;
\r
8788 sortOrder = function( a, b ) {
\r
8789 // The nodes are identical, we can exit early
\r
8791 hasDuplicate = true;
\r
8794 // Fallback to using sourceIndex (in IE) if it's available on both nodes
\r
8795 } else if ( a.sourceIndex && b.sourceIndex ) {
\r
8796 return a.sourceIndex - b.sourceIndex;
\r
8802 aup = a.parentNode,
\r
8803 bup = b.parentNode,
\r
8806 // If the nodes are siblings (or identical) we can do a quick check
\r
8807 if ( aup === bup ) {
\r
8808 return siblingCheck( a, b );
\r
8810 // If no parents were found then the nodes are disconnected
\r
8811 } else if ( !aup ) {
\r
8814 } else if ( !bup ) {
\r
8818 // Otherwise they're somewhere else in the tree so we need
\r
8819 // to build up a full list of the parentNodes for comparison
\r
8821 ap.unshift( cur );
\r
8822 cur = cur.parentNode;
\r
8828 bp.unshift( cur );
\r
8829 cur = cur.parentNode;
\r
8835 // Start walking down the tree looking for a discrepancy
\r
8836 for ( var i = 0; i < al && i < bl; i++ ) {
\r
8837 if ( ap[i] !== bp[i] ) {
\r
8838 return siblingCheck( ap[i], bp[i] );
\r
8842 // We ended someplace up the tree so do a sibling check
\r
8844 siblingCheck( a, bp[i], -1 ) :
\r
8845 siblingCheck( ap[i], b, 1 );
\r
8848 siblingCheck = function( a, b, ret ) {
\r
8853 var cur = a.nextSibling;
\r
8856 if ( cur === b ) {
\r
8860 cur = cur.nextSibling;
\r
8867 // Check to see if the browser returns elements by name when
\r
8868 // querying by getElementById (and provide a workaround)
\r
8870 // We're going to inject a fake input element with a specified name
\r
8871 var form = document.createElement("div"),
\r
8872 id = "script" + (new Date()).getTime(),
\r
8873 root = document.documentElement;
\r
8875 form.innerHTML = "<a name='" + id + "'/>";
\r
8877 // Inject it into the root element, check its status, and remove it quickly
\r
8878 root.insertBefore( form, root.firstChild );
\r
8880 // The workaround has to do additional checks after a getElementById
\r
8881 // Which slows things down for other browsers (hence the branching)
\r
8882 if ( document.getElementById( id ) ) {
\r
8883 Expr.find.ID = function( match, context, isXML ) {
\r
8884 if ( typeof context.getElementById !== "undefined" && !isXML ) {
\r
8885 var m = context.getElementById(match[1]);
\r
8888 m.id === match[1] || typeof m.getAttributeNode !== "undefined" && m.getAttributeNode("id").nodeValue === match[1] ?
\r
8895 Expr.filter.ID = function( elem, match ) {
\r
8896 var node = typeof elem.getAttributeNode !== "undefined" && elem.getAttributeNode("id");
\r
8898 return elem.nodeType === 1 && node && node.nodeValue === match;
\r
8902 root.removeChild( form );
\r
8904 // release memory in IE
\r
8905 root = form = null;
\r
8909 // Check to see if the browser returns only elements
\r
8910 // when doing getElementsByTagName("*")
\r
8912 // Create a fake element
\r
8913 var div = document.createElement("div");
\r
8914 div.appendChild( document.createComment("") );
\r
8916 // Make sure no comments are found
\r
8917 if ( div.getElementsByTagName("*").length > 0 ) {
\r
8918 Expr.find.TAG = function( match, context ) {
\r
8919 var results = context.getElementsByTagName( match[1] );
\r
8921 // Filter out possible comments
\r
8922 if ( match[1] === "*" ) {
\r
8925 for ( var i = 0; results[i]; i++ ) {
\r
8926 if ( results[i].nodeType === 1 ) {
\r
8927 tmp.push( results[i] );
\r
8938 // Check to see if an attribute returns normalized href attributes
\r
8939 div.innerHTML = "<a href='#'></a>";
\r
8941 if ( div.firstChild && typeof div.firstChild.getAttribute !== "undefined" &&
\r
8942 div.firstChild.getAttribute("href") !== "#" ) {
\r
8944 Expr.attrHandle.href = function( elem ) {
\r
8945 return elem.getAttribute( "href", 2 );
\r
8949 // release memory in IE
\r
8953 if ( document.querySelectorAll ) {
\r
8955 var oldSizzle = Sizzle,
\r
8956 div = document.createElement("div"),
\r
8957 id = "__sizzle__";
\r
8959 div.innerHTML = "<p class='TEST'></p>";
\r
8961 // Safari can't handle uppercase or unicode characters when
\r
8962 // in quirks mode.
\r
8963 if ( div.querySelectorAll && div.querySelectorAll(".TEST").length === 0 ) {
\r
8967 Sizzle = function( query, context, extra, seed ) {
\r
8968 context = context || document;
\r
8970 // Only use querySelectorAll on non-XML documents
\r
8971 // (ID selectors don't work in non-HTML documents)
\r
8972 if ( !seed && !Sizzle.isXML(context) ) {
\r
8973 // See if we find a selector to speed up
\r
8974 var match = /^(\w+$)|^\.([\w\-]+$)|^#([\w\-]+$)/.exec( query );
\r
8976 if ( match && (context.nodeType === 1 || context.nodeType === 9) ) {
\r
8977 // Speed-up: Sizzle("TAG")
\r
8979 return makeArray( context.getElementsByTagName( query ), extra );
\r
8981 // Speed-up: Sizzle(".CLASS")
\r
8982 } else if ( match[2] && Expr.find.CLASS && context.getElementsByClassName ) {
\r
8983 return makeArray( context.getElementsByClassName( match[2] ), extra );
\r
8987 if ( context.nodeType === 9 ) {
\r
8988 // Speed-up: Sizzle("body")
\r
8989 // The body element only exists once, optimize finding it
\r
8990 if ( query === "body" && context.body ) {
\r
8991 return makeArray( [ context.body ], extra );
\r
8993 // Speed-up: Sizzle("#ID")
\r
8994 } else if ( match && match[3] ) {
\r
8995 var elem = context.getElementById( match[3] );
\r
8997 // Check parentNode to catch when Blackberry 4.6 returns
\r
8998 // nodes that are no longer in the document #6963
\r
8999 if ( elem && elem.parentNode ) {
\r
9000 // Handle the case where IE and Opera return items
\r
9001 // by name instead of ID
\r
9002 if ( elem.id === match[3] ) {
\r
9003 return makeArray( [ elem ], extra );
\r
9007 return makeArray( [], extra );
\r
9012 return makeArray( context.querySelectorAll(query), extra );
\r
9013 } catch(qsaError) {}
\r
9015 // qSA works strangely on Element-rooted queries
\r
9016 // We can work around this by specifying an extra ID on the root
\r
9017 // and working up from there (Thanks to Andrew Dupont for the technique)
\r
9018 // IE 8 doesn't work on object elements
\r
9019 } else if ( context.nodeType === 1 && context.nodeName.toLowerCase() !== "object" ) {
\r
9020 var oldContext = context,
\r
9021 old = context.getAttribute( "id" ),
\r
9023 hasParent = context.parentNode,
\r
9024 relativeHierarchySelector = /^\s*[+~]/.test( query );
\r
9027 context.setAttribute( "id", nid );
\r
9029 nid = nid.replace( /'/g, "\\$&" );
\r
9031 if ( relativeHierarchySelector && hasParent ) {
\r
9032 context = context.parentNode;
\r
9036 if ( !relativeHierarchySelector || hasParent ) {
\r
9037 return makeArray( context.querySelectorAll( "[id='" + nid + "'] " + query ), extra );
\r
9040 } catch(pseudoError) {
\r
9043 oldContext.removeAttribute( "id" );
\r
9049 return oldSizzle(query, context, extra, seed);
\r
9052 for ( var prop in oldSizzle ) {
\r
9053 Sizzle[ prop ] = oldSizzle[ prop ];
\r
9056 // release memory in IE
\r
9062 var html = document.documentElement,
\r
9063 matches = html.matchesSelector || html.mozMatchesSelector || html.webkitMatchesSelector || html.msMatchesSelector;
\r
9066 // Check to see if it's possible to do matchesSelector
\r
9067 // on a disconnected node (IE 9 fails this)
\r
9068 var disconnectedMatch = !matches.call( document.createElement( "div" ), "div" ),
\r
9069 pseudoWorks = false;
\r
9072 // This should fail with an exception
\r
9073 // Gecko does not error, returns false instead
\r
9074 matches.call( document.documentElement, "[test!='']:sizzle" );
\r
9076 } catch( pseudoError ) {
\r
9077 pseudoWorks = true;
\r
9080 Sizzle.matchesSelector = function( node, expr ) {
\r
9081 // Make sure that attribute selectors are quoted
\r
9082 expr = expr.replace(/\=\s*([^'"\]]*)\s*\]/g, "='$1']");
\r
9084 if ( !Sizzle.isXML( node ) ) {
\r
9086 if ( pseudoWorks || !Expr.match.PSEUDO.test( expr ) && !/!=/.test( expr ) ) {
\r
9087 var ret = matches.call( node, expr );
\r
9089 // IE 9's matchesSelector returns false on disconnected nodes
\r
9090 if ( ret || !disconnectedMatch ||
\r
9091 // As well, disconnected nodes are said to be in a document
\r
9092 // fragment in IE 9, so check for that
\r
9093 node.document && node.document.nodeType !== 11 ) {
\r
9100 return Sizzle(expr, null, null, [node]).length > 0;
\r
9106 var div = document.createElement("div");
\r
9108 div.innerHTML = "<div class='test e'></div><div class='test'></div>";
\r
9110 // Opera can't find a second classname (in 9.6)
\r
9111 // Also, make sure that getElementsByClassName actually exists
\r
9112 if ( !div.getElementsByClassName || div.getElementsByClassName("e").length === 0 ) {
\r
9116 // Safari caches class attributes, doesn't catch changes (in 3.2)
\r
9117 div.lastChild.className = "e";
\r
9119 if ( div.getElementsByClassName("e").length === 1 ) {
\r
9123 Expr.order.splice(1, 0, "CLASS");
\r
9124 Expr.find.CLASS = function( match, context, isXML ) {
\r
9125 if ( typeof context.getElementsByClassName !== "undefined" && !isXML ) {
\r
9126 return context.getElementsByClassName(match[1]);
\r
9130 // release memory in IE
\r
9134 function dirNodeCheck( dir, cur, doneName, checkSet, nodeCheck, isXML ) {
\r
9135 for ( var i = 0, l = checkSet.length; i < l; i++ ) {
\r
9136 var elem = checkSet[i];
\r
9139 var match = false;
\r
9144 if ( elem[ expando ] === doneName ) {
\r
9145 match = checkSet[elem.sizset];
\r
9149 if ( elem.nodeType === 1 && !isXML ){
\r
9150 elem[ expando ] = doneName;
\r
9154 if ( elem.nodeName.toLowerCase() === cur ) {
\r
9162 checkSet[i] = match;
\r
9167 function dirCheck( dir, cur, doneName, checkSet, nodeCheck, isXML ) {
\r
9168 for ( var i = 0, l = checkSet.length; i < l; i++ ) {
\r
9169 var elem = checkSet[i];
\r
9172 var match = false;
\r
9177 if ( elem[ expando ] === doneName ) {
\r
9178 match = checkSet[elem.sizset];
\r
9182 if ( elem.nodeType === 1 ) {
\r
9184 elem[ expando ] = doneName;
\r
9188 if ( typeof cur !== "string" ) {
\r
9189 if ( elem === cur ) {
\r
9194 } else if ( Sizzle.filter( cur, [elem] ).length > 0 ) {
\r
9203 checkSet[i] = match;
\r
9208 if ( document.documentElement.contains ) {
\r
9209 Sizzle.contains = function( a, b ) {
\r
9210 return a !== b && (a.contains ? a.contains(b) : true);
\r
9213 } else if ( document.documentElement.compareDocumentPosition ) {
\r
9214 Sizzle.contains = function( a, b ) {
\r
9215 return !!(a.compareDocumentPosition(b) & 16);
\r
9219 Sizzle.contains = function() {
\r
9224 Sizzle.isXML = function( elem ) {
\r
9225 // documentElement is verified for cases where it doesn't yet exist
\r
9226 // (such as loading iframes in IE - #4833)
\r
9227 var documentElement = (elem ? elem.ownerDocument || elem : 0).documentElement;
\r
9229 return documentElement ? documentElement.nodeName !== "HTML" : false;
\r
9232 var posProcess = function( selector, context, seed ) {
\r
9236 root = context.nodeType ? [context] : context;
\r
9238 // Position selectors must be done after the filter
\r
9239 // And so must :not(positional) so we move all PSEUDOs to the end
\r
9240 while ( (match = Expr.match.PSEUDO.exec( selector )) ) {
\r
9241 later += match[0];
\r
9242 selector = selector.replace( Expr.match.PSEUDO, "" );
\r
9245 selector = Expr.relative[selector] ? selector + "*" : selector;
\r
9247 for ( var i = 0, l = root.length; i < l; i++ ) {
\r
9248 Sizzle( selector, root[i], tmpSet, seed );
\r
9251 return Sizzle.filter( later, tmpSet );
\r
9256 window.tinymce.dom.Sizzle = Sizzle;
\r
9261 (function(tinymce) {
\r
9262 tinymce.dom.Element = function(id, settings) {
\r
9263 var t = this, dom, el;
\r
9265 t.settings = settings = settings || {};
\r
9267 t.dom = dom = settings.dom || tinymce.DOM;
\r
9269 // Only IE leaks DOM references, this is a lot faster
\r
9270 if (!tinymce.isIE)
\r
9271 el = dom.get(t.id);
\r
9274 ('getPos,getRect,getParent,add,setStyle,getStyle,setStyles,' +
\r
9275 'setAttrib,setAttribs,getAttrib,addClass,removeClass,' +
\r
9276 'hasClass,getOuterHTML,setOuterHTML,remove,show,hide,' +
\r
9277 'isHidden,setHTML,get').split(/,/), function(k) {
\r
9278 t[k] = function() {
\r
9281 for (i = 0; i < arguments.length; i++)
\r
9282 a.push(arguments[i]);
\r
9284 a = dom[k].apply(dom, a);
\r
9292 tinymce.extend(t, {
\r
9293 on : function(n, f, s) {
\r
9294 return tinymce.dom.Event.add(t.id, n, f, s);
\r
9297 getXY : function() {
\r
9299 x : parseInt(t.getStyle('left')),
\r
9300 y : parseInt(t.getStyle('top'))
\r
9304 getSize : function() {
\r
9305 var n = dom.get(t.id);
\r
9308 w : parseInt(t.getStyle('width') || n.clientWidth),
\r
9309 h : parseInt(t.getStyle('height') || n.clientHeight)
\r
9313 moveTo : function(x, y) {
\r
9314 t.setStyles({left : x, top : y});
\r
9317 moveBy : function(x, y) {
\r
9318 var p = t.getXY();
\r
9320 t.moveTo(p.x + x, p.y + y);
\r
9323 resizeTo : function(w, h) {
\r
9324 t.setStyles({width : w, height : h});
\r
9327 resizeBy : function(w, h) {
\r
9328 var s = t.getSize();
\r
9330 t.resizeTo(s.w + w, s.h + h);
\r
9333 update : function(k) {
\r
9336 if (tinymce.isIE6 && settings.blocker) {
\r
9340 if (k.indexOf('get') === 0 || k.indexOf('has') === 0 || k.indexOf('is') === 0)
\r
9343 // Remove blocker on remove
\r
9344 if (k == 'remove') {
\r
9345 dom.remove(t.blocker);
\r
9350 t.blocker = dom.uniqueId();
\r
9351 b = dom.add(settings.container || dom.getRoot(), 'iframe', {id : t.blocker, style : 'position:absolute;', frameBorder : 0, src : 'javascript:""'});
\r
9352 dom.setStyle(b, 'opacity', 0);
\r
9354 b = dom.get(t.blocker);
\r
9356 dom.setStyles(b, {
\r
9357 left : t.getStyle('left', 1),
\r
9358 top : t.getStyle('top', 1),
\r
9359 width : t.getStyle('width', 1),
\r
9360 height : t.getStyle('height', 1),
\r
9361 display : t.getStyle('display', 1),
\r
9362 zIndex : parseInt(t.getStyle('zIndex', 1) || 0) - 1
\r
9370 (function(tinymce) {
\r
9371 function trimNl(s) {
\r
9372 return s.replace(/[\n\r]+/g, '');
\r
9376 var is = tinymce.is, isIE = tinymce.isIE, each = tinymce.each, TreeWalker = tinymce.dom.TreeWalker;
\r
9378 tinymce.create('tinymce.dom.Selection', {
\r
9379 Selection : function(dom, win, serializer, editor) {
\r
9384 t.serializer = serializer;
\r
9385 t.editor = editor;
\r
9389 'onBeforeSetContent',
\r
9391 'onBeforeGetContent',
\r
9397 t[e] = new tinymce.util.Dispatcher(t);
\r
9400 // No W3C Range support
\r
9401 if (!t.win.getSelection)
\r
9402 t.tridentSel = new tinymce.dom.TridentSelection(t);
\r
9404 if (tinymce.isIE && ! tinymce.isIE11 && dom.boxModel)
\r
9405 this._fixIESelection();
\r
9408 tinymce.addUnload(t.destroy, t);
\r
9411 setCursorLocation: function(node, offset) {
\r
9412 var t = this; var r = t.dom.createRng();
\r
9413 r.setStart(node, offset);
\r
9414 r.setEnd(node, offset);
\r
9416 t.collapse(false);
\r
9418 getContent : function(s) {
\r
9419 var t = this, r = t.getRng(), e = t.dom.create("body"), se = t.getSel(), wb, wa, n;
\r
9424 s.format = s.format || 'html';
\r
9425 s.forced_root_block = '';
\r
9426 t.onBeforeGetContent.dispatch(t, s);
\r
9428 if (s.format == 'text')
\r
9429 return t.isCollapsed() ? '' : (r.text || (se.toString ? se.toString() : ''));
\r
9431 if (r.cloneContents) {
\r
9432 n = r.cloneContents();
\r
9436 } else if (is(r.item) || is(r.htmlText)) {
\r
9437 // IE will produce invalid markup if elements are present that
\r
9438 // it doesn't understand like custom elements or HTML5 elements.
\r
9439 // Adding a BR in front of the contents and then remoiving it seems to fix it though.
\r
9440 e.innerHTML = '<br>' + (r.item ? r.item(0).outerHTML : r.htmlText);
\r
9441 e.removeChild(e.firstChild);
\r
9443 e.innerHTML = r.toString();
\r
9445 // Keep whitespace before and after
\r
9446 if (/^\s/.test(e.innerHTML))
\r
9449 if (/\s+$/.test(e.innerHTML))
\r
9452 s.getInner = true;
\r
9454 s.content = t.isCollapsed() ? '' : wb + t.serializer.serialize(e, s) + wa;
\r
9455 t.onGetContent.dispatch(t, s);
\r
9460 setContent : function(content, args) {
\r
9461 var self = this, rng = self.getRng(), caretNode, doc = self.win.document, frag, temp;
\r
9463 args = args || {format : 'html'};
\r
9465 content = args.content = content;
\r
9467 // Dispatch before set content event
\r
9468 if (!args.no_events)
\r
9469 self.onBeforeSetContent.dispatch(self, args);
\r
9471 content = args.content;
\r
9473 if (rng.insertNode) {
\r
9474 // Make caret marker since insertNode places the caret in the beginning of text after insert
\r
9475 content += '<span id="__caret">_</span>';
\r
9477 // Delete and insert new node
\r
9478 if (rng.startContainer == doc && rng.endContainer == doc) {
\r
9479 // WebKit will fail if the body is empty since the range is then invalid and it can't insert contents
\r
9480 doc.body.innerHTML = content;
\r
9482 rng.deleteContents();
\r
9484 if (doc.body.childNodes.length === 0) {
\r
9485 doc.body.innerHTML = content;
\r
9487 // createContextualFragment doesn't exists in IE 9 DOMRanges
\r
9488 if (rng.createContextualFragment) {
\r
9489 rng.insertNode(rng.createContextualFragment(content));
\r
9491 // Fake createContextualFragment call in IE 9
\r
9492 frag = doc.createDocumentFragment();
\r
9493 temp = doc.createElement('div');
\r
9495 frag.appendChild(temp);
\r
9496 temp.outerHTML = content;
\r
9498 rng.insertNode(frag);
\r
9503 // Move to caret marker
\r
9504 caretNode = self.dom.get('__caret');
\r
9506 // Make sure we wrap it compleatly, Opera fails with a simple select call
\r
9507 rng = doc.createRange();
\r
9508 rng.setStartBefore(caretNode);
\r
9509 rng.setEndBefore(caretNode);
\r
9512 // Remove the caret position
\r
9513 self.dom.remove('__caret');
\r
9518 // Might fail on Opera for some odd reason
\r
9522 // Delete content and get caret text selection
\r
9523 doc.execCommand('Delete', false, null);
\r
9524 rng = self.getRng();
\r
9527 // Explorer removes spaces from the beginning of pasted contents
\r
9528 if (/^\s+/.test(content)) {
\r
9529 rng.pasteHTML('<span id="__mce_tmp">_</span>' + content);
\r
9530 self.dom.remove('__mce_tmp');
\r
9532 rng.pasteHTML(content);
\r
9535 // Dispatch set content event
\r
9536 if (!args.no_events)
\r
9537 self.onSetContent.dispatch(self, args);
\r
9540 getStart : function() {
\r
9541 var self = this, rng = self.getRng(), startElement, parentElement, checkRng, node;
\r
9543 if (rng.duplicate || rng.item) {
\r
9544 // Control selection, return first item
\r
9546 return rng.item(0);
\r
9548 // Get start element
\r
9549 checkRng = rng.duplicate();
\r
9550 checkRng.collapse(1);
\r
9551 startElement = checkRng.parentElement();
\r
9552 if (startElement.ownerDocument !== self.dom.doc) {
\r
9553 startElement = self.dom.getRoot();
\r
9556 // Check if range parent is inside the start element, then return the inner parent element
\r
9557 // This will fix issues when a single element is selected, IE would otherwise return the wrong start element
\r
9558 parentElement = node = rng.parentElement();
\r
9559 while (node = node.parentNode) {
\r
9560 if (node == startElement) {
\r
9561 startElement = parentElement;
\r
9566 return startElement;
\r
9568 startElement = rng.startContainer;
\r
9570 if (startElement.nodeType == 1 && startElement.hasChildNodes())
\r
9571 startElement = startElement.childNodes[Math.min(startElement.childNodes.length - 1, rng.startOffset)];
\r
9573 if (startElement && startElement.nodeType == 3)
\r
9574 return startElement.parentNode;
\r
9576 return startElement;
\r
9580 getEnd : function() {
\r
9581 var self = this, rng = self.getRng(), endElement, endOffset;
\r
9583 if (rng.duplicate || rng.item) {
\r
9585 return rng.item(0);
\r
9587 rng = rng.duplicate();
\r
9589 endElement = rng.parentElement();
\r
9590 if (endElement.ownerDocument !== self.dom.doc) {
\r
9591 endElement = self.dom.getRoot();
\r
9594 if (endElement && endElement.nodeName == 'BODY')
\r
9595 return endElement.lastChild || endElement;
\r
9597 return endElement;
\r
9599 endElement = rng.endContainer;
\r
9600 endOffset = rng.endOffset;
\r
9602 if (endElement.nodeType == 1 && endElement.hasChildNodes())
\r
9603 endElement = endElement.childNodes[endOffset > 0 ? endOffset - 1 : endOffset];
\r
9605 if (endElement && endElement.nodeType == 3)
\r
9606 return endElement.parentNode;
\r
9608 return endElement;
\r
9612 getBookmark : function(type, normalized) {
\r
9613 var t = this, dom = t.dom, rng, rng2, id, collapsed, name, element, index, chr = '\uFEFF', styles;
\r
9615 function findIndex(name, element) {
\r
9618 each(dom.select(name), function(node, i) {
\r
9619 if (node == element)
\r
9626 function normalizeTableCellSelection(rng) {
\r
9627 function moveEndPoint(start) {
\r
9628 var container, offset, childNodes, prefix = start ? 'start' : 'end';
\r
9630 container = rng[prefix + 'Container'];
\r
9631 offset = rng[prefix + 'Offset'];
\r
9633 if (container.nodeType == 1 && container.nodeName == "TR") {
\r
9634 childNodes = container.childNodes;
\r
9635 container = childNodes[Math.min(start ? offset : offset - 1, childNodes.length - 1)];
\r
9637 offset = start ? 0 : container.childNodes.length;
\r
9638 rng['set' + (start ? 'Start' : 'End')](container, offset);
\r
9643 moveEndPoint(true);
\r
9649 function getLocation() {
\r
9650 var rng = t.getRng(true), root = dom.getRoot(), bookmark = {};
\r
9652 function getPoint(rng, start) {
\r
9653 var container = rng[start ? 'startContainer' : 'endContainer'],
\r
9654 offset = rng[start ? 'startOffset' : 'endOffset'], point = [], node, childNodes, after = 0;
\r
9656 if (container.nodeType == 3) {
\r
9658 for (node = container.previousSibling; node && node.nodeType == 3; node = node.previousSibling)
\r
9659 offset += node.nodeValue.length;
\r
9662 point.push(offset);
\r
9664 childNodes = container.childNodes;
\r
9666 if (offset >= childNodes.length && childNodes.length) {
\r
9668 offset = Math.max(0, childNodes.length - 1);
\r
9671 point.push(t.dom.nodeIndex(childNodes[offset], normalized) + after);
\r
9674 for (; container && container != root; container = container.parentNode)
\r
9675 point.push(t.dom.nodeIndex(container, normalized));
\r
9680 bookmark.start = getPoint(rng, true);
\r
9682 if (!t.isCollapsed())
\r
9683 bookmark.end = getPoint(rng);
\r
9690 return t.tridentSel.getBookmark(type);
\r
9692 return getLocation();
\r
9695 // Handle simple range
\r
9699 if (rng.setStart) {
\r
9701 startContainer: rng.startContainer,
\r
9702 startOffset: rng.startOffset,
\r
9703 endContainer: rng.endContainer,
\r
9704 endOffset: rng.endOffset
\r
9708 return {rng : rng};
\r
9712 id = dom.uniqueId();
\r
9713 collapsed = tinyMCE.activeEditor.selection.isCollapsed();
\r
9714 styles = 'overflow:hidden;line-height:0px';
\r
9716 // Explorer method
\r
9717 if (rng.duplicate || rng.item) {
\r
9720 rng2 = rng.duplicate();
\r
9723 // Insert start marker
\r
9725 rng.pasteHTML('<span data-mce-type="bookmark" id="' + id + '_start" style="' + styles + '">' + chr + '</span>');
\r
9727 // Insert end marker
\r
9729 rng2.collapse(false);
\r
9731 // Detect the empty space after block elements in IE and move the end back one character <p></p>] becomes <p>]</p>
\r
9732 rng.moveToElementText(rng2.parentElement());
\r
9733 if (rng.compareEndPoints('StartToEnd', rng2) === 0)
\r
9734 rng2.move('character', -1);
\r
9736 rng2.pasteHTML('<span data-mce-type="bookmark" id="' + id + '_end" style="' + styles + '">' + chr + '</span>');
\r
9739 // IE might throw unspecified error so lets ignore it
\r
9743 // Control selection
\r
9744 element = rng.item(0);
\r
9745 name = element.nodeName;
\r
9747 return {name : name, index : findIndex(name, element)};
\r
9750 element = t.getNode();
\r
9751 name = element.nodeName;
\r
9752 if (name == 'IMG')
\r
9753 return {name : name, index : findIndex(name, element)};
\r
9756 rng2 = normalizeTableCellSelection(rng.cloneRange());
\r
9758 // Insert end marker
\r
9760 rng2.collapse(false);
\r
9761 rng2.insertNode(dom.create('span', {'data-mce-type' : "bookmark", id : id + '_end', style : styles}, chr));
\r
9764 rng = normalizeTableCellSelection(rng);
\r
9765 rng.collapse(true);
\r
9766 rng.insertNode(dom.create('span', {'data-mce-type' : "bookmark", id : id + '_start', style : styles}, chr));
\r
9769 t.moveToBookmark({id : id, keep : 1});
\r
9774 moveToBookmark : function(bookmark) {
\r
9775 var t = this, dom = t.dom, marker1, marker2, rng, rng2, root, startContainer, endContainer, startOffset, endOffset;
\r
9777 function setEndPoint(start) {
\r
9778 var point = bookmark[start ? 'start' : 'end'], i, node, offset, children;
\r
9781 offset = point[0];
\r
9783 // Find container node
\r
9784 for (node = root, i = point.length - 1; i >= 1; i--) {
\r
9785 children = node.childNodes;
\r
9787 if (point[i] > children.length - 1)
\r
9790 node = children[point[i]];
\r
9793 // Move text offset to best suitable location
\r
9794 if (node.nodeType === 3)
\r
9795 offset = Math.min(point[0], node.nodeValue.length);
\r
9797 // Move element offset to best suitable location
\r
9798 if (node.nodeType === 1)
\r
9799 offset = Math.min(point[0], node.childNodes.length);
\r
9801 // Set offset within container node
\r
9803 rng.setStart(node, offset);
\r
9805 rng.setEnd(node, offset);
\r
9811 function restoreEndPoint(suffix) {
\r
9812 var marker = dom.get(bookmark.id + '_' + suffix), node, idx, next, prev, keep = bookmark.keep;
\r
9815 node = marker.parentNode;
\r
9817 if (suffix == 'start') {
\r
9819 idx = dom.nodeIndex(marker);
\r
9821 node = marker.firstChild;
\r
9825 startContainer = endContainer = node;
\r
9826 startOffset = endOffset = idx;
\r
9829 idx = dom.nodeIndex(marker);
\r
9831 node = marker.firstChild;
\r
9835 endContainer = node;
\r
9840 prev = marker.previousSibling;
\r
9841 next = marker.nextSibling;
\r
9843 // Remove all marker text nodes
\r
9844 each(tinymce.grep(marker.childNodes), function(node) {
\r
9845 if (node.nodeType == 3)
\r
9846 node.nodeValue = node.nodeValue.replace(/\uFEFF/g, '');
\r
9849 // Remove marker but keep children if for example contents where inserted into the marker
\r
9850 // Also remove duplicated instances of the marker for example by a split operation or by WebKit auto split on paste feature
\r
9851 while (marker = dom.get(bookmark.id + '_' + suffix))
\r
9852 dom.remove(marker, 1);
\r
9854 // If siblings are text nodes then merge them unless it's Opera since it some how removes the node
\r
9855 // and we are sniffing since adding a lot of detection code for a browser with 3% of the market isn't worth the effort. Sorry, Opera but it's just a fact
\r
9856 if (prev && next && prev.nodeType == next.nodeType && prev.nodeType == 3 && !tinymce.isOpera) {
\r
9857 idx = prev.nodeValue.length;
\r
9858 prev.appendData(next.nodeValue);
\r
9861 if (suffix == 'start') {
\r
9862 startContainer = endContainer = prev;
\r
9863 startOffset = endOffset = idx;
\r
9865 endContainer = prev;
\r
9873 function addBogus(node) {
\r
9874 // Adds a bogus BR element for empty block elements
\r
9875 if (dom.isBlock(node) && !node.innerHTML && !isIE)
\r
9876 node.innerHTML = '<br data-mce-bogus="1" />';
\r
9882 if (bookmark.start) {
\r
9883 rng = dom.createRng();
\r
9884 root = dom.getRoot();
\r
9887 return t.tridentSel.moveToBookmark(bookmark);
\r
9889 if (setEndPoint(true) && setEndPoint()) {
\r
9892 } else if (bookmark.id) {
\r
9893 // Restore start/end points
\r
9894 restoreEndPoint('start');
\r
9895 restoreEndPoint('end');
\r
9897 if (startContainer) {
\r
9898 rng = dom.createRng();
\r
9899 rng.setStart(addBogus(startContainer), startOffset);
\r
9900 rng.setEnd(addBogus(endContainer), endOffset);
\r
9903 } else if (bookmark.name) {
\r
9904 t.select(dom.select(bookmark.name)[bookmark.index]);
\r
9905 } else if (bookmark.rng) {
\r
9906 rng = bookmark.rng;
\r
9908 if (rng.startContainer) {
\r
9909 rng2 = t.dom.createRng();
\r
9912 rng2.setStart(rng.startContainer, rng.startOffset);
\r
9913 rng2.setEnd(rng.endContainer, rng.endOffset);
\r
9915 // Might fail with index error
\r
9926 select : function(node, content) {
\r
9927 var t = this, dom = t.dom, rng = dom.createRng(), idx;
\r
9929 function setPoint(node, start) {
\r
9930 var walker = new TreeWalker(node, node);
\r
9934 if (node.nodeType == 3 && tinymce.trim(node.nodeValue).length !== 0) {
\r
9936 rng.setStart(node, 0);
\r
9938 rng.setEnd(node, node.nodeValue.length);
\r
9944 if (node.nodeName == 'BR') {
\r
9946 rng.setStartBefore(node);
\r
9948 rng.setEndBefore(node);
\r
9952 } while (node = (start ? walker.next() : walker.prev()));
\r
9956 idx = dom.nodeIndex(node);
\r
9957 rng.setStart(node.parentNode, idx);
\r
9958 rng.setEnd(node.parentNode, idx + 1);
\r
9960 // Find first/last text node or BR element
\r
9962 setPoint(node, 1);
\r
9972 isCollapsed : function() {
\r
9973 var t = this, r = t.getRng(), s = t.getSel();
\r
9978 if (r.compareEndPoints)
\r
9979 return r.compareEndPoints('StartToEnd', r) === 0;
\r
9981 return !s || r.collapsed;
\r
9984 collapse : function(to_start) {
\r
9985 var self = this, rng = self.getRng(), node;
\r
9987 // Control range on IE
\r
9989 node = rng.item(0);
\r
9990 rng = self.win.document.body.createTextRange();
\r
9991 rng.moveToElementText(node);
\r
9994 rng.collapse(!!to_start);
\r
9998 getSel : function() {
\r
9999 var t = this, w = this.win;
\r
10001 return w.getSelection ? w.getSelection() : w.document.selection;
\r
10004 getRng : function(w3c) {
\r
10005 var self = this, selection, rng, elm, doc = self.win.document;
\r
10007 // Workaround for IE 11 not being able to select images properly see #6613 see quirk fix
\r
10008 if (self.fakeRng) {
\r
10009 return self.fakeRng;
\r
10012 // Found tridentSel object then we need to use that one
\r
10013 if (w3c && self.tridentSel) {
\r
10014 return self.tridentSel.getRangeAt(0);
\r
10018 if (selection = self.getSel()) {
\r
10019 rng = selection.rangeCount > 0 ? selection.getRangeAt(0) : (selection.createRange ? selection.createRange() : doc.createRange());
\r
10022 // IE throws unspecified error here if TinyMCE is placed in a frame/iframe
\r
10025 // We have W3C ranges and it's IE then fake control selection since IE9 doesn't handle that correctly yet
\r
10026 if (tinymce.isIE && ! tinymce.isIE11 && rng && rng.setStart && doc.selection.createRange().item) {
\r
10027 elm = doc.selection.createRange().item(0);
\r
10028 rng = doc.createRange();
\r
10029 rng.setStartBefore(elm);
\r
10030 rng.setEndAfter(elm);
\r
10033 // No range found then create an empty one
\r
10034 // This can occur when the editor is placed in a hidden container element on Gecko
\r
10035 // Or on IE when there was an exception
\r
10037 rng = doc.createRange ? doc.createRange() : doc.body.createTextRange();
\r
10040 // If range is at start of document then move it to start of body
\r
10041 if (rng.setStart && rng.startContainer.nodeType === 9 && rng.collapsed) {
\r
10042 elm = self.dom.getRoot();
\r
10043 rng.setStart(elm, 0);
\r
10044 rng.setEnd(elm, 0);
\r
10047 if (self.selectedRange && self.explicitRange) {
\r
10048 if (rng.compareBoundaryPoints(rng.START_TO_START, self.selectedRange) === 0 && rng.compareBoundaryPoints(rng.END_TO_END, self.selectedRange) === 0) {
\r
10049 // Safari, Opera and Chrome only ever select text which causes the range to change.
\r
10050 // This lets us use the originally set range if the selection hasn't been changed by the user.
\r
10051 rng = self.explicitRange;
\r
10053 self.selectedRange = null;
\r
10054 self.explicitRange = null;
\r
10061 setRng : function(r, forward) {
\r
10064 if (!t.tridentSel) {
\r
10068 t.explicitRange = r;
\r
10071 s.removeAllRanges();
\r
10073 // IE9 might throw errors here don't know why
\r
10078 // Forward is set to false and we have an extend function
\r
10079 if (forward === false && s.extend) {
\r
10080 s.collapse(r.endContainer, r.endOffset);
\r
10081 s.extend(r.startContainer, r.startOffset);
\r
10084 // adding range isn't always successful so we need to check range count otherwise an exception can occur
\r
10085 t.selectedRange = s.rangeCount > 0 ? s.getRangeAt(0) : null;
\r
10089 if (r.cloneRange) {
\r
10091 t.tridentSel.addRange(r);
\r
10094 //IE9 throws an error here if called before selection is placed in the editor
\r
10098 // Is IE specific range
\r
10102 // Needed for some odd IE bug #1843306
\r
10107 setNode : function(n) {
\r
10110 t.setContent(t.dom.getOuterHTML(n));
\r
10115 getNode : function() {
\r
10116 var t = this, rng = t.getRng(), sel = t.getSel(), elm, start = rng.startContainer, end = rng.endContainer;
\r
10118 function skipEmptyTextNodes(n, forwards) {
\r
10120 while (n && n.nodeType === 3 && n.length === 0) {
\r
10121 n = forwards ? n.nextSibling : n.previousSibling;
\r
10123 return n || orig;
\r
10126 // Range maybe lost after the editor is made visible again
\r
10128 return t.dom.getRoot();
\r
10130 if (rng.setStart) {
\r
10131 elm = rng.commonAncestorContainer;
\r
10133 // Handle selection a image or other control like element such as anchors
\r
10134 if (!rng.collapsed) {
\r
10135 if (rng.startContainer == rng.endContainer) {
\r
10136 if (rng.endOffset - rng.startOffset < 2) {
\r
10137 if (rng.startContainer.hasChildNodes())
\r
10138 elm = rng.startContainer.childNodes[rng.startOffset];
\r
10142 // If the anchor node is a element instead of a text node then return this element
\r
10143 //if (tinymce.isWebKit && sel.anchorNode && sel.anchorNode.nodeType == 1)
\r
10144 // return sel.anchorNode.childNodes[sel.anchorOffset];
\r
10146 // Handle cases where the selection is immediately wrapped around a node and return that node instead of it's parent.
\r
10147 // This happens when you double click an underlined word in FireFox.
\r
10148 if (start.nodeType === 3 && end.nodeType === 3) {
\r
10149 if (start.length === rng.startOffset) {
\r
10150 start = skipEmptyTextNodes(start.nextSibling, true);
\r
10152 start = start.parentNode;
\r
10154 if (rng.endOffset === 0) {
\r
10155 end = skipEmptyTextNodes(end.previousSibling, false);
\r
10157 end = end.parentNode;
\r
10160 if (start && start === end)
\r
10165 if (elm && elm.nodeType == 3)
\r
10166 return elm.parentNode;
\r
10171 return rng.item ? rng.item(0) : rng.parentElement();
\r
10174 getSelectedBlocks : function(st, en) {
\r
10175 var t = this, dom = t.dom, sb, eb, n, bl = [];
\r
10177 sb = dom.getParent(st || t.getStart(), dom.isBlock);
\r
10178 eb = dom.getParent(en || t.getEnd(), dom.isBlock);
\r
10183 if (sb && eb && sb != eb) {
\r
10186 var walker = new TreeWalker(sb, dom.getRoot());
\r
10187 while ((n = walker.next()) && n != eb) {
\r
10188 if (dom.isBlock(n))
\r
10193 if (eb && sb != eb)
\r
10199 isForward: function(){
\r
10200 var dom = this.dom, sel = this.getSel(), anchorRange, focusRange;
\r
10202 // No support for selection direction then always return true
\r
10203 if (!sel || sel.anchorNode == null || sel.focusNode == null) {
\r
10207 anchorRange = dom.createRng();
\r
10208 anchorRange.setStart(sel.anchorNode, sel.anchorOffset);
\r
10209 anchorRange.collapse(true);
\r
10211 focusRange = dom.createRng();
\r
10212 focusRange.setStart(sel.focusNode, sel.focusOffset);
\r
10213 focusRange.collapse(true);
\r
10215 return anchorRange.compareBoundaryPoints(anchorRange.START_TO_START, focusRange) <= 0;
\r
10218 normalize : function() {
\r
10219 var self = this, rng, normalized, collapsed, node, sibling;
\r
10221 function normalizeEndPoint(start) {
\r
10222 var container, offset, walker, dom = self.dom, body = dom.getRoot(), node, nonEmptyElementsMap, nodeName;
\r
10224 function hasBrBeforeAfter(node, left) {
\r
10225 var walker = new TreeWalker(node, dom.getParent(node.parentNode, dom.isBlock) || body);
\r
10227 while (node = walker[left ? 'prev' : 'next']()) {
\r
10228 if (node.nodeName === "BR") {
\r
10234 // Walks the dom left/right to find a suitable text node to move the endpoint into
\r
10235 // It will only walk within the current parent block or body and will stop if it hits a block or a BR/IMG
\r
10236 function findTextNodeRelative(left, startNode) {
\r
10237 var walker, lastInlineElement;
\r
10239 startNode = startNode || container;
\r
10240 walker = new TreeWalker(startNode, dom.getParent(startNode.parentNode, dom.isBlock) || body);
\r
10242 // Walk left until we hit a text node we can move to or a block/br/img
\r
10243 while (node = walker[left ? 'prev' : 'next']()) {
\r
10244 // Found text node that has a length
\r
10245 if (node.nodeType === 3 && node.nodeValue.length > 0) {
\r
10246 container = node;
\r
10247 offset = left ? node.nodeValue.length : 0;
\r
10248 normalized = true;
\r
10252 // Break if we find a block or a BR/IMG/INPUT etc
\r
10253 if (dom.isBlock(node) || nonEmptyElementsMap[node.nodeName.toLowerCase()]) {
\r
10257 lastInlineElement = node;
\r
10260 // Only fetch the last inline element when in caret mode for now
\r
10261 if (collapsed && lastInlineElement) {
\r
10262 container = lastInlineElement;
\r
10263 normalized = true;
\r
10268 container = rng[(start ? 'start' : 'end') + 'Container'];
\r
10269 offset = rng[(start ? 'start' : 'end') + 'Offset'];
\r
10270 nonEmptyElementsMap = dom.schema.getNonEmptyElements();
\r
10272 // If the container is a document move it to the body element
\r
10273 if (container.nodeType === 9) {
\r
10274 container = dom.getRoot();
\r
10278 // If the container is body try move it into the closest text node or position
\r
10279 if (container === body) {
\r
10280 // If start is before/after a image, table etc
\r
10282 node = container.childNodes[offset > 0 ? offset - 1 : 0];
\r
10284 nodeName = node.nodeName.toLowerCase();
\r
10285 if (nonEmptyElementsMap[node.nodeName] || node.nodeName == "TABLE") {
\r
10291 // Resolve the index
\r
10292 if (container.hasChildNodes()) {
\r
10293 container = container.childNodes[Math.min(!start && offset > 0 ? offset - 1 : offset, container.childNodes.length - 1)];
\r
10296 // Don't walk into elements that doesn't have any child nodes like a IMG
\r
10297 if (container.hasChildNodes() && !/TABLE/.test(container.nodeName)) {
\r
10298 // Walk the DOM to find a text node to place the caret at or a BR
\r
10299 node = container;
\r
10300 walker = new TreeWalker(container, body);
\r
10303 // Found a text node use that position
\r
10304 if (node.nodeType === 3 && node.nodeValue.length > 0) {
\r
10305 offset = start ? 0 : node.nodeValue.length;
\r
10306 container = node;
\r
10307 normalized = true;
\r
10311 // Found a BR/IMG element that we can place the caret before
\r
10312 if (nonEmptyElementsMap[node.nodeName.toLowerCase()]) {
\r
10313 offset = dom.nodeIndex(node);
\r
10314 container = node.parentNode;
\r
10316 // Put caret after image when moving the end point
\r
10317 if (node.nodeName == "IMG" && !start) {
\r
10321 normalized = true;
\r
10324 } while (node = (start ? walker.next() : walker.prev()));
\r
10329 // Lean the caret to the left if possible
\r
10331 // So this: <b>x</b><i>|x</i>
\r
10332 // Becomes: <b>x|</b><i>x</i>
\r
10333 // Seems that only gecko has issues with this
\r
10334 if (container.nodeType === 3 && offset === 0) {
\r
10335 findTextNodeRelative(true);
\r
10338 // Lean left into empty inline elements when the caret is before a BR
\r
10339 // So this: <i><b></b><i>|<br></i>
\r
10340 // Becomes: <i><b>|</b><i><br></i>
\r
10341 // Seems that only gecko has issues with this
\r
10342 if (container.nodeType === 1) {
\r
10343 node = container.childNodes[offset];
\r
10344 if(node && node.nodeName === 'BR' && !hasBrBeforeAfter(node) && !hasBrBeforeAfter(node, true)) {
\r
10345 findTextNodeRelative(true, container.childNodes[offset]);
\r
10350 // Lean the start of the selection right if possible
\r
10351 // So this: x[<b>x]</b>
\r
10352 // Becomes: x<b>[x]</b>
\r
10353 if (start && !collapsed && container.nodeType === 3 && offset === container.nodeValue.length) {
\r
10354 findTextNodeRelative(false);
\r
10357 // Set endpoint if it was normalized
\r
10359 rng['set' + (start ? 'Start' : 'End')](container, offset);
\r
10362 // Normalize only on non IE browsers for now
\r
10363 if (tinymce.isIE)
\r
10366 rng = self.getRng();
\r
10367 collapsed = rng.collapsed;
\r
10369 // Normalize the end points
\r
10370 normalizeEndPoint(true);
\r
10373 normalizeEndPoint();
\r
10375 // Set the selection if it was normalized
\r
10376 if (normalized) {
\r
10377 // If it was collapsed then make sure it still is
\r
10379 rng.collapse(true);
\r
10382 //console.log(self.dom.dumpRng(rng));
\r
10383 self.setRng(rng, self.isForward());
\r
10387 selectorChanged: function(selector, callback) {
\r
10388 var self = this, currentSelectors;
\r
10390 if (!self.selectorChangedData) {
\r
10391 self.selectorChangedData = {};
\r
10392 currentSelectors = {};
\r
10394 self.editor.onNodeChange.addToTop(function(ed, cm, node) {
\r
10395 var dom = self.dom, parents = dom.getParents(node, null, dom.getRoot()), matchedSelectors = {};
\r
10397 // Check for new matching selectors
\r
10398 each(self.selectorChangedData, function(callbacks, selector) {
\r
10399 each(parents, function(node) {
\r
10400 if (dom.is(node, selector)) {
\r
10401 if (!currentSelectors[selector]) {
\r
10402 // Execute callbacks
\r
10403 each(callbacks, function(callback) {
\r
10404 callback(true, {node: node, selector: selector, parents: parents});
\r
10407 currentSelectors[selector] = callbacks;
\r
10410 matchedSelectors[selector] = callbacks;
\r
10416 // Check if current selectors still match
\r
10417 each(currentSelectors, function(callbacks, selector) {
\r
10418 if (!matchedSelectors[selector]) {
\r
10419 delete currentSelectors[selector];
\r
10421 each(callbacks, function(callback) {
\r
10422 callback(false, {node: node, selector: selector, parents: parents});
\r
10429 // Add selector listeners
\r
10430 if (!self.selectorChangedData[selector]) {
\r
10431 self.selectorChangedData[selector] = [];
\r
10434 self.selectorChangedData[selector].push(callback);
\r
10439 scrollIntoView: function(elm) {
\r
10440 var y, viewPort, self = this, dom = self.dom;
\r
10442 viewPort = dom.getViewPort(self.editor.getWin());
\r
10443 y = dom.getPos(elm).y;
\r
10444 if (y < viewPort.y || y + 25 > viewPort.y + viewPort.h) {
\r
10445 self.editor.getWin().scrollTo(0, y < viewPort.y ? y : y - viewPort.h + 25);
\r
10449 destroy : function(manual) {
\r
10454 // Manual destroy then remove unload handler
\r
10456 tinymce.removeUnload(self.destroy);
\r
10459 // IE has an issue where you can't select/move the caret by clicking outside the body if the document is in standards mode
\r
10460 _fixIESelection : function() {
\r
10461 var dom = this.dom, doc = dom.doc, body = doc.body, started, startRng, htmlElm;
\r
10463 // Return range from point or null if it failed
\r
10464 function rngFromPoint(x, y) {
\r
10465 var rng = body.createTextRange();
\r
10468 rng.moveToPoint(x, y);
\r
10470 // IE sometimes throws and exception, so lets just ignore it
\r
10477 // Fires while the selection is changing
\r
10478 function selectionChange(e) {
\r
10481 // Check if the button is down or not
\r
10483 // Create range from mouse position
\r
10484 pointRng = rngFromPoint(e.x, e.y);
\r
10487 // Check if pointRange is before/after selection then change the endPoint
\r
10488 if (pointRng.compareEndPoints('StartToStart', startRng) > 0)
\r
10489 pointRng.setEndPoint('StartToStart', startRng);
\r
10491 pointRng.setEndPoint('EndToEnd', startRng);
\r
10493 pointRng.select();
\r
10499 // Removes listeners
\r
10500 function endSelection() {
\r
10501 var rng = doc.selection.createRange();
\r
10503 // If the range is collapsed then use the last start range
\r
10504 if (startRng && !rng.item && rng.compareEndPoints('StartToEnd', rng) === 0)
\r
10505 startRng.select();
\r
10507 dom.unbind(doc, 'mouseup', endSelection);
\r
10508 dom.unbind(doc, 'mousemove', selectionChange);
\r
10509 startRng = started = 0;
\r
10512 // Make HTML element unselectable since we are going to handle selection by hand
\r
10513 doc.documentElement.unselectable = true;
\r
10515 // Detect when user selects outside BODY
\r
10516 dom.bind(doc, ['mousedown', 'contextmenu'], function(e) {
\r
10517 if (e.target.nodeName === 'HTML') {
\r
10521 // Detect vertical scrollbar, since IE will fire a mousedown on the scrollbar and have target set as HTML
\r
10522 htmlElm = doc.documentElement;
\r
10523 if (htmlElm.scrollHeight > htmlElm.clientHeight)
\r
10527 // Setup start position
\r
10528 startRng = rngFromPoint(e.x, e.y);
\r
10530 // Listen for selection change events
\r
10531 dom.bind(doc, 'mouseup', endSelection);
\r
10532 dom.bind(doc, 'mousemove', selectionChange);
\r
10535 startRng.select();
\r
10543 (function(tinymce) {
\r
10544 tinymce.dom.Serializer = function(settings, dom, schema) {
\r
10545 var onPreProcess, onPostProcess, isIE = tinymce.isIE, each = tinymce.each, htmlParser;
\r
10547 // Support the old apply_source_formatting option
\r
10548 if (!settings.apply_source_formatting)
\r
10549 settings.indent = false;
\r
10551 // Default DOM and Schema if they are undefined
\r
10552 dom = dom || tinymce.DOM;
\r
10553 schema = schema || new tinymce.html.Schema(settings);
\r
10554 settings.entity_encoding = settings.entity_encoding || 'named';
\r
10555 settings.remove_trailing_brs = "remove_trailing_brs" in settings ? settings.remove_trailing_brs : true;
\r
10557 onPreProcess = new tinymce.util.Dispatcher(self);
\r
10559 onPostProcess = new tinymce.util.Dispatcher(self);
\r
10561 htmlParser = new tinymce.html.DomParser(settings, schema);
\r
10563 // Convert move data-mce-src, data-mce-href and data-mce-style into nodes or process them if needed
\r
10564 htmlParser.addAttributeFilter('src,href,style', function(nodes, name) {
\r
10565 var i = nodes.length, node, value, internalName = 'data-mce-' + name, urlConverter = settings.url_converter, urlConverterScope = settings.url_converter_scope, undef;
\r
10570 value = node.attributes.map[internalName];
\r
10571 if (value !== undef) {
\r
10572 // Set external name to internal value and remove internal
\r
10573 node.attr(name, value.length > 0 ? value : null);
\r
10574 node.attr(internalName, null);
\r
10576 // No internal attribute found then convert the value we have in the DOM
\r
10577 value = node.attributes.map[name];
\r
10579 if (name === "style")
\r
10580 value = dom.serializeStyle(dom.parseStyle(value), node.name);
\r
10581 else if (urlConverter)
\r
10582 value = urlConverter.call(urlConverterScope, value, name, node.name);
\r
10584 node.attr(name, value.length > 0 ? value : null);
\r
10589 // Remove internal classes mceItem<..> or mceSelected
\r
10590 htmlParser.addAttributeFilter('class', function(nodes, name) {
\r
10591 var i = nodes.length, node, value;
\r
10595 value = node.attr('class').replace(/(?:^|\s)mce(Item\w+|Selected)(?!\S)/g, '');
\r
10596 node.attr('class', value.length > 0 ? value : null);
\r
10600 // Remove bookmark elements
\r
10601 htmlParser.addAttributeFilter('data-mce-type', function(nodes, name, args) {
\r
10602 var i = nodes.length, node;
\r
10607 if (node.attributes.map['data-mce-type'] === 'bookmark' && !args.cleanup)
\r
10612 // Remove expando attributes
\r
10613 htmlParser.addAttributeFilter('data-mce-expando', function(nodes, name, args) {
\r
10614 var i = nodes.length;
\r
10617 nodes[i].attr(name, null);
\r
10621 htmlParser.addNodeFilter('noscript', function(nodes) {
\r
10622 var i = nodes.length, node;
\r
10625 node = nodes[i].firstChild;
\r
10628 node.value = tinymce.html.Entities.decode(node.value);
\r
10633 // Force script into CDATA sections and remove the mce- prefix also add comments around styles
\r
10634 htmlParser.addNodeFilter('script,style', function(nodes, name) {
\r
10635 var i = nodes.length, node, value;
\r
10637 function trim(value) {
\r
10638 return value.replace(/(<!--\[CDATA\[|\]\]-->)/g, '\n')
\r
10639 .replace(/^[\r\n]*|[\r\n]*$/g, '')
\r
10640 .replace(/^\s*((<!--)?(\s*\/\/)?\s*<!\[CDATA\[|(<!--\s*)?\/\*\s*<!\[CDATA\[\s*\*\/|(\/\/)?\s*<!--|\/\*\s*<!--\s*\*\/)\s*[\r\n]*/gi, '')
\r
10641 .replace(/\s*(\/\*\s*\]\]>\s*\*\/(-->)?|\s*\/\/\s*\]\]>(-->)?|\/\/\s*(-->)?|\]\]>|\/\*\s*-->\s*\*\/|\s*-->\s*)\s*$/g, '');
\r
10646 value = node.firstChild ? node.firstChild.value : '';
\r
10648 if (name === "script") {
\r
10649 // Remove mce- prefix from script elements
\r
10650 node.attr('type', (node.attr('type') || 'text/javascript').replace(/^mce\-/, ''));
\r
10652 if (value.length > 0)
\r
10653 node.firstChild.value = '// <![CDATA[\n' + trim(value) + '\n// ]]>';
\r
10655 if (value.length > 0)
\r
10656 node.firstChild.value = '<!--\n' + trim(value) + '\n-->';
\r
10661 // Convert comments to cdata and handle protected comments
\r
10662 htmlParser.addNodeFilter('#comment', function(nodes, name) {
\r
10663 var i = nodes.length, node;
\r
10668 if (node.value.indexOf('[CDATA[') === 0) {
\r
10669 node.name = '#cdata';
\r
10671 node.value = node.value.replace(/^\[CDATA\[|\]\]$/g, '');
\r
10672 } else if (node.value.indexOf('mce:protected ') === 0) {
\r
10673 node.name = "#text";
\r
10676 node.value = unescape(node.value).substr(14);
\r
10681 htmlParser.addNodeFilter('xml:namespace,input', function(nodes, name) {
\r
10682 var i = nodes.length, node;
\r
10686 if (node.type === 7)
\r
10688 else if (node.type === 1) {
\r
10689 if (name === "input" && !("type" in node.attributes.map))
\r
10690 node.attr('type', 'text');
\r
10695 // Fix list elements, TODO: Replace this later
\r
10696 if (settings.fix_list_elements) {
\r
10697 htmlParser.addNodeFilter('ul,ol', function(nodes, name) {
\r
10698 var i = nodes.length, node, parentNode;
\r
10702 parentNode = node.parent;
\r
10704 if (parentNode.name === 'ul' || parentNode.name === 'ol') {
\r
10705 if (node.prev && node.prev.name === 'li') {
\r
10706 node.prev.append(node);
\r
10713 // Remove internal data attributes
\r
10714 htmlParser.addAttributeFilter('data-mce-src,data-mce-href,data-mce-style', function(nodes, name) {
\r
10715 var i = nodes.length;
\r
10718 nodes[i].attr(name, null);
\r
10722 // Return public methods
\r
10726 addNodeFilter : htmlParser.addNodeFilter,
\r
10728 addAttributeFilter : htmlParser.addAttributeFilter,
\r
10730 onPreProcess : onPreProcess,
\r
10732 onPostProcess : onPostProcess,
\r
10734 serialize : function(node, args) {
\r
10735 var impl, doc, oldDoc, htmlSerializer, content;
\r
10737 // Explorer won't clone contents of script and style and the
\r
10738 // selected index of select elements are cleared on a clone operation.
\r
10739 if (isIE && dom.select('script,style,select,map').length > 0) {
\r
10740 content = node.innerHTML;
\r
10741 node = node.cloneNode(false);
\r
10742 dom.setHTML(node, content);
\r
10744 node = node.cloneNode(true);
\r
10746 // Nodes needs to be attached to something in WebKit/Opera
\r
10747 // Older builds of Opera crashes if you attach the node to an document created dynamically
\r
10748 // and since we can't feature detect a crash we need to sniff the acutal build number
\r
10749 // This fix will make DOM ranges and make Sizzle happy!
\r
10750 impl = node.ownerDocument.implementation;
\r
10751 if (impl.createHTMLDocument) {
\r
10752 // Create an empty HTML document
\r
10753 doc = impl.createHTMLDocument("");
\r
10755 // Add the element or it's children if it's a body element to the new document
\r
10756 each(node.nodeName == 'BODY' ? node.childNodes : [node], function(node) {
\r
10757 doc.body.appendChild(doc.importNode(node, true));
\r
10760 // Grab first child or body element for serialization
\r
10761 if (node.nodeName != 'BODY')
\r
10762 node = doc.body.firstChild;
\r
10766 // set the new document in DOMUtils so createElement etc works
\r
10767 oldDoc = dom.doc;
\r
10771 args = args || {};
\r
10772 args.format = args.format || 'html';
\r
10775 if (!args.no_events) {
\r
10776 args.node = node;
\r
10777 onPreProcess.dispatch(self, args);
\r
10780 // Setup serializer
\r
10781 htmlSerializer = new tinymce.html.Serializer(settings, schema);
\r
10783 // Parse and serialize HTML
\r
10784 args.content = htmlSerializer.serialize(
\r
10785 htmlParser.parse(tinymce.trim(args.getInner ? node.innerHTML : dom.getOuterHTML(node)), args)
\r
10788 // Replace all BOM characters for now until we can find a better solution
\r
10789 if (!args.cleanup)
\r
10790 args.content = args.content.replace(/\uFEFF/g, '');
\r
10793 if (!args.no_events)
\r
10794 onPostProcess.dispatch(self, args);
\r
10796 // Restore the old document if it was changed
\r
10798 dom.doc = oldDoc;
\r
10800 args.node = null;
\r
10802 return args.content;
\r
10805 addRules : function(rules) {
\r
10806 schema.addValidElements(rules);
\r
10809 setRules : function(rules) {
\r
10810 schema.setValidElements(rules);
\r
10815 (function(tinymce) {
\r
10816 tinymce.dom.ScriptLoader = function(settings) {
\r
10822 scriptLoadedCallbacks = {},
\r
10823 queueLoadedCallbacks = [],
\r
10827 function loadScript(url, callback) {
\r
10828 var t = this, dom = tinymce.DOM, elm, uri, loc, id;
\r
10830 // Execute callback when script is loaded
\r
10831 function done() {
\r
10835 elm.onreadystatechange = elm.onload = elm = null;
\r
10840 function error() {
\r
10841 // Report the error so it's easier for people to spot loading errors
\r
10842 if (typeof(console) !== "undefined" && console.log)
\r
10843 console.log("Failed to load: " + url);
\r
10845 // We can't mark it as done if there is a load error since
\r
10846 // A) We don't want to produce 404 errors on the server and
\r
10847 // B) the onerror event won't fire on all browsers.
\r
10851 id = dom.uniqueId();
\r
10853 if (tinymce.isIE6) {
\r
10854 uri = new tinymce.util.URI(url);
\r
10857 // If script is from same domain and we
\r
10858 // use IE 6 then use XHR since it's more reliable
\r
10859 if (uri.host == loc.hostname && uri.port == loc.port && (uri.protocol + ':') == loc.protocol && uri.protocol.toLowerCase() != 'file') {
\r
10860 tinymce.util.XHR.send({
\r
10861 url : tinymce._addVer(uri.getURI()),
\r
10862 success : function(content) {
\r
10863 // Create new temp script element
\r
10864 var script = dom.create('script', {
\r
10865 type : 'text/javascript'
\r
10868 // Evaluate script in global scope
\r
10869 script.text = content;
\r
10870 document.getElementsByTagName('head')[0].appendChild(script);
\r
10871 dom.remove(script);
\r
10883 // Create new script element
\r
10884 elm = document.createElement('script');
\r
10886 elm.type = 'text/javascript';
\r
10887 elm.src = tinymce._addVer(url);
\r
10889 // Add onload listener for non IE browsers since IE9
\r
10890 // fires onload event before the script is parsed and executed
\r
10891 if (!tinymce.isIE || tinymce.isIE11)
\r
10892 elm.onload = done;
\r
10894 // Add onerror event will get fired on some browsers but not all of them
\r
10895 elm.onerror = error;
\r
10897 // Opera 9.60 doesn't seem to fire the onreadystate event at correctly
\r
10898 if (!tinymce.isOpera) {
\r
10899 elm.onreadystatechange = function() {
\r
10900 var state = elm.readyState;
\r
10902 // Loaded state is passed on IE 6 however there
\r
10903 // are known issues with this method but we can't use
\r
10904 // XHR in a cross domain loading
\r
10905 if (state == 'complete' || state == 'loaded')
\r
10910 // Most browsers support this feature so we report errors
\r
10911 // for those at least to help users track their missing plugins etc
\r
10912 // todo: Removed since it produced error if the document is unloaded by navigating away, re-add it as an option
\r
10913 /*elm.onerror = function() {
\r
10914 alert('Failed to load: ' + url);
\r
10917 // Add script to document
\r
10918 (document.getElementsByTagName('head')[0] || document.body).appendChild(elm);
\r
10921 this.isDone = function(url) {
\r
10922 return states[url] == LOADED;
\r
10925 this.markDone = function(url) {
\r
10926 states[url] = LOADED;
\r
10929 this.add = this.load = function(url, callback, scope) {
\r
10930 var item, state = states[url];
\r
10932 // Add url to load queue
\r
10933 if (state == undef) {
\r
10935 states[url] = QUEUED;
\r
10939 // Store away callback for later execution
\r
10940 if (!scriptLoadedCallbacks[url])
\r
10941 scriptLoadedCallbacks[url] = [];
\r
10943 scriptLoadedCallbacks[url].push({
\r
10945 scope : scope || this
\r
10950 this.loadQueue = function(callback, scope) {
\r
10951 this.loadScripts(queue, callback, scope);
\r
10954 this.loadScripts = function(scripts, callback, scope) {
\r
10957 function execScriptLoadedCallbacks(url) {
\r
10958 // Execute URL callback functions
\r
10959 tinymce.each(scriptLoadedCallbacks[url], function(callback) {
\r
10960 callback.func.call(callback.scope);
\r
10963 scriptLoadedCallbacks[url] = undef;
\r
10966 queueLoadedCallbacks.push({
\r
10968 scope : scope || this
\r
10971 loadScripts = function() {
\r
10972 var loadingScripts = tinymce.grep(scripts);
\r
10974 // Current scripts has been handled
\r
10975 scripts.length = 0;
\r
10977 // Load scripts that needs to be loaded
\r
10978 tinymce.each(loadingScripts, function(url) {
\r
10979 // Script is already loaded then execute script callbacks directly
\r
10980 if (states[url] == LOADED) {
\r
10981 execScriptLoadedCallbacks(url);
\r
10985 // Is script not loading then start loading it
\r
10986 if (states[url] != LOADING) {
\r
10987 states[url] = LOADING;
\r
10990 loadScript(url, function() {
\r
10991 states[url] = LOADED;
\r
10994 execScriptLoadedCallbacks(url);
\r
10996 // Load more scripts if they where added by the recently loaded script
\r
11002 // No scripts are currently loading then execute all pending queue loaded callbacks
\r
11004 tinymce.each(queueLoadedCallbacks, function(callback) {
\r
11005 callback.func.call(callback.scope);
\r
11008 queueLoadedCallbacks.length = 0;
\r
11016 // Global script loader
\r
11017 tinymce.ScriptLoader = new tinymce.dom.ScriptLoader();
\r
11020 (function(tinymce) {
\r
11021 tinymce.dom.RangeUtils = function(dom) {
\r
11022 var INVISIBLE_CHAR = '\uFEFF';
\r
11024 this.walk = function(rng, callback) {
\r
11025 var startContainer = rng.startContainer,
\r
11026 startOffset = rng.startOffset,
\r
11027 endContainer = rng.endContainer,
\r
11028 endOffset = rng.endOffset,
\r
11029 ancestor, startPoint,
\r
11030 endPoint, node, parent, siblings, nodes;
\r
11032 // Handle table cell selection the table plugin enables
\r
11033 // you to fake select table cells and perform formatting actions on them
\r
11034 nodes = dom.select('td.mceSelected,th.mceSelected');
\r
11035 if (nodes.length > 0) {
\r
11036 tinymce.each(nodes, function(node) {
\r
11037 callback([node]);
\r
11043 function exclude(nodes) {
\r
11046 // First node is excluded
\r
11048 if (node.nodeType === 3 && node === startContainer && startOffset >= node.nodeValue.length) {
\r
11049 nodes.splice(0, 1);
\r
11052 // Last node is excluded
\r
11053 node = nodes[nodes.length - 1];
\r
11054 if (endOffset === 0 && nodes.length > 0 && node === endContainer && node.nodeType === 3) {
\r
11055 nodes.splice(nodes.length - 1, 1);
\r
11061 function collectSiblings(node, name, end_node) {
\r
11062 var siblings = [];
\r
11064 for (; node && node != end_node; node = node[name])
\r
11065 siblings.push(node);
\r
11070 function findEndPoint(node, root) {
\r
11072 if (node.parentNode == root)
\r
11075 node = node.parentNode;
\r
11079 function walkBoundary(start_node, end_node, next) {
\r
11080 var siblingName = next ? 'nextSibling' : 'previousSibling';
\r
11082 for (node = start_node, parent = node.parentNode; node && node != end_node; node = parent) {
\r
11083 parent = node.parentNode;
\r
11084 siblings = collectSiblings(node == start_node ? node : node[siblingName], siblingName);
\r
11086 if (siblings.length) {
\r
11088 siblings.reverse();
\r
11090 callback(exclude(siblings));
\r
11095 // If index based start position then resolve it
\r
11096 if (startContainer.nodeType == 1 && startContainer.hasChildNodes())
\r
11097 startContainer = startContainer.childNodes[startOffset];
\r
11099 // If index based end position then resolve it
\r
11100 if (endContainer.nodeType == 1 && endContainer.hasChildNodes())
\r
11101 endContainer = endContainer.childNodes[Math.min(endOffset - 1, endContainer.childNodes.length - 1)];
\r
11103 // Same container
\r
11104 if (startContainer == endContainer)
\r
11105 return callback(exclude([startContainer]));
\r
11107 // Find common ancestor and end points
\r
11108 ancestor = dom.findCommonAncestor(startContainer, endContainer);
\r
11110 // Process left side
\r
11111 for (node = startContainer; node; node = node.parentNode) {
\r
11112 if (node === endContainer)
\r
11113 return walkBoundary(startContainer, ancestor, true);
\r
11115 if (node === ancestor)
\r
11119 // Process right side
\r
11120 for (node = endContainer; node; node = node.parentNode) {
\r
11121 if (node === startContainer)
\r
11122 return walkBoundary(endContainer, ancestor);
\r
11124 if (node === ancestor)
\r
11128 // Find start/end point
\r
11129 startPoint = findEndPoint(startContainer, ancestor) || startContainer;
\r
11130 endPoint = findEndPoint(endContainer, ancestor) || endContainer;
\r
11132 // Walk left leaf
\r
11133 walkBoundary(startContainer, startPoint, true);
\r
11135 // Walk the middle from start to end point
\r
11136 siblings = collectSiblings(
\r
11137 startPoint == startContainer ? startPoint : startPoint.nextSibling,
\r
11139 endPoint == endContainer ? endPoint.nextSibling : endPoint
\r
11142 if (siblings.length)
\r
11143 callback(exclude(siblings));
\r
11145 // Walk right leaf
\r
11146 walkBoundary(endContainer, endPoint);
\r
11149 this.split = function(rng) {
\r
11150 var startContainer = rng.startContainer,
\r
11151 startOffset = rng.startOffset,
\r
11152 endContainer = rng.endContainer,
\r
11153 endOffset = rng.endOffset;
\r
11155 function splitText(node, offset) {
\r
11156 return node.splitText(offset);
\r
11159 // Handle single text node
\r
11160 if (startContainer == endContainer && startContainer.nodeType == 3) {
\r
11161 if (startOffset > 0 && startOffset < startContainer.nodeValue.length) {
\r
11162 endContainer = splitText(startContainer, startOffset);
\r
11163 startContainer = endContainer.previousSibling;
\r
11165 if (endOffset > startOffset) {
\r
11166 endOffset = endOffset - startOffset;
\r
11167 startContainer = endContainer = splitText(endContainer, endOffset).previousSibling;
\r
11168 endOffset = endContainer.nodeValue.length;
\r
11175 // Split startContainer text node if needed
\r
11176 if (startContainer.nodeType == 3 && startOffset > 0 && startOffset < startContainer.nodeValue.length) {
\r
11177 startContainer = splitText(startContainer, startOffset);
\r
11181 // Split endContainer text node if needed
\r
11182 if (endContainer.nodeType == 3 && endOffset > 0 && endOffset < endContainer.nodeValue.length) {
\r
11183 endContainer = splitText(endContainer, endOffset).previousSibling;
\r
11184 endOffset = endContainer.nodeValue.length;
\r
11189 startContainer : startContainer,
\r
11190 startOffset : startOffset,
\r
11191 endContainer : endContainer,
\r
11192 endOffset : endOffset
\r
11198 tinymce.dom.RangeUtils.compareRanges = function(rng1, rng2) {
\r
11199 if (rng1 && rng2) {
\r
11200 // Compare native IE ranges
\r
11201 if (rng1.item || rng1.duplicate) {
\r
11202 // Both are control ranges and the selected element matches
\r
11203 if (rng1.item && rng2.item && rng1.item(0) === rng2.item(0))
\r
11206 // Both are text ranges and the range matches
\r
11207 if (rng1.isEqual && rng2.isEqual && rng2.isEqual(rng1))
\r
11210 // Compare w3c ranges
\r
11211 return rng1.startContainer == rng2.startContainer && rng1.startOffset == rng2.startOffset;
\r
11219 (function(tinymce) {
\r
11220 var Event = tinymce.dom.Event, each = tinymce.each;
\r
11222 tinymce.create('tinymce.ui.KeyboardNavigation', {
\r
11223 KeyboardNavigation: function(settings, dom) {
\r
11224 var t = this, root = settings.root, items = settings.items,
\r
11225 enableUpDown = settings.enableUpDown, enableLeftRight = settings.enableLeftRight || !settings.enableUpDown,
\r
11226 excludeFromTabOrder = settings.excludeFromTabOrder,
\r
11227 itemFocussed, itemBlurred, rootKeydown, rootFocussed, focussedId;
\r
11229 dom = dom || tinymce.DOM;
\r
11231 itemFocussed = function(evt) {
\r
11232 focussedId = evt.target.id;
\r
11235 itemBlurred = function(evt) {
\r
11236 dom.setAttrib(evt.target.id, 'tabindex', '-1');
\r
11239 rootFocussed = function(evt) {
\r
11240 var item = dom.get(focussedId);
\r
11241 dom.setAttrib(item, 'tabindex', '0');
\r
11245 t.focus = function() {
\r
11246 dom.get(focussedId).focus();
\r
11249 t.destroy = function() {
\r
11250 each(items, function(item) {
\r
11251 var elm = dom.get(item.id);
\r
11253 dom.unbind(elm, 'focus', itemFocussed);
\r
11254 dom.unbind(elm, 'blur', itemBlurred);
\r
11257 var rootElm = dom.get(root);
\r
11258 dom.unbind(rootElm, 'focus', rootFocussed);
\r
11259 dom.unbind(rootElm, 'keydown', rootKeydown);
\r
11261 items = dom = root = t.focus = itemFocussed = itemBlurred = rootKeydown = rootFocussed = null;
\r
11262 t.destroy = function() {};
\r
11265 t.moveFocus = function(dir, evt) {
\r
11266 var idx = -1, controls = t.controls, newFocus;
\r
11271 each(items, function(item, index) {
\r
11272 if (item.id === focussedId) {
\r
11280 idx = items.length - 1;
\r
11281 } else if (idx >= items.length) {
\r
11285 newFocus = items[idx];
\r
11286 dom.setAttrib(focussedId, 'tabindex', '-1');
\r
11287 dom.setAttrib(newFocus.id, 'tabindex', '0');
\r
11288 dom.get(newFocus.id).focus();
\r
11290 if (settings.actOnFocus) {
\r
11291 settings.onAction(newFocus.id);
\r
11295 Event.cancel(evt);
\r
11298 rootKeydown = function(evt) {
\r
11299 var DOM_VK_LEFT = 37, DOM_VK_RIGHT = 39, DOM_VK_UP = 38, DOM_VK_DOWN = 40, DOM_VK_ESCAPE = 27, DOM_VK_ENTER = 14, DOM_VK_RETURN = 13, DOM_VK_SPACE = 32;
\r
11301 switch (evt.keyCode) {
\r
11302 case DOM_VK_LEFT:
\r
11303 if (enableLeftRight) t.moveFocus(-1);
\r
11304 Event.cancel(evt);
\r
11307 case DOM_VK_RIGHT:
\r
11308 if (enableLeftRight) t.moveFocus(1);
\r
11309 Event.cancel(evt);
\r
11313 if (enableUpDown) t.moveFocus(-1);
\r
11314 Event.cancel(evt);
\r
11317 case DOM_VK_DOWN:
\r
11318 if (enableUpDown) t.moveFocus(1);
\r
11319 Event.cancel(evt);
\r
11322 case DOM_VK_ESCAPE:
\r
11323 if (settings.onCancel) {
\r
11324 settings.onCancel();
\r
11325 Event.cancel(evt);
\r
11329 case DOM_VK_ENTER:
\r
11330 case DOM_VK_RETURN:
\r
11331 case DOM_VK_SPACE:
\r
11332 if (settings.onAction) {
\r
11333 settings.onAction(focussedId);
\r
11334 Event.cancel(evt);
\r
11340 // Set up state and listeners for each item.
\r
11341 each(items, function(item, idx) {
\r
11342 var tabindex, elm;
\r
11345 item.id = dom.uniqueId('_mce_item_');
\r
11348 elm = dom.get(item.id);
\r
11350 if (excludeFromTabOrder) {
\r
11351 dom.bind(elm, 'blur', itemBlurred);
\r
11354 tabindex = (idx === 0 ? '0' : '-1');
\r
11357 elm.setAttribute('tabindex', tabindex);
\r
11358 dom.bind(elm, 'focus', itemFocussed);
\r
11361 // Setup initial state for root element.
\r
11363 focussedId = items[0].id;
\r
11366 dom.setAttrib(root, 'tabindex', '-1');
\r
11368 // Setup listeners for root element.
\r
11369 var rootElm = dom.get(root);
\r
11370 dom.bind(rootElm, 'focus', rootFocussed);
\r
11371 dom.bind(rootElm, 'keydown', rootKeydown);
\r
11376 (function(tinymce) {
\r
11377 // Shorten class names
\r
11378 var DOM = tinymce.DOM, is = tinymce.is;
\r
11380 tinymce.create('tinymce.ui.Control', {
\r
11381 Control : function(id, s, editor) {
\r
11383 this.settings = s = s || {};
\r
11384 this.rendered = false;
\r
11385 this.onRender = new tinymce.util.Dispatcher(this);
\r
11386 this.classPrefix = '';
\r
11387 this.scope = s.scope || this;
\r
11388 this.disabled = 0;
\r
11390 this.editor = editor;
\r
11393 setAriaProperty : function(property, value) {
\r
11394 var element = DOM.get(this.id + '_aria') || DOM.get(this.id);
\r
11396 DOM.setAttrib(element, 'aria-' + property, !!value);
\r
11400 focus : function() {
\r
11401 DOM.get(this.id).focus();
\r
11404 setDisabled : function(s) {
\r
11405 if (s != this.disabled) {
\r
11406 this.setAriaProperty('disabled', s);
\r
11408 this.setState('Disabled', s);
\r
11409 this.setState('Enabled', !s);
\r
11410 this.disabled = s;
\r
11414 isDisabled : function() {
\r
11415 return this.disabled;
\r
11418 setActive : function(s) {
\r
11419 if (s != this.active) {
\r
11420 this.setState('Active', s);
\r
11422 this.setAriaProperty('pressed', s);
\r
11426 isActive : function() {
\r
11427 return this.active;
\r
11430 setState : function(c, s) {
\r
11431 var n = DOM.get(this.id);
\r
11433 c = this.classPrefix + c;
\r
11436 DOM.addClass(n, c);
\r
11438 DOM.removeClass(n, c);
\r
11441 isRendered : function() {
\r
11442 return this.rendered;
\r
11445 renderHTML : function() {
\r
11448 renderTo : function(n) {
\r
11449 DOM.setHTML(n, this.renderHTML());
\r
11452 postRender : function() {
\r
11455 // Set pending states
\r
11456 if (is(t.disabled)) {
\r
11459 t.setDisabled(b);
\r
11462 if (is(t.active)) {
\r
11469 remove : function() {
\r
11470 DOM.remove(this.id);
\r
11474 destroy : function() {
\r
11475 tinymce.dom.Event.clear(this.id);
\r
11479 tinymce.create('tinymce.ui.Container:tinymce.ui.Control', {
\r
11480 Container : function(id, s, editor) {
\r
11481 this.parent(id, s, editor);
\r
11483 this.controls = [];
\r
11485 this.lookup = {};
\r
11488 add : function(c) {
\r
11489 this.lookup[c.id] = c;
\r
11490 this.controls.push(c);
\r
11495 get : function(n) {
\r
11496 return this.lookup[n];
\r
11501 tinymce.create('tinymce.ui.Separator:tinymce.ui.Control', {
\r
11502 Separator : function(id, s) {
\r
11503 this.parent(id, s);
\r
11504 this.classPrefix = 'mceSeparator';
\r
11505 this.setDisabled(true);
\r
11508 renderHTML : function() {
\r
11509 return tinymce.DOM.createHTML('span', {'class' : this.classPrefix, role : 'separator', 'aria-orientation' : 'vertical', tabindex : '-1'});
\r
11513 (function(tinymce) {
\r
11514 var is = tinymce.is, DOM = tinymce.DOM, each = tinymce.each, walk = tinymce.walk;
\r
11516 tinymce.create('tinymce.ui.MenuItem:tinymce.ui.Control', {
\r
11517 MenuItem : function(id, s) {
\r
11518 this.parent(id, s);
\r
11519 this.classPrefix = 'mceMenuItem';
\r
11522 setSelected : function(s) {
\r
11523 this.setState('Selected', s);
\r
11524 this.setAriaProperty('checked', !!s);
\r
11525 this.selected = s;
\r
11528 isSelected : function() {
\r
11529 return this.selected;
\r
11532 postRender : function() {
\r
11537 // Set pending state
\r
11538 if (is(t.selected))
\r
11539 t.setSelected(t.selected);
\r
11544 (function(tinymce) {
\r
11545 var is = tinymce.is, DOM = tinymce.DOM, each = tinymce.each, walk = tinymce.walk;
\r
11547 tinymce.create('tinymce.ui.Menu:tinymce.ui.MenuItem', {
\r
11548 Menu : function(id, s) {
\r
11553 t.collapsed = false;
\r
11555 t.onAddItem = new tinymce.util.Dispatcher(this);
\r
11558 expand : function(d) {
\r
11562 walk(t, function(o) {
\r
11568 t.collapsed = false;
\r
11571 collapse : function(d) {
\r
11575 walk(t, function(o) {
\r
11581 t.collapsed = true;
\r
11584 isCollapsed : function() {
\r
11585 return this.collapsed;
\r
11588 add : function(o) {
\r
11590 o = new tinymce.ui.MenuItem(o.id || DOM.uniqueId(), o);
\r
11592 this.onAddItem.dispatch(this, o);
\r
11594 return this.items[o.id] = o;
\r
11597 addSeparator : function() {
\r
11598 return this.add({separator : true});
\r
11601 addMenu : function(o) {
\r
11603 o = this.createMenu(o);
\r
11605 this.menuCount++;
\r
11607 return this.add(o);
\r
11610 hasMenus : function() {
\r
11611 return this.menuCount !== 0;
\r
11614 remove : function(o) {
\r
11615 delete this.items[o.id];
\r
11618 removeAll : function() {
\r
11621 walk(t, function(o) {
\r
11633 createMenu : function(o) {
\r
11634 var m = new tinymce.ui.Menu(o.id || DOM.uniqueId(), o);
\r
11636 m.onAddItem.add(this.onAddItem.dispatch, this.onAddItem);
\r
11642 (function(tinymce) {
\r
11643 var is = tinymce.is, DOM = tinymce.DOM, each = tinymce.each, Event = tinymce.dom.Event, Element = tinymce.dom.Element;
\r
11645 tinymce.create('tinymce.ui.DropMenu:tinymce.ui.Menu', {
\r
11646 DropMenu : function(id, s) {
\r
11648 s.container = s.container || DOM.doc.body;
\r
11649 s.offset_x = s.offset_x || 0;
\r
11650 s.offset_y = s.offset_y || 0;
\r
11651 s.vp_offset_x = s.vp_offset_x || 0;
\r
11652 s.vp_offset_y = s.vp_offset_y || 0;
\r
11654 if (is(s.icons) && !s.icons)
\r
11655 s['class'] += ' mceNoIcons';
\r
11657 this.parent(id, s);
\r
11658 this.onShowMenu = new tinymce.util.Dispatcher(this);
\r
11659 this.onHideMenu = new tinymce.util.Dispatcher(this);
\r
11660 this.classPrefix = 'mceMenu';
\r
11663 createMenu : function(s) {
\r
11664 var t = this, cs = t.settings, m;
\r
11666 s.container = s.container || cs.container;
\r
11668 s.constrain = s.constrain || cs.constrain;
\r
11669 s['class'] = s['class'] || cs['class'];
\r
11670 s.vp_offset_x = s.vp_offset_x || cs.vp_offset_x;
\r
11671 s.vp_offset_y = s.vp_offset_y || cs.vp_offset_y;
\r
11672 s.keyboard_focus = cs.keyboard_focus;
\r
11673 m = new tinymce.ui.DropMenu(s.id || DOM.uniqueId(), s);
\r
11675 m.onAddItem.add(t.onAddItem.dispatch, t.onAddItem);
\r
11680 focus : function() {
\r
11682 if (t.keyboardNav) {
\r
11683 t.keyboardNav.focus();
\r
11687 update : function() {
\r
11688 var t = this, s = t.settings, tb = DOM.get('menu_' + t.id + '_tbl'), co = DOM.get('menu_' + t.id + '_co'), tw, th;
\r
11690 tw = s.max_width ? Math.min(tb.offsetWidth, s.max_width) : tb.offsetWidth;
\r
11691 th = s.max_height ? Math.min(tb.offsetHeight, s.max_height) : tb.offsetHeight;
\r
11693 if (!DOM.boxModel)
\r
11694 t.element.setStyles({width : tw + 2, height : th + 2});
\r
11696 t.element.setStyles({width : tw, height : th});
\r
11699 DOM.setStyle(co, 'width', tw);
\r
11701 if (s.max_height) {
\r
11702 DOM.setStyle(co, 'height', th);
\r
11704 if (tb.clientHeight < s.max_height)
\r
11705 DOM.setStyle(co, 'overflow', 'hidden');
\r
11709 showMenu : function(x, y, px) {
\r
11710 var t = this, s = t.settings, co, vp = DOM.getViewPort(), w, h, mx, my, ot = 2, dm, tb, cp = t.classPrefix;
\r
11714 if (t.isMenuVisible)
\r
11717 if (!t.rendered) {
\r
11718 co = DOM.add(t.settings.container, t.renderNode());
\r
11720 each(t.items, function(o) {
\r
11724 t.element = new Element('menu_' + t.id, {blocker : 1, container : s.container});
\r
11726 co = DOM.get('menu_' + t.id);
\r
11728 // Move layer out of sight unless it's Opera since it scrolls to top of page due to an bug
\r
11729 if (!tinymce.isOpera)
\r
11730 DOM.setStyles(co, {left : -0xFFFF , top : -0xFFFF});
\r
11735 x += s.offset_x || 0;
\r
11736 y += s.offset_y || 0;
\r
11740 // Move inside viewport if not submenu
\r
11741 if (s.constrain) {
\r
11742 w = co.clientWidth - ot;
\r
11743 h = co.clientHeight - ot;
\r
11744 mx = vp.x + vp.w;
\r
11745 my = vp.y + vp.h;
\r
11747 if ((x + s.vp_offset_x + w) > mx)
\r
11748 x = px ? px - w : Math.max(0, (mx - s.vp_offset_x) - w);
\r
11750 if ((y + s.vp_offset_y + h) > my)
\r
11751 y = Math.max(0, (my - s.vp_offset_y) - h);
\r
11754 DOM.setStyles(co, {left : x , top : y});
\r
11755 t.element.update();
\r
11757 t.isMenuVisible = 1;
\r
11758 t.mouseClickFunc = Event.add(co, 'click', function(e) {
\r
11763 if (e && (e = DOM.getParent(e, 'tr')) && !DOM.hasClass(e, cp + 'ItemSub')) {
\r
11764 m = t.items[e.id];
\r
11766 if (m.isDisabled())
\r
11775 dm = dm.settings.parent;
\r
11778 if (m.settings.onclick)
\r
11779 m.settings.onclick(e);
\r
11781 return false; // Cancel to fix onbeforeunload problem
\r
11785 if (t.hasMenus()) {
\r
11786 t.mouseOverFunc = Event.add(co, 'mouseover', function(e) {
\r
11790 if (e && (e = DOM.getParent(e, 'tr'))) {
\r
11791 m = t.items[e.id];
\r
11794 t.lastMenu.collapse(1);
\r
11796 if (m.isDisabled())
\r
11799 if (e && DOM.hasClass(e, cp + 'ItemSub')) {
\r
11800 //p = DOM.getPos(s.container);
\r
11801 r = DOM.getRect(e);
\r
11802 m.showMenu((r.x + r.w - ot), r.y - ot, r.x);
\r
11804 DOM.addClass(DOM.get(m.id).firstChild, cp + 'ItemActive');
\r
11810 Event.add(co, 'keydown', t._keyHandler, t);
\r
11812 t.onShowMenu.dispatch(t);
\r
11814 if (s.keyboard_focus) {
\r
11815 t._setupKeyboardNav();
\r
11819 hideMenu : function(c) {
\r
11820 var t = this, co = DOM.get('menu_' + t.id), e;
\r
11822 if (!t.isMenuVisible)
\r
11825 if (t.keyboardNav) t.keyboardNav.destroy();
\r
11826 Event.remove(co, 'mouseover', t.mouseOverFunc);
\r
11827 Event.remove(co, 'click', t.mouseClickFunc);
\r
11828 Event.remove(co, 'keydown', t._keyHandler);
\r
11830 t.isMenuVisible = 0;
\r
11836 t.element.hide();
\r
11838 if (e = DOM.get(t.id))
\r
11839 DOM.removeClass(e.firstChild, t.classPrefix + 'ItemActive');
\r
11841 t.onHideMenu.dispatch(t);
\r
11844 add : function(o) {
\r
11845 var t = this, co;
\r
11849 if (t.isRendered && (co = DOM.get('menu_' + t.id)))
\r
11850 t._add(DOM.select('tbody', co)[0], o);
\r
11855 collapse : function(d) {
\r
11857 this.hideMenu(1);
\r
11860 remove : function(o) {
\r
11861 DOM.remove(o.id);
\r
11864 return this.parent(o);
\r
11867 destroy : function() {
\r
11868 var t = this, co = DOM.get('menu_' + t.id);
\r
11870 if (t.keyboardNav) t.keyboardNav.destroy();
\r
11871 Event.remove(co, 'mouseover', t.mouseOverFunc);
\r
11872 Event.remove(DOM.select('a', co), 'focus', t.mouseOverFunc);
\r
11873 Event.remove(co, 'click', t.mouseClickFunc);
\r
11874 Event.remove(co, 'keydown', t._keyHandler);
\r
11877 t.element.remove();
\r
11882 renderNode : function() {
\r
11883 var t = this, s = t.settings, n, tb, co, w;
\r
11885 w = DOM.create('div', {role: 'listbox', id : 'menu_' + t.id, 'class' : s['class'], 'style' : 'position:absolute;left:0;top:0;z-index:200000;outline:0'});
\r
11886 if (t.settings.parent) {
\r
11887 DOM.setAttrib(w, 'aria-parent', 'menu_' + t.settings.parent.id);
\r
11889 co = DOM.add(w, 'div', {role: 'presentation', id : 'menu_' + t.id + '_co', 'class' : t.classPrefix + (s['class'] ? ' ' + s['class'] : '')});
\r
11890 t.element = new Element('menu_' + t.id, {blocker : 1, container : s.container});
\r
11893 DOM.add(co, 'span', {'class' : t.classPrefix + 'Line'});
\r
11895 // n = DOM.add(co, 'div', {id : 'menu_' + t.id + '_co', 'class' : 'mceMenuContainer'});
\r
11896 n = DOM.add(co, 'table', {role: 'presentation', id : 'menu_' + t.id + '_tbl', border : 0, cellPadding : 0, cellSpacing : 0});
\r
11897 tb = DOM.add(n, 'tbody');
\r
11899 each(t.items, function(o) {
\r
11903 t.rendered = true;
\r
11908 // Internal functions
\r
11909 _setupKeyboardNav : function(){
\r
11910 var contextMenu, menuItems, t=this;
\r
11911 contextMenu = DOM.get('menu_' + t.id);
\r
11912 menuItems = DOM.select('a[role=option]', 'menu_' + t.id);
\r
11913 menuItems.splice(0,0,contextMenu);
\r
11914 t.keyboardNav = new tinymce.ui.KeyboardNavigation({
\r
11915 root: 'menu_' + t.id,
\r
11916 items: menuItems,
\r
11917 onCancel: function() {
\r
11920 enableUpDown: true
\r
11922 contextMenu.focus();
\r
11925 _keyHandler : function(evt) {
\r
11927 switch (evt.keyCode) {
\r
11929 if (t.settings.parent) {
\r
11931 t.settings.parent.focus();
\r
11932 Event.cancel(evt);
\r
11935 case 39: // Right
\r
11936 if (t.mouseOverFunc)
\r
11937 t.mouseOverFunc(evt);
\r
11942 _add : function(tb, o) {
\r
11943 var n, s = o.settings, a, ro, it, cp = this.classPrefix, ic;
\r
11945 if (s.separator) {
\r
11946 ro = DOM.add(tb, 'tr', {id : o.id, 'class' : cp + 'ItemSeparator'});
\r
11947 DOM.add(ro, 'td', {'class' : cp + 'ItemSeparator'});
\r
11949 if (n = ro.previousSibling)
\r
11950 DOM.addClass(n, 'mceLast');
\r
11955 n = ro = DOM.add(tb, 'tr', {id : o.id, 'class' : cp + 'Item ' + cp + 'ItemEnabled'});
\r
11956 n = it = DOM.add(n, s.titleItem ? 'th' : 'td');
\r
11957 n = a = DOM.add(n, 'a', {id: o.id + '_aria', role: s.titleItem ? 'presentation' : 'option', href : 'javascript:;', onclick : "return false;", onmousedown : 'return false;'});
\r
11960 DOM.setAttrib(a, 'aria-haspopup', 'true');
\r
11961 DOM.setAttrib(a, 'aria-owns', 'menu_' + o.id);
\r
11964 DOM.addClass(it, s['class']);
\r
11965 // n = DOM.add(n, 'span', {'class' : 'item'});
\r
11967 ic = DOM.add(n, 'span', {'class' : 'mceIcon' + (s.icon ? ' mce_' + s.icon : '')});
\r
11970 DOM.add(ic, 'img', {src : s.icon_src});
\r
11972 n = DOM.add(n, s.element || 'span', {'class' : 'mceText', title : o.settings.title}, o.settings.title);
\r
11974 if (o.settings.style) {
\r
11975 if (typeof o.settings.style == "function")
\r
11976 o.settings.style = o.settings.style();
\r
11978 DOM.setAttrib(n, 'style', o.settings.style);
\r
11981 if (tb.childNodes.length == 1)
\r
11982 DOM.addClass(ro, 'mceFirst');
\r
11984 if ((n = ro.previousSibling) && DOM.hasClass(n, cp + 'ItemSeparator'))
\r
11985 DOM.addClass(ro, 'mceFirst');
\r
11988 DOM.addClass(ro, cp + 'ItemSub');
\r
11990 if (n = ro.previousSibling)
\r
11991 DOM.removeClass(n, 'mceLast');
\r
11993 DOM.addClass(ro, 'mceLast');
\r
11997 (function(tinymce) {
\r
11998 var DOM = tinymce.DOM;
\r
12000 tinymce.create('tinymce.ui.Button:tinymce.ui.Control', {
\r
12001 Button : function(id, s, ed) {
\r
12002 this.parent(id, s, ed);
\r
12003 this.classPrefix = 'mceButton';
\r
12006 renderHTML : function() {
\r
12007 var cp = this.classPrefix, s = this.settings, h, l;
\r
12009 l = DOM.encode(s.label || '');
\r
12010 h = '<a role="button" id="' + this.id + '" href="javascript:;" class="' + cp + ' ' + cp + 'Enabled ' + s['class'] + (l ? ' ' + cp + 'Labeled' : '') +'" onmousedown="return false;" onclick="return false;" aria-labelledby="' + this.id + '_voice" title="' + DOM.encode(s.title) + '">';
\r
12011 if (s.image && !(this.editor &&this.editor.forcedHighContrastMode) )
\r
12012 h += '<span class="mceIcon ' + s['class'] + '"><img class="mceIcon" src="' + s.image + '" alt="' + DOM.encode(s.title) + '" /></span>' + (l ? '<span class="' + cp + 'Label">' + l + '</span>' : '');
\r
12014 h += '<span class="mceIcon ' + s['class'] + '"></span>' + (l ? '<span class="' + cp + 'Label">' + l + '</span>' : '');
\r
12016 h += '<span class="mceVoiceLabel mceIconOnly" style="display: none;" id="' + this.id + '_voice">' + s.title + '</span>';
\r
12021 postRender : function() {
\r
12022 var t = this, s = t.settings, imgBookmark;
\r
12024 // In IE a large image that occupies the entire editor area will be deselected when a button is clicked, so
\r
12025 // need to keep the selection in case the selection is lost
\r
12026 if (tinymce.isIE && t.editor) {
\r
12027 tinymce.dom.Event.add(t.id, 'mousedown', function(e) {
\r
12028 var nodeName = t.editor.selection.getNode().nodeName;
\r
12029 imgBookmark = nodeName === 'IMG' ? t.editor.selection.getBookmark() : null;
\r
12032 tinymce.dom.Event.add(t.id, 'click', function(e) {
\r
12033 if (!t.isDisabled()) {
\r
12034 // restore the selection in case the selection is lost in IE
\r
12035 if (tinymce.isIE && t.editor && imgBookmark !== null) {
\r
12036 t.editor.selection.moveToBookmark(imgBookmark);
\r
12038 return s.onclick.call(s.scope, e);
\r
12041 tinymce.dom.Event.add(t.id, 'keydown', function(e) {
\r
12042 if (!t.isDisabled() && e.keyCode==tinymce.VK.SPACEBAR) {
\r
12043 tinymce.dom.Event.cancel(e);
\r
12044 return s.onclick.call(s.scope, e);
\r
12051 (function(tinymce) {
\r
12052 var DOM = tinymce.DOM, Event = tinymce.dom.Event, each = tinymce.each, Dispatcher = tinymce.util.Dispatcher, undef;
\r
12054 tinymce.create('tinymce.ui.ListBox:tinymce.ui.Control', {
\r
12055 ListBox : function(id, s, ed) {
\r
12058 t.parent(id, s, ed);
\r
12062 t.onChange = new Dispatcher(t);
\r
12064 t.onPostRender = new Dispatcher(t);
\r
12066 t.onAdd = new Dispatcher(t);
\r
12068 t.onRenderMenu = new tinymce.util.Dispatcher(this);
\r
12070 t.classPrefix = 'mceListBox';
\r
12074 select : function(va) {
\r
12075 var t = this, fv, f;
\r
12080 return t.selectByIndex(-1);
\r
12082 // Is string or number make function selector
\r
12083 if (va && typeof(va)=="function")
\r
12086 f = function(v) {
\r
12091 // Do we need to do something?
\r
12092 if (va != t.selectedValue) {
\r
12094 each(t.items, function(o, i) {
\r
12095 if (f(o.value)) {
\r
12097 t.selectByIndex(i);
\r
12103 t.selectByIndex(-1);
\r
12107 selectByIndex : function(idx) {
\r
12108 var t = this, e, o, label;
\r
12112 if (idx != t.selectedIndex) {
\r
12113 e = DOM.get(t.id + '_text');
\r
12114 label = DOM.get(t.id + '_voiceDesc');
\r
12115 o = t.items[idx];
\r
12118 t.selectedValue = o.value;
\r
12119 t.selectedIndex = idx;
\r
12120 DOM.setHTML(e, DOM.encode(o.title));
\r
12121 DOM.setHTML(label, t.settings.title + " - " + o.title);
\r
12122 DOM.removeClass(e, 'mceTitle');
\r
12123 DOM.setAttrib(t.id, 'aria-valuenow', o.title);
\r
12125 DOM.setHTML(e, DOM.encode(t.settings.title));
\r
12126 DOM.setHTML(label, DOM.encode(t.settings.title));
\r
12127 DOM.addClass(e, 'mceTitle');
\r
12128 t.selectedValue = t.selectedIndex = null;
\r
12129 DOM.setAttrib(t.id, 'aria-valuenow', t.settings.title);
\r
12135 mark : function(value) {
\r
12136 this.marked[value] = true;
\r
12139 add : function(n, v, o) {
\r
12143 o = tinymce.extend(o, {
\r
12149 t.onAdd.dispatch(t, o);
\r
12152 getLength : function() {
\r
12153 return this.items.length;
\r
12156 renderHTML : function() {
\r
12157 var h = '', t = this, s = t.settings, cp = t.classPrefix;
\r
12159 h = '<span role="listbox" aria-haspopup="true" aria-labelledby="' + t.id +'_voiceDesc" aria-describedby="' + t.id + '_voiceDesc"><table role="presentation" tabindex="0" id="' + t.id + '" cellpadding="0" cellspacing="0" class="' + cp + ' ' + cp + 'Enabled' + (s['class'] ? (' ' + s['class']) : '') + '"><tbody><tr>';
\r
12160 h += '<td>' + DOM.createHTML('span', {id: t.id + '_voiceDesc', 'class': 'voiceLabel', style:'display:none;'}, t.settings.title);
\r
12161 h += DOM.createHTML('a', {id : t.id + '_text', tabindex : -1, href : 'javascript:;', 'class' : 'mceText', onclick : "return false;", onmousedown : 'return false;'}, DOM.encode(t.settings.title)) + '</td>';
\r
12162 h += '<td>' + DOM.createHTML('a', {id : t.id + '_open', tabindex : -1, href : 'javascript:;', 'class' : 'mceOpen', onclick : "return false;", onmousedown : 'return false;'}, '<span><span style="display:none;" class="mceIconOnly" aria-hidden="true">\u25BC</span></span>') + '</td>';
\r
12163 h += '</tr></tbody></table></span>';
\r
12168 showMenu : function() {
\r
12169 var t = this, p2, e = DOM.get(this.id), m;
\r
12171 if (t.isDisabled() || t.items.length === 0)
\r
12174 if (t.menu && t.menu.isMenuVisible)
\r
12175 return t.hideMenu();
\r
12177 if (!t.isMenuRendered) {
\r
12179 t.isMenuRendered = true;
\r
12182 p2 = DOM.getPos(e);
\r
12185 m.settings.offset_x = p2.x;
\r
12186 m.settings.offset_y = p2.y;
\r
12187 m.settings.keyboard_focus = !tinymce.isOpera; // Opera is buggy when it comes to auto focus
\r
12189 // Select in menu
\r
12190 each(t.items, function(o) {
\r
12191 if (m.items[o.id]) {
\r
12192 m.items[o.id].setSelected(0);
\r
12196 each(t.items, function(o) {
\r
12197 if (m.items[o.id] && t.marked[o.value]) {
\r
12198 m.items[o.id].setSelected(1);
\r
12201 if (o.value === t.selectedValue) {
\r
12202 m.items[o.id].setSelected(1);
\r
12206 m.showMenu(0, e.clientHeight);
\r
12208 Event.add(DOM.doc, 'mousedown', t.hideMenu, t);
\r
12209 DOM.addClass(t.id, t.classPrefix + 'Selected');
\r
12211 //DOM.get(t.id + '_text').focus();
\r
12214 hideMenu : function(e) {
\r
12217 if (t.menu && t.menu.isMenuVisible) {
\r
12218 DOM.removeClass(t.id, t.classPrefix + 'Selected');
\r
12220 // Prevent double toogles by canceling the mouse click event to the button
\r
12221 if (e && e.type == "mousedown" && (e.target.id == t.id + '_text' || e.target.id == t.id + '_open'))
\r
12224 if (!e || !DOM.getParent(e.target, '.mceMenu')) {
\r
12225 DOM.removeClass(t.id, t.classPrefix + 'Selected');
\r
12226 Event.remove(DOM.doc, 'mousedown', t.hideMenu, t);
\r
12227 t.menu.hideMenu();
\r
12232 renderMenu : function() {
\r
12235 m = t.settings.control_manager.createDropMenu(t.id + '_menu', {
\r
12237 'class' : t.classPrefix + 'Menu mceNoIcons',
\r
12242 m.onHideMenu.add(function() {
\r
12248 title : t.settings.title,
\r
12249 'class' : 'mceMenuItemTitle',
\r
12250 onclick : function() {
\r
12251 if (t.settings.onselect('') !== false)
\r
12252 t.select(''); // Must be runned after
\r
12256 each(t.items, function(o) {
\r
12257 // No value then treat it as a title
\r
12258 if (o.value === undef) {
\r
12262 'class' : 'mceMenuItemTitle',
\r
12263 onclick : function() {
\r
12264 if (t.settings.onselect('') !== false)
\r
12265 t.select(''); // Must be runned after
\r
12269 o.id = DOM.uniqueId();
\r
12270 o.role= "option";
\r
12271 o.onclick = function() {
\r
12272 if (t.settings.onselect(o.value) !== false)
\r
12273 t.select(o.value); // Must be runned after
\r
12280 t.onRenderMenu.dispatch(t, m);
\r
12284 postRender : function() {
\r
12285 var t = this, cp = t.classPrefix;
\r
12287 Event.add(t.id, 'click', t.showMenu, t);
\r
12288 Event.add(t.id, 'keydown', function(evt) {
\r
12289 if (evt.keyCode == 32) { // Space
\r
12291 Event.cancel(evt);
\r
12294 Event.add(t.id, 'focus', function() {
\r
12295 if (!t._focused) {
\r
12296 t.keyDownHandler = Event.add(t.id, 'keydown', function(e) {
\r
12297 if (e.keyCode == 40) {
\r
12302 t.keyPressHandler = Event.add(t.id, 'keypress', function(e) {
\r
12304 if (e.keyCode == 13) {
\r
12305 // Fake select on enter
\r
12306 v = t.selectedValue;
\r
12307 t.selectedValue = null; // Needs to be null to fake change
\r
12309 t.settings.onselect(v);
\r
12316 Event.add(t.id, 'blur', function() {
\r
12317 Event.remove(t.id, 'keydown', t.keyDownHandler);
\r
12318 Event.remove(t.id, 'keypress', t.keyPressHandler);
\r
12322 // Old IE doesn't have hover on all elements
\r
12323 if (tinymce.isIE6 || !DOM.boxModel) {
\r
12324 Event.add(t.id, 'mouseover', function() {
\r
12325 if (!DOM.hasClass(t.id, cp + 'Disabled'))
\r
12326 DOM.addClass(t.id, cp + 'Hover');
\r
12329 Event.add(t.id, 'mouseout', function() {
\r
12330 if (!DOM.hasClass(t.id, cp + 'Disabled'))
\r
12331 DOM.removeClass(t.id, cp + 'Hover');
\r
12335 t.onPostRender.dispatch(t, DOM.get(t.id));
\r
12338 destroy : function() {
\r
12341 Event.clear(this.id + '_text');
\r
12342 Event.clear(this.id + '_open');
\r
12347 (function(tinymce) {
\r
12348 var DOM = tinymce.DOM, Event = tinymce.dom.Event, each = tinymce.each, Dispatcher = tinymce.util.Dispatcher, undef;
\r
12350 tinymce.create('tinymce.ui.NativeListBox:tinymce.ui.ListBox', {
\r
12351 NativeListBox : function(id, s) {
\r
12352 this.parent(id, s);
\r
12353 this.classPrefix = 'mceNativeListBox';
\r
12356 setDisabled : function(s) {
\r
12357 DOM.get(this.id).disabled = s;
\r
12358 this.setAriaProperty('disabled', s);
\r
12361 isDisabled : function() {
\r
12362 return DOM.get(this.id).disabled;
\r
12365 select : function(va) {
\r
12366 var t = this, fv, f;
\r
12369 return t.selectByIndex(-1);
\r
12371 // Is string or number make function selector
\r
12372 if (va && typeof(va)=="function")
\r
12375 f = function(v) {
\r
12380 // Do we need to do something?
\r
12381 if (va != t.selectedValue) {
\r
12383 each(t.items, function(o, i) {
\r
12384 if (f(o.value)) {
\r
12386 t.selectByIndex(i);
\r
12392 t.selectByIndex(-1);
\r
12396 selectByIndex : function(idx) {
\r
12397 DOM.get(this.id).selectedIndex = idx + 1;
\r
12398 this.selectedValue = this.items[idx] ? this.items[idx].value : null;
\r
12401 add : function(n, v, a) {
\r
12407 if (t.isRendered())
\r
12408 DOM.add(DOM.get(this.id), 'option', a, n);
\r
12417 t.onAdd.dispatch(t, o);
\r
12420 getLength : function() {
\r
12421 return this.items.length;
\r
12424 renderHTML : function() {
\r
12427 h = DOM.createHTML('option', {value : ''}, '-- ' + t.settings.title + ' --');
\r
12429 each(t.items, function(it) {
\r
12430 h += DOM.createHTML('option', {value : it.value}, it.title);
\r
12433 h = DOM.createHTML('select', {id : t.id, 'class' : 'mceNativeListBox', 'aria-labelledby': t.id + '_aria'}, h);
\r
12434 h += DOM.createHTML('span', {id : t.id + '_aria', 'style': 'display: none'}, t.settings.title);
\r
12438 postRender : function() {
\r
12439 var t = this, ch, changeListenerAdded = true;
\r
12441 t.rendered = true;
\r
12443 function onChange(e) {
\r
12444 var v = t.items[e.target.selectedIndex - 1];
\r
12446 if (v && (v = v.value)) {
\r
12447 t.onChange.dispatch(t, v);
\r
12449 if (t.settings.onselect)
\r
12450 t.settings.onselect(v);
\r
12454 Event.add(t.id, 'change', onChange);
\r
12456 // Accessibility keyhandler
\r
12457 Event.add(t.id, 'keydown', function(e) {
\r
12458 var bf, DOM_VK_LEFT = 37, DOM_VK_RIGHT = 39, DOM_VK_UP = 38, DOM_VK_DOWN = 40, DOM_VK_RETURN = 13, DOM_VK_SPACE = 32;
\r
12460 Event.remove(t.id, 'change', ch);
\r
12461 changeListenerAdded = false;
\r
12463 bf = Event.add(t.id, 'blur', function() {
\r
12464 if (changeListenerAdded) return;
\r
12465 changeListenerAdded = true;
\r
12466 Event.add(t.id, 'change', onChange);
\r
12467 Event.remove(t.id, 'blur', bf);
\r
12470 if (e.keyCode == DOM_VK_RETURN || e.keyCode == DOM_VK_SPACE) {
\r
12472 return Event.cancel(e);
\r
12473 } else if (e.keyCode == DOM_VK_DOWN || e.keyCode == DOM_VK_UP) {
\r
12474 // allow native implementation (navigate select element options)
\r
12475 e.stopImmediatePropagation();
\r
12479 t.onPostRender.dispatch(t, DOM.get(t.id));
\r
12484 (function(tinymce) {
\r
12485 var DOM = tinymce.DOM, Event = tinymce.dom.Event, each = tinymce.each;
\r
12487 tinymce.create('tinymce.ui.MenuButton:tinymce.ui.Button', {
\r
12488 MenuButton : function(id, s, ed) {
\r
12489 this.parent(id, s, ed);
\r
12491 this.onRenderMenu = new tinymce.util.Dispatcher(this);
\r
12493 s.menu_container = s.menu_container || DOM.doc.body;
\r
12496 showMenu : function() {
\r
12497 var t = this, p1, p2, e = DOM.get(t.id), m;
\r
12499 if (t.isDisabled())
\r
12502 if (!t.isMenuRendered) {
\r
12504 t.isMenuRendered = true;
\r
12507 if (t.isMenuVisible)
\r
12508 return t.hideMenu();
\r
12510 p1 = DOM.getPos(t.settings.menu_container);
\r
12511 p2 = DOM.getPos(e);
\r
12514 m.settings.offset_x = p2.x;
\r
12515 m.settings.offset_y = p2.y;
\r
12516 m.settings.vp_offset_x = p2.x;
\r
12517 m.settings.vp_offset_y = p2.y;
\r
12518 m.settings.keyboard_focus = t._focused;
\r
12519 m.showMenu(0, e.firstChild.clientHeight);
\r
12521 Event.add(DOM.doc, 'mousedown', t.hideMenu, t);
\r
12522 t.setState('Selected', 1);
\r
12524 t.isMenuVisible = 1;
\r
12527 renderMenu : function() {
\r
12530 m = t.settings.control_manager.createDropMenu(t.id + '_menu', {
\r
12532 'class' : this.classPrefix + 'Menu',
\r
12533 icons : t.settings.icons
\r
12536 m.onHideMenu.add(function() {
\r
12541 t.onRenderMenu.dispatch(t, m);
\r
12545 hideMenu : function(e) {
\r
12548 // Prevent double toogles by canceling the mouse click event to the button
\r
12549 if (e && e.type == "mousedown" && DOM.getParent(e.target, function(e) {return e.id === t.id || e.id === t.id + '_open';}))
\r
12552 if (!e || !DOM.getParent(e.target, '.mceMenu')) {
\r
12553 t.setState('Selected', 0);
\r
12554 Event.remove(DOM.doc, 'mousedown', t.hideMenu, t);
\r
12556 t.menu.hideMenu();
\r
12559 t.isMenuVisible = 0;
\r
12562 postRender : function() {
\r
12563 var t = this, s = t.settings;
\r
12565 Event.add(t.id, 'click', function() {
\r
12566 if (!t.isDisabled()) {
\r
12568 s.onclick(t.value);
\r
12577 (function(tinymce) {
\r
12578 var DOM = tinymce.DOM, Event = tinymce.dom.Event, each = tinymce.each;
\r
12580 tinymce.create('tinymce.ui.SplitButton:tinymce.ui.MenuButton', {
\r
12581 SplitButton : function(id, s, ed) {
\r
12582 this.parent(id, s, ed);
\r
12583 this.classPrefix = 'mceSplitButton';
\r
12586 renderHTML : function() {
\r
12587 var h, t = this, s = t.settings, h1;
\r
12589 h = '<tbody><tr>';
\r
12592 h1 = DOM.createHTML('img ', {src : s.image, role: 'presentation', 'class' : 'mceAction ' + s['class']});
\r
12594 h1 = DOM.createHTML('span', {'class' : 'mceAction ' + s['class']}, '');
\r
12596 h1 += DOM.createHTML('span', {'class': 'mceVoiceLabel mceIconOnly', id: t.id + '_voice', style: 'display:none;'}, s.title);
\r
12597 h += '<td >' + DOM.createHTML('a', {role: 'button', id : t.id + '_action', tabindex: '-1', href : 'javascript:;', 'class' : 'mceAction ' + s['class'], onclick : "return false;", onmousedown : 'return false;', title : s.title}, h1) + '</td>';
\r
12599 h1 = DOM.createHTML('span', {'class' : 'mceOpen ' + s['class']}, '<span style="display:none;" class="mceIconOnly" aria-hidden="true">\u25BC</span>');
\r
12600 h += '<td >' + DOM.createHTML('a', {role: 'button', id : t.id + '_open', tabindex: '-1', href : 'javascript:;', 'class' : 'mceOpen ' + s['class'], onclick : "return false;", onmousedown : 'return false;', title : s.title}, h1) + '</td>';
\r
12602 h += '</tr></tbody>';
\r
12603 h = DOM.createHTML('table', { role: 'presentation', 'class' : 'mceSplitButton mceSplitButtonEnabled ' + s['class'], cellpadding : '0', cellspacing : '0', title : s.title}, h);
\r
12604 return DOM.createHTML('div', {id : t.id, role: 'button', tabindex: '0', 'aria-labelledby': t.id + '_voice', 'aria-haspopup': 'true'}, h);
\r
12607 postRender : function() {
\r
12608 var t = this, s = t.settings, activate;
\r
12611 activate = function(evt) {
\r
12612 if (!t.isDisabled()) {
\r
12613 s.onclick(t.value);
\r
12614 Event.cancel(evt);
\r
12617 Event.add(t.id + '_action', 'click', activate);
\r
12618 Event.add(t.id, ['click', 'keydown'], function(evt) {
\r
12619 var DOM_VK_SPACE = 32, DOM_VK_ENTER = 14, DOM_VK_RETURN = 13, DOM_VK_UP = 38, DOM_VK_DOWN = 40;
\r
12620 if ((evt.keyCode === 32 || evt.keyCode === 13 || evt.keyCode === 14) && !evt.altKey && !evt.ctrlKey && !evt.metaKey) {
\r
12622 Event.cancel(evt);
\r
12623 } else if (evt.type === 'click' || evt.keyCode === DOM_VK_DOWN) {
\r
12625 Event.cancel(evt);
\r
12630 Event.add(t.id + '_open', 'click', function (evt) {
\r
12632 Event.cancel(evt);
\r
12634 Event.add([t.id, t.id + '_open'], 'focus', function() {t._focused = 1;});
\r
12635 Event.add([t.id, t.id + '_open'], 'blur', function() {t._focused = 0;});
\r
12637 // Old IE doesn't have hover on all elements
\r
12638 if (tinymce.isIE6 || !DOM.boxModel) {
\r
12639 Event.add(t.id, 'mouseover', function() {
\r
12640 if (!DOM.hasClass(t.id, 'mceSplitButtonDisabled'))
\r
12641 DOM.addClass(t.id, 'mceSplitButtonHover');
\r
12644 Event.add(t.id, 'mouseout', function() {
\r
12645 if (!DOM.hasClass(t.id, 'mceSplitButtonDisabled'))
\r
12646 DOM.removeClass(t.id, 'mceSplitButtonHover');
\r
12651 destroy : function() {
\r
12654 Event.clear(this.id + '_action');
\r
12655 Event.clear(this.id + '_open');
\r
12656 Event.clear(this.id);
\r
12661 (function(tinymce) {
\r
12662 var DOM = tinymce.DOM, Event = tinymce.dom.Event, is = tinymce.is, each = tinymce.each;
\r
12664 tinymce.create('tinymce.ui.ColorSplitButton:tinymce.ui.SplitButton', {
\r
12665 ColorSplitButton : function(id, s, ed) {
\r
12668 t.parent(id, s, ed);
\r
12670 t.settings = s = tinymce.extend({
\r
12671 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
12673 default_color : '#888888'
\r
12676 t.onShowMenu = new tinymce.util.Dispatcher(t);
\r
12678 t.onHideMenu = new tinymce.util.Dispatcher(t);
\r
12680 t.value = s.default_color;
\r
12683 showMenu : function() {
\r
12684 var t = this, r, p, e, p2;
\r
12686 if (t.isDisabled())
\r
12689 if (!t.isMenuRendered) {
\r
12691 t.isMenuRendered = true;
\r
12694 if (t.isMenuVisible)
\r
12695 return t.hideMenu();
\r
12697 e = DOM.get(t.id);
\r
12698 DOM.show(t.id + '_menu');
\r
12699 DOM.addClass(e, 'mceSplitButtonSelected');
\r
12700 p2 = DOM.getPos(e);
\r
12701 DOM.setStyles(t.id + '_menu', {
\r
12703 top : p2.y + e.firstChild.clientHeight,
\r
12708 Event.add(DOM.doc, 'mousedown', t.hideMenu, t);
\r
12709 t.onShowMenu.dispatch(t);
\r
12711 if (t._focused) {
\r
12712 t._keyHandler = Event.add(t.id + '_menu', 'keydown', function(e) {
\r
12713 if (e.keyCode == 27)
\r
12717 DOM.select('a', t.id + '_menu')[0].focus(); // Select first link
\r
12720 t.keyboardNav = new tinymce.ui.KeyboardNavigation({
\r
12721 root: t.id + '_menu',
\r
12722 items: DOM.select('a', t.id + '_menu'),
\r
12723 onCancel: function() {
\r
12729 t.keyboardNav.focus();
\r
12730 t.isMenuVisible = 1;
\r
12733 hideMenu : function(e) {
\r
12736 if (t.isMenuVisible) {
\r
12737 // Prevent double toogles by canceling the mouse click event to the button
\r
12738 if (e && e.type == "mousedown" && DOM.getParent(e.target, function(e) {return e.id === t.id + '_open';}))
\r
12741 if (!e || !DOM.getParent(e.target, '.mceSplitButtonMenu')) {
\r
12742 DOM.removeClass(t.id, 'mceSplitButtonSelected');
\r
12743 Event.remove(DOM.doc, 'mousedown', t.hideMenu, t);
\r
12744 Event.remove(t.id + '_menu', 'keydown', t._keyHandler);
\r
12745 DOM.hide(t.id + '_menu');
\r
12748 t.isMenuVisible = 0;
\r
12749 t.onHideMenu.dispatch();
\r
12750 t.keyboardNav.destroy();
\r
12754 renderMenu : function() {
\r
12755 var t = this, m, i = 0, s = t.settings, n, tb, tr, w, context;
\r
12757 w = DOM.add(s.menu_container, 'div', {role: 'listbox', id : t.id + '_menu', 'class' : s.menu_class + ' ' + s['class'], style : 'position:absolute;left:0;top:-1000px;'});
\r
12758 m = DOM.add(w, 'div', {'class' : s['class'] + ' mceSplitButtonMenu'});
\r
12759 DOM.add(m, 'span', {'class' : 'mceMenuLine'});
\r
12761 n = DOM.add(m, 'table', {role: 'presentation', 'class' : 'mceColorSplitMenu'});
\r
12762 tb = DOM.add(n, 'tbody');
\r
12764 // Generate color grid
\r
12766 each(is(s.colors, 'array') ? s.colors : s.colors.split(','), function(c) {
\r
12767 c = c.replace(/^#/, '');
\r
12770 tr = DOM.add(tb, 'tr');
\r
12771 i = s.grid_width - 1;
\r
12774 n = DOM.add(tr, 'td');
\r
12776 href : 'javascript:;',
\r
12778 backgroundColor : '#' + c
\r
12780 'title': t.editor.getLang('colors.' + c, c),
\r
12781 'data-mce-color' : '#' + c
\r
12784 // adding a proper ARIA role = button causes JAWS to read things incorrectly on IE.
\r
12785 if (!tinymce.isIE ) {
\r
12786 settings.role = 'option';
\r
12789 n = DOM.add(n, 'a', settings);
\r
12791 if (t.editor.forcedHighContrastMode) {
\r
12792 n = DOM.add(n, 'canvas', { width: 16, height: 16, 'aria-hidden': 'true' });
\r
12793 if (n.getContext && (context = n.getContext("2d"))) {
\r
12794 context.fillStyle = '#' + c;
\r
12795 context.fillRect(0, 0, 16, 16);
\r
12797 // No point leaving a canvas element around if it's not supported for drawing on anyway.
\r
12803 if (s.more_colors_func) {
\r
12804 n = DOM.add(tb, 'tr');
\r
12805 n = DOM.add(n, 'td', {colspan : s.grid_width, 'class' : 'mceMoreColors'});
\r
12806 n = DOM.add(n, 'a', {role: 'option', id : t.id + '_more', href : 'javascript:;', onclick : 'return false;', 'class' : 'mceMoreColors'}, s.more_colors_title);
\r
12808 Event.add(n, 'click', function(e) {
\r
12809 s.more_colors_func.call(s.more_colors_scope || this);
\r
12810 return Event.cancel(e); // Cancel to fix onbeforeunload problem
\r
12814 DOM.addClass(m, 'mceColorSplitMenu');
\r
12816 // Prevent IE from scrolling and hindering click to occur #4019
\r
12817 Event.add(t.id + '_menu', 'mousedown', function(e) {return Event.cancel(e);});
\r
12819 Event.add(t.id + '_menu', 'click', function(e) {
\r
12822 e = DOM.getParent(e.target, 'a', tb);
\r
12824 if (e && e.nodeName.toLowerCase() == 'a' && (c = e.getAttribute('data-mce-color')))
\r
12827 return false; // Prevent IE auto save warning
\r
12833 setColor : function(c) {
\r
12834 this.displayColor(c);
\r
12836 this.settings.onselect(c);
\r
12839 displayColor : function(c) {
\r
12842 DOM.setStyle(t.id + '_preview', 'backgroundColor', c);
\r
12847 postRender : function() {
\r
12848 var t = this, id = t.id;
\r
12851 DOM.add(id + '_action', 'div', {id : id + '_preview', 'class' : 'mceColorPreview'});
\r
12852 DOM.setStyle(t.id + '_preview', 'backgroundColor', t.value);
\r
12855 destroy : function() {
\r
12860 Event.clear(self.id + '_menu');
\r
12861 Event.clear(self.id + '_more');
\r
12862 DOM.remove(self.id + '_menu');
\r
12864 if (self.keyboardNav) {
\r
12865 self.keyboardNav.destroy();
\r
12871 (function(tinymce) {
\r
12872 // Shorten class names
\r
12873 var dom = tinymce.DOM, each = tinymce.each, Event = tinymce.dom.Event;
\r
12874 tinymce.create('tinymce.ui.ToolbarGroup:tinymce.ui.Container', {
\r
12875 renderHTML : function() {
\r
12876 var t = this, h = [], controls = t.controls, each = tinymce.each, settings = t.settings;
\r
12878 h.push('<div id="' + t.id + '" role="group" aria-labelledby="' + t.id + '_voice">');
\r
12879 //TODO: ACC test this out - adding a role = application for getting the landmarks working well.
\r
12880 h.push("<span role='application'>");
\r
12881 h.push('<span id="' + t.id + '_voice" class="mceVoiceLabel" style="display:none;">' + dom.encode(settings.name) + '</span>');
\r
12882 each(controls, function(toolbar) {
\r
12883 h.push(toolbar.renderHTML());
\r
12885 h.push("</span>");
\r
12886 h.push('</div>');
\r
12888 return h.join('');
\r
12891 focus : function() {
\r
12893 dom.get(t.id).focus();
\r
12896 postRender : function() {
\r
12897 var t = this, items = [];
\r
12899 each(t.controls, function(toolbar) {
\r
12900 each (toolbar.controls, function(control) {
\r
12901 if (control.id) {
\r
12902 items.push(control);
\r
12907 t.keyNav = new tinymce.ui.KeyboardNavigation({
\r
12910 onCancel: function() {
\r
12911 //Move focus if webkit so that navigation back will read the item.
\r
12912 if (tinymce.isWebKit) {
\r
12913 dom.get(t.editor.id+"_ifr").focus();
\r
12915 t.editor.focus();
\r
12917 excludeFromTabOrder: !t.settings.tab_focus_toolbar
\r
12921 destroy : function() {
\r
12925 self.keyNav.destroy();
\r
12926 Event.clear(self.id);
\r
12931 (function(tinymce) {
\r
12932 // Shorten class names
\r
12933 var dom = tinymce.DOM, each = tinymce.each;
\r
12934 tinymce.create('tinymce.ui.Toolbar:tinymce.ui.Container', {
\r
12935 renderHTML : function() {
\r
12936 var t = this, h = '', c, co, s = t.settings, i, pr, nx, cl;
\r
12939 for (i=0; i<cl.length; i++) {
\r
12940 // Get current control, prev control, next control and if the control is a list box or not
\r
12945 // Add toolbar start
\r
12947 c = 'mceToolbarStart';
\r
12950 c += ' mceToolbarStartButton';
\r
12951 else if (co.SplitButton)
\r
12952 c += ' mceToolbarStartSplitButton';
\r
12953 else if (co.ListBox)
\r
12954 c += ' mceToolbarStartListBox';
\r
12956 h += dom.createHTML('td', {'class' : c}, dom.createHTML('span', null, '<!-- IE -->'));
\r
12959 // Add toolbar end before list box and after the previous button
\r
12960 // This is to fix the o2k7 editor skins
\r
12961 if (pr && co.ListBox) {
\r
12962 if (pr.Button || pr.SplitButton)
\r
12963 h += dom.createHTML('td', {'class' : 'mceToolbarEnd'}, dom.createHTML('span', null, '<!-- IE -->'));
\r
12966 // Render control HTML
\r
12968 // IE 8 quick fix, needed to propertly generate a hit area for anchors
\r
12970 h += '<td style="position: relative">' + co.renderHTML() + '</td>';
\r
12972 h += '<td>' + co.renderHTML() + '</td>';
\r
12974 // Add toolbar start after list box and before the next button
\r
12975 // This is to fix the o2k7 editor skins
\r
12976 if (nx && co.ListBox) {
\r
12977 if (nx.Button || nx.SplitButton)
\r
12978 h += dom.createHTML('td', {'class' : 'mceToolbarStart'}, dom.createHTML('span', null, '<!-- IE -->'));
\r
12982 c = 'mceToolbarEnd';
\r
12985 c += ' mceToolbarEndButton';
\r
12986 else if (co.SplitButton)
\r
12987 c += ' mceToolbarEndSplitButton';
\r
12988 else if (co.ListBox)
\r
12989 c += ' mceToolbarEndListBox';
\r
12991 h += dom.createHTML('td', {'class' : c}, dom.createHTML('span', null, '<!-- IE -->'));
\r
12993 return dom.createHTML('table', {id : t.id, 'class' : 'mceToolbar' + (s['class'] ? ' ' + s['class'] : ''), cellpadding : '0', cellspacing : '0', align : t.settings.align || '', role: 'presentation', tabindex: '-1'}, '<tbody><tr>' + h + '</tr></tbody>');
\r
12998 (function(tinymce) {
\r
12999 var Dispatcher = tinymce.util.Dispatcher, each = tinymce.each;
\r
13001 tinymce.create('tinymce.AddOnManager', {
\r
13002 AddOnManager : function() {
\r
13007 self.lookup = {};
\r
13008 self.onAdd = new Dispatcher(self);
\r
13011 get : function(n) {
\r
13012 if (this.lookup[n]) {
\r
13013 return this.lookup[n].instance;
\r
13015 return undefined;
\r
13019 dependencies : function(n) {
\r
13021 if (this.lookup[n]) {
\r
13022 result = this.lookup[n].dependencies;
\r
13024 return result || [];
\r
13027 requireLangPack : function(n) {
\r
13028 var s = tinymce.settings;
\r
13030 if (s && s.language && s.language_load !== false)
\r
13031 tinymce.ScriptLoader.add(this.urls[n] + '/langs/' + s.language + '.js');
\r
13034 add : function(id, o, dependencies) {
\r
13035 this.items.push(o);
\r
13036 this.lookup[id] = {instance:o, dependencies:dependencies};
\r
13037 this.onAdd.dispatch(this, id, o);
\r
13041 createUrl: function(baseUrl, dep) {
\r
13042 if (typeof dep === "object") {
\r
13045 return {prefix: baseUrl.prefix, resource: dep, suffix: baseUrl.suffix};
\r
13049 addComponents: function(pluginName, scripts) {
\r
13050 var pluginUrl = this.urls[pluginName];
\r
13051 tinymce.each(scripts, function(script){
\r
13052 tinymce.ScriptLoader.add(pluginUrl+"/"+script);
\r
13056 load : function(n, u, cb, s) {
\r
13057 var t = this, url = u;
\r
13059 function loadDependencies() {
\r
13060 var dependencies = t.dependencies(n);
\r
13061 tinymce.each(dependencies, function(dep) {
\r
13062 var newUrl = t.createUrl(u, dep);
\r
13063 t.load(newUrl.resource, newUrl, undefined, undefined);
\r
13069 cb.call(tinymce.ScriptLoader);
\r
13076 if (typeof u === "object")
\r
13077 url = u.prefix + u.resource + u.suffix;
\r
13079 if (url.indexOf('/') !== 0 && url.indexOf('://') == -1)
\r
13080 url = tinymce.baseURL + '/' + url;
\r
13082 t.urls[n] = url.substring(0, url.lastIndexOf('/'));
\r
13084 if (t.lookup[n]) {
\r
13085 loadDependencies();
\r
13087 tinymce.ScriptLoader.add(url, loadDependencies, s);
\r
13092 // Create plugin and theme managers
\r
13093 tinymce.PluginManager = new tinymce.AddOnManager();
\r
13094 tinymce.ThemeManager = new tinymce.AddOnManager();
\r
13097 (function(tinymce) {
\r
13099 var each = tinymce.each, extend = tinymce.extend,
\r
13100 DOM = tinymce.DOM, Event = tinymce.dom.Event,
\r
13101 ThemeManager = tinymce.ThemeManager, PluginManager = tinymce.PluginManager,
\r
13102 explode = tinymce.explode,
\r
13103 Dispatcher = tinymce.util.Dispatcher, undef, instanceCounter = 0;
\r
13105 // Setup some URLs where the editor API is located and where the document is
\r
13106 tinymce.documentBaseURL = window.location.href.replace(/[\?#].*$/, '').replace(/[\/\\][^\/]+$/, '');
\r
13107 if (!/[\/\\]$/.test(tinymce.documentBaseURL))
\r
13108 tinymce.documentBaseURL += '/';
\r
13110 tinymce.baseURL = new tinymce.util.URI(tinymce.documentBaseURL).toAbsolute(tinymce.baseURL);
\r
13112 tinymce.baseURI = new tinymce.util.URI(tinymce.baseURL);
\r
13114 // Add before unload listener
\r
13115 // This was required since IE was leaking memory if you added and removed beforeunload listeners
\r
13116 // with attachEvent/detatchEvent so this only adds one listener and instances can the attach to the onBeforeUnload event
\r
13117 tinymce.onBeforeUnload = new Dispatcher(tinymce);
\r
13119 // Must be on window or IE will leak if the editor is placed in frame or iframe
\r
13120 Event.add(window, 'beforeunload', function(e) {
\r
13121 tinymce.onBeforeUnload.dispatch(tinymce, e);
\r
13124 tinymce.onAddEditor = new Dispatcher(tinymce);
\r
13126 tinymce.onRemoveEditor = new Dispatcher(tinymce);
\r
13128 tinymce.EditorManager = extend(tinymce, {
\r
13133 activeEditor : null,
\r
13135 init : function(s) {
\r
13136 var t = this, pl, sl = tinymce.ScriptLoader, e, el = [], ed;
\r
13138 function createId(elm) {
\r
13141 // Use element id, or unique name or generate a unique id
\r
13145 if (id && !DOM.get(id)) {
\r
13148 // Generate unique name
\r
13149 id = DOM.uniqueId();
\r
13152 elm.setAttribute('id', id);
\r
13158 function execCallback(se, n, s) {
\r
13164 if (tinymce.is(f, 'string')) {
\r
13165 s = f.replace(/\.\w+$/, '');
\r
13166 s = s ? tinymce.resolve(s) : 0;
\r
13167 f = tinymce.resolve(f);
\r
13170 return f.apply(s || this, Array.prototype.slice.call(arguments, 2));
\r
13173 function hasClass(n, c) {
\r
13174 return c.constructor === RegExp ? c.test(n.className) : DOM.hasClass(n, c);
\r
13180 Event.bind(window, 'ready', function() {
\r
13183 execCallback(s, 'onpageload');
\r
13185 switch (s.mode) {
\r
13187 l = s.elements || '';
\r
13189 if(l.length > 0) {
\r
13190 each(explode(l), function(v) {
\r
13191 if (DOM.get(v)) {
\r
13192 ed = new tinymce.Editor(v, s);
\r
13196 each(document.forms, function(f) {
\r
13197 each(f.elements, function(e) {
\r
13198 if (e.name === v) {
\r
13199 v = 'mce_editor_' + instanceCounter++;
\r
13200 DOM.setAttrib(e, 'id', v);
\r
13202 ed = new tinymce.Editor(v, s);
\r
13213 case "textareas":
\r
13214 case "specific_textareas":
\r
13215 each(DOM.select('textarea'), function(elm) {
\r
13216 if (s.editor_deselector && hasClass(elm, s.editor_deselector))
\r
13219 if (!s.editor_selector || hasClass(elm, s.editor_selector)) {
\r
13220 ed = new tinymce.Editor(createId(elm), s);
\r
13229 // Process type specific selector
\r
13230 each(s.types, function(type) {
\r
13231 each(DOM.select(type.selector), function(elm) {
\r
13232 var editor = new tinymce.Editor(createId(elm), tinymce.extend({}, s, type));
\r
13234 editor.render(1);
\r
13237 } else if (s.selector) {
\r
13238 // Process global selector
\r
13239 each(DOM.select(s.selector), function(elm) {
\r
13240 var editor = new tinymce.Editor(createId(elm), s);
\r
13242 editor.render(1);
\r
13247 // Call onInit when all editors are initialized
\r
13251 each(el, function(ed) {
\r
13254 if (!ed.initialized) {
\r
13256 ed.onInit.add(function() {
\r
13261 execCallback(s, 'oninit');
\r
13268 execCallback(s, 'oninit');
\r
13274 get : function(id) {
\r
13275 if (id === undef)
\r
13276 return this.editors;
\r
13278 if (!this.editors.hasOwnProperty(id))
\r
13281 return this.editors[id];
\r
13284 getInstanceById : function(id) {
\r
13285 return this.get(id);
\r
13288 add : function(editor) {
\r
13289 var self = this, editors = self.editors;
\r
13291 // Add named and index editor instance
\r
13292 editors[editor.id] = editor;
\r
13293 editors.push(editor);
\r
13295 self._setActive(editor);
\r
13296 self.onAddEditor.dispatch(self, editor);
\r
13302 remove : function(editor) {
\r
13303 var t = this, i, editors = t.editors;
\r
13305 // Not in the collection
\r
13306 if (!editors[editor.id])
\r
13309 delete editors[editor.id];
\r
13311 for (i = 0; i < editors.length; i++) {
\r
13312 if (editors[i] == editor) {
\r
13313 editors.splice(i, 1);
\r
13318 // Select another editor since the active one was removed
\r
13319 if (t.activeEditor == editor)
\r
13320 t._setActive(editors[0]);
\r
13322 editor.destroy();
\r
13323 t.onRemoveEditor.dispatch(t, editor);
\r
13328 execCommand : function(c, u, v) {
\r
13329 var t = this, ed = t.get(v), w;
\r
13333 w.detachEvent('onunload', clr);
\r
13334 w = w.tinyMCE = w.tinymce = null; // IE leak
\r
13337 // Manager commands
\r
13343 case "mceAddEditor":
\r
13344 case "mceAddControl":
\r
13346 new tinymce.Editor(v, t.settings).render();
\r
13350 case "mceAddFrameControl":
\r
13353 // Add tinyMCE global instance and tinymce namespace to specified window
\r
13354 w.tinyMCE = tinyMCE;
\r
13355 w.tinymce = tinymce;
\r
13357 tinymce.DOM.doc = w.document;
\r
13358 tinymce.DOM.win = w;
\r
13360 ed = new tinymce.Editor(v.element_id, v);
\r
13363 // Fix IE memory leaks
\r
13364 if (tinymce.isIE && ! tinymce.isIE11) {
\r
13365 w.attachEvent('onunload', clr);
\r
13368 v.page_window = null;
\r
13372 case "mceRemoveEditor":
\r
13373 case "mceRemoveControl":
\r
13379 case 'mceToggleEditor':
\r
13381 t.execCommand('mceAddControl', 0, v);
\r
13385 if (ed.isHidden())
\r
13393 // Run command on active editor
\r
13394 if (t.activeEditor)
\r
13395 return t.activeEditor.execCommand(c, u, v);
\r
13400 execInstanceCommand : function(id, c, u, v) {
\r
13401 var ed = this.get(id);
\r
13404 return ed.execCommand(c, u, v);
\r
13409 triggerSave : function() {
\r
13410 each(this.editors, function(e) {
\r
13415 addI18n : function(p, o) {
\r
13416 var lo, i18n = this.i18n;
\r
13418 if (!tinymce.is(p, 'string')) {
\r
13419 each(p, function(o, lc) {
\r
13420 each(o, function(o, g) {
\r
13421 each(o, function(o, k) {
\r
13422 if (g === 'common')
\r
13423 i18n[lc + '.' + k] = o;
\r
13425 i18n[lc + '.' + g + '.' + k] = o;
\r
13430 each(o, function(o, k) {
\r
13431 i18n[p + '.' + k] = o;
\r
13436 // Private methods
\r
13438 _setActive : function(editor) {
\r
13439 this.selectedInstance = this.activeEditor = editor;
\r
13444 (function(tinymce) {
\r
13445 // Shorten these names
\r
13446 var DOM = tinymce.DOM, Event = tinymce.dom.Event, extend = tinymce.extend,
\r
13447 each = tinymce.each, isGecko = tinymce.isGecko,
\r
13448 isIE = tinymce.isIE, isWebKit = tinymce.isWebKit, is = tinymce.is,
\r
13449 ThemeManager = tinymce.ThemeManager, PluginManager = tinymce.PluginManager,
\r
13450 explode = tinymce.explode;
\r
13452 tinymce.create('tinymce.Editor', {
\r
13453 Editor : function(id, settings) {
\r
13454 var self = this, TRUE = true;
\r
13456 self.settings = settings = extend({
\r
13459 theme : 'advanced',
\r
13460 skin : 'default',
\r
13462 delta_height : 0,
\r
13465 document_base_url : tinymce.documentBaseURL,
\r
13466 add_form_submit_trigger : TRUE,
\r
13467 submit_patch : TRUE,
\r
13468 add_unload_trigger : TRUE,
\r
13469 convert_urls : TRUE,
\r
13470 relative_urls : TRUE,
\r
13471 remove_script_host : TRUE,
\r
13472 table_inline_editing : false,
\r
13473 object_resizing : TRUE,
\r
13474 accessibility_focus : TRUE,
\r
13475 doctype : tinymce.isIE6 ? '<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">' : '<!DOCTYPE>', // Use old doctype on IE 6 to avoid horizontal scroll
\r
13477 font_size_style_values : 'xx-small,x-small,small,medium,large,x-large,xx-large',
\r
13478 font_size_legacy_values : 'xx-small,small,medium,large,x-large,xx-large,300%', // See: http://www.w3.org/TR/CSS2/fonts.html#propdef-font-size
\r
13479 apply_source_formatting : TRUE,
\r
13480 directionality : 'ltr',
\r
13481 forced_root_block : 'p',
\r
13482 hidden_input : TRUE,
\r
13483 padd_empty_editor : TRUE,
\r
13484 render_ui : TRUE,
\r
13485 indentation : '30px',
\r
13486 fix_table_elements : TRUE,
\r
13487 inline_styles : TRUE,
\r
13488 convert_fonts_to_spans : TRUE,
\r
13489 indent : 'simple',
\r
13490 indent_before : 'p,h1,h2,h3,h4,h5,h6,blockquote,div,title,style,pre,script,td,ul,li,area,table,thead,tfoot,tbody,tr,section,article,hgroup,aside,figure,option,optgroup,datalist',
\r
13491 indent_after : 'p,h1,h2,h3,h4,h5,h6,blockquote,div,title,style,pre,script,td,ul,li,area,table,thead,tfoot,tbody,tr,section,article,hgroup,aside,figure,option,optgroup,datalist',
\r
13493 entity_encoding : 'named',
\r
13494 url_converter : self.convertURL,
\r
13495 url_converter_scope : self,
\r
13496 ie7_compat : TRUE
\r
13499 self.id = self.editorId = id;
\r
13501 self.isNotDirty = false;
\r
13503 self.plugins = {};
\r
13505 self.documentBaseURI = new tinymce.util.URI(settings.document_base_url || tinymce.documentBaseURL, {
\r
13506 base_uri : tinyMCE.baseURI
\r
13509 self.baseURI = tinymce.baseURI;
\r
13511 self.contentCSS = [];
\r
13513 self.contentStyles = [];
\r
13515 // Creates all events like onClick, onSetContent etc see Editor.Events.js for the actual logic
\r
13516 self.setupEvents();
\r
13518 // Internal command handler objects
\r
13519 self.execCommands = {};
\r
13520 self.queryStateCommands = {};
\r
13521 self.queryValueCommands = {};
\r
13524 self.execCallback('setup', self);
\r
13527 render : function(nst) {
\r
13528 var t = this, s = t.settings, id = t.id, sl = tinymce.ScriptLoader;
\r
13530 // Page is not loaded yet, wait for it
\r
13531 if (!Event.domLoaded) {
\r
13532 Event.add(window, 'ready', function() {
\r
13538 tinyMCE.settings = s;
\r
13540 // Element not found, then skip initialization
\r
13541 if (!t.getElement())
\r
13544 // Is a iPad/iPhone and not on iOS5, then skip initialization. We need to sniff
\r
13545 // here since the browser says it has contentEditable support but there is no visible caret.
\r
13546 if (tinymce.isIDevice && !tinymce.isIOS5)
\r
13549 // Add hidden input for non input elements inside form elements
\r
13550 if (!/TEXTAREA|INPUT/i.test(t.getElement().nodeName) && s.hidden_input && DOM.getParent(id, 'form'))
\r
13551 DOM.insertAfter(DOM.create('input', {type : 'hidden', name : id}), id);
\r
13553 // Hide target element early to prevent content flashing
\r
13554 if (!s.content_editable) {
\r
13555 t.orgVisibility = t.getElement().style.visibility;
\r
13556 t.getElement().style.visibility = 'hidden';
\r
13559 if (tinymce.WindowManager)
\r
13560 t.windowManager = new tinymce.WindowManager(t);
\r
13562 if (s.encoding == 'xml') {
\r
13563 t.onGetContent.add(function(ed, o) {
\r
13565 o.content = DOM.encode(o.content);
\r
13569 if (s.add_form_submit_trigger) {
\r
13570 t.onSubmit.addToTop(function() {
\r
13571 if (t.initialized) {
\r
13573 t.isNotDirty = 1;
\r
13578 if (s.add_unload_trigger) {
\r
13579 t._beforeUnload = tinyMCE.onBeforeUnload.add(function() {
\r
13580 if (t.initialized && !t.destroyed && !t.isHidden())
\r
13581 t.save({format : 'raw', no_events : true});
\r
13585 tinymce.addUnload(t.destroy, t);
\r
13587 if (s.submit_patch) {
\r
13588 t.onBeforeRenderUI.add(function() {
\r
13589 var n = t.getElement().form;
\r
13594 // Already patched
\r
13595 if (n._mceOldSubmit)
\r
13598 // Check page uses id="submit" or name="submit" for it's submit button
\r
13599 if (!n.submit.nodeType && !n.submit.length) {
\r
13600 t.formElement = n;
\r
13601 n._mceOldSubmit = n.submit;
\r
13602 n.submit = function() {
\r
13603 // Save all instances
\r
13604 tinymce.triggerSave();
\r
13605 t.isNotDirty = 1;
\r
13607 return t.formElement._mceOldSubmit(t.formElement);
\r
13616 function loadScripts() {
\r
13617 if (s.language && s.language_load !== false)
\r
13618 sl.add(tinymce.baseURL + '/langs/' + s.language + '.js');
\r
13620 if (s.theme && typeof s.theme != "function" && s.theme.charAt(0) != '-' && !ThemeManager.urls[s.theme])
\r
13621 ThemeManager.load(s.theme, 'themes/' + s.theme + '/editor_template' + tinymce.suffix + '.js');
\r
13623 each(explode(s.plugins), function(p) {
\r
13624 if (p &&!PluginManager.urls[p]) {
\r
13625 if (p.charAt(0) == '-') {
\r
13626 p = p.substr(1, p.length);
\r
13627 var dependencies = PluginManager.dependencies(p);
\r
13628 each(dependencies, function(dep) {
\r
13629 var defaultSettings = {prefix:'plugins/', resource: dep, suffix:'/editor_plugin' + tinymce.suffix + '.js'};
\r
13630 dep = PluginManager.createUrl(defaultSettings, dep);
\r
13631 PluginManager.load(dep.resource, dep);
\r
13634 // Skip safari plugin, since it is removed as of 3.3b1
\r
13635 if (p == 'safari') {
\r
13638 PluginManager.load(p, {prefix:'plugins/', resource: p, suffix:'/editor_plugin' + tinymce.suffix + '.js'});
\r
13643 // Init when que is loaded
\r
13644 sl.loadQueue(function() {
\r
13653 init : function() {
\r
13654 var n, t = this, s = t.settings, w, h, mh, e = t.getElement(), o, ti, u, bi, bc, re, i, initializedPlugins = [];
\r
13658 s.aria_label = s.aria_label || DOM.getAttrib(e, 'aria-label', t.getLang('aria.rich_text_area'));
\r
13661 if (typeof s.theme != "function") {
\r
13662 s.theme = s.theme.replace(/-/, '');
\r
13663 o = ThemeManager.get(s.theme);
\r
13664 t.theme = new o();
\r
13666 if (t.theme.init)
\r
13667 t.theme.init(t, ThemeManager.urls[s.theme] || tinymce.documentBaseURL.replace(/\/$/, ''));
\r
13669 t.theme = s.theme;
\r
13673 function initPlugin(p) {
\r
13674 var c = PluginManager.get(p), u = PluginManager.urls[p] || tinymce.documentBaseURL.replace(/\/$/, ''), po;
\r
13675 if (c && tinymce.inArray(initializedPlugins,p) === -1) {
\r
13676 each(PluginManager.dependencies(p), function(dep){
\r
13679 po = new c(t, u);
\r
13681 t.plugins[p] = po;
\r
13685 initializedPlugins.push(p);
\r
13690 // Create all plugins
\r
13691 each(explode(s.plugins.replace(/\-/g, '')), initPlugin);
\r
13693 // Setup popup CSS path(s)
\r
13694 if (s.popup_css !== false) {
\r
13696 s.popup_css = t.documentBaseURI.toAbsolute(s.popup_css);
\r
13698 s.popup_css = t.baseURI.toAbsolute("themes/" + s.theme + "/skins/" + s.skin + "/dialog.css");
\r
13701 if (s.popup_css_add)
\r
13702 s.popup_css += ',' + t.documentBaseURI.toAbsolute(s.popup_css_add);
\r
13704 t.controlManager = new tinymce.ControlManager(t);
\r
13706 // Enables users to override the control factory
\r
13707 t.onBeforeRenderUI.dispatch(t, t.controlManager);
\r
13710 if (s.render_ui && t.theme) {
\r
13711 t.orgDisplay = e.style.display;
\r
13713 if (typeof s.theme != "function") {
\r
13714 w = s.width || e.style.width || e.offsetWidth;
\r
13715 h = s.height || e.style.height || e.offsetHeight;
\r
13716 mh = s.min_height || 100;
\r
13717 re = /^[0-9\.]+(|px)$/i;
\r
13719 if (re.test('' + w))
\r
13720 w = Math.max(parseInt(w, 10) + (o.deltaWidth || 0), 100);
\r
13722 if (re.test('' + h))
\r
13723 h = Math.max(parseInt(h, 10) + (o.deltaHeight || 0), mh);
\r
13726 o = t.theme.renderUI({
\r
13730 deltaWidth : s.delta_width,
\r
13731 deltaHeight : s.delta_height
\r
13735 DOM.setStyles(o.sizeContainer || o.editorContainer, {
\r
13740 h = (o.iframeHeight || h) + (typeof(h) == 'number' ? (o.deltaHeight || 0) : '');
\r
13744 o = s.theme(t, e);
\r
13746 // Convert element type to id:s
\r
13747 if (o.editorContainer.nodeType) {
\r
13748 o.editorContainer = o.editorContainer.id = o.editorContainer.id || t.id + "_parent";
\r
13751 // Convert element type to id:s
\r
13752 if (o.iframeContainer.nodeType) {
\r
13753 o.iframeContainer = o.iframeContainer.id = o.iframeContainer.id || t.id + "_iframecontainer";
\r
13756 // Use specified iframe height or the targets offsetHeight
\r
13757 h = o.iframeHeight || e.offsetHeight;
\r
13759 // Store away the selection when it's changed to it can be restored later with a editor.focus() call
\r
13761 t.onInit.add(function(ed) {
\r
13762 ed.dom.bind(ed.getBody(), 'beforedeactivate keydown keyup', function() {
\r
13763 ed.bookmark = ed.selection.getBookmark(1);
\r
13767 t.onNodeChange.add(function(ed) {
\r
13768 if (document.activeElement.id == ed.id + "_ifr") {
\r
13769 ed.bookmark = ed.selection.getBookmark(1);
\r
13775 t.editorContainer = o.editorContainer;
\r
13778 // Load specified content CSS last
\r
13779 if (s.content_css) {
\r
13780 each(explode(s.content_css), function(u) {
\r
13781 t.contentCSS.push(t.documentBaseURI.toAbsolute(u));
\r
13785 // Load specified content CSS last
\r
13786 if (s.content_style) {
\r
13787 t.contentStyles.push(s.content_style);
\r
13790 // Content editable mode ends here
\r
13791 if (s.content_editable) {
\r
13792 e = n = o = null; // Fix IE leak
\r
13793 return t.initContentBody();
\r
13796 // User specified a document.domain value
\r
13797 if (document.domain && location.hostname != document.domain)
\r
13798 tinymce.relaxedDomain = document.domain;
\r
13800 t.iframeHTML = s.doctype + '<html><head xmlns="http://www.w3.org/1999/xhtml">';
\r
13802 // We only need to override paths if we have to
\r
13803 // IE has a bug where it remove site absolute urls to relative ones if this is specified
\r
13804 if (s.document_base_url != tinymce.documentBaseURL)
\r
13805 t.iframeHTML += '<base href="' + t.documentBaseURI.getURI() + '" />';
\r
13807 // IE8 doesn't support carets behind images setting ie7_compat would force IE8+ to run in IE7 compat mode.
\r
13808 if (tinymce.isIE8) {
\r
13809 if (s.ie7_compat)
\r
13810 t.iframeHTML += '<meta http-equiv="X-UA-Compatible" content="IE=7" />';
\r
13812 t.iframeHTML += '<meta http-equiv="X-UA-Compatible" content="IE=edge" />';
\r
13815 t.iframeHTML += '<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />';
\r
13817 // Load the CSS by injecting them into the HTML this will reduce "flicker"
\r
13818 for (i = 0; i < t.contentCSS.length; i++) {
\r
13819 t.iframeHTML += '<link type="text/css" rel="stylesheet" href="' + t.contentCSS[i] + '" />';
\r
13822 t.contentCSS = [];
\r
13824 bi = s.body_id || 'tinymce';
\r
13825 if (bi.indexOf('=') != -1) {
\r
13826 bi = t.getParam('body_id', '', 'hash');
\r
13827 bi = bi[t.id] || bi;
\r
13830 bc = s.body_class || '';
\r
13831 if (bc.indexOf('=') != -1) {
\r
13832 bc = t.getParam('body_class', '', 'hash');
\r
13833 bc = bc[t.id] || '';
\r
13836 t.iframeHTML += '</head><body id="' + bi + '" class="mceContentBody ' + bc + '" onload="window.parent.tinyMCE.get(\'' + t.id + '\').onLoad.dispatch();"><br></body></html>';
\r
13838 // Domain relaxing enabled, then set document domain
\r
13839 if (tinymce.relaxedDomain && (isIE || (tinymce.isOpera && parseFloat(opera.version()) < 11))) {
\r
13840 // We need to write the contents here in IE since multiple writes messes up refresh button and back button
\r
13841 u = 'javascript:(function(){document.open();document.domain="' + document.domain + '";var ed = window.parent.tinyMCE.get("' + t.id + '");document.write(ed.iframeHTML);document.close();ed.initContentBody();})()';
\r
13845 // TODO: ACC add the appropriate description on this.
\r
13846 n = DOM.add(o.iframeContainer, 'iframe', {
\r
13847 id : t.id + "_ifr",
\r
13848 src : u || 'javascript:""', // Workaround for HTTPS warning in IE6/7
\r
13849 frameBorder : '0',
\r
13850 allowTransparency : "true",
\r
13851 title : s.aria_label,
\r
13855 display : 'block' // Important for Gecko to render the iframe correctly
\r
13859 t.contentAreaContainer = o.iframeContainer;
\r
13861 if (o.editorContainer) {
\r
13862 DOM.get(o.editorContainer).style.display = t.orgDisplay;
\r
13865 // Restore visibility on target element
\r
13866 e.style.visibility = t.orgVisibility;
\r
13868 DOM.get(t.id).style.display = 'none';
\r
13869 DOM.setAttrib(t.id, 'aria-hidden', true);
\r
13871 if (!tinymce.relaxedDomain || !u)
\r
13872 t.initContentBody();
\r
13874 e = n = o = null; // Cleanup
\r
13877 initContentBody : function() {
\r
13878 var self = this, settings = self.settings, targetElm = DOM.get(self.id), doc = self.getDoc(), html, body, contentCssText;
\r
13880 // Setup iframe body
\r
13881 if ((!isIE || !tinymce.relaxedDomain) && !settings.content_editable) {
\r
13883 doc.write(self.iframeHTML);
\r
13886 if (tinymce.relaxedDomain)
\r
13887 doc.domain = tinymce.relaxedDomain;
\r
13890 if (settings.content_editable) {
\r
13891 DOM.addClass(targetElm, 'mceContentBody');
\r
13892 self.contentDocument = doc = settings.content_document || document;
\r
13893 self.contentWindow = settings.content_window || window;
\r
13894 self.bodyElement = targetElm;
\r
13896 // Prevent leak in IE
\r
13897 settings.content_document = settings.content_window = null;
\r
13900 // It will not steal focus while setting contentEditable
\r
13901 body = self.getBody();
\r
13902 body.disabled = true;
\r
13904 if (!settings.readonly)
\r
13905 body.contentEditable = self.getParam('content_editable_state', true);
\r
13907 body.disabled = false;
\r
13909 self.schema = new tinymce.html.Schema(settings);
\r
13911 self.dom = new tinymce.dom.DOMUtils(doc, {
\r
13912 keep_values : true,
\r
13913 url_converter : self.convertURL,
\r
13914 url_converter_scope : self,
\r
13915 hex_colors : settings.force_hex_style_colors,
\r
13916 class_filter : settings.class_filter,
\r
13917 update_styles : true,
\r
13918 root_element : settings.content_editable ? self.id : null,
\r
13919 schema : self.schema
\r
13922 self.parser = new tinymce.html.DomParser(settings, self.schema);
\r
13924 // Convert src and href into data-mce-src, data-mce-href and data-mce-style
\r
13925 self.parser.addAttributeFilter('src,href,style', function(nodes, name) {
\r
13926 var i = nodes.length, node, dom = self.dom, value, internalName;
\r
13930 value = node.attr(name);
\r
13931 internalName = 'data-mce-' + name;
\r
13933 // Add internal attribute if we need to we don't on a refresh of the document
\r
13934 if (!node.attributes.map[internalName]) {
\r
13935 if (name === "style")
\r
13936 node.attr(internalName, dom.serializeStyle(dom.parseStyle(value), node.name));
\r
13938 node.attr(internalName, self.convertURL(value, name, node.name));
\r
13943 // Keep scripts from executing
\r
13944 self.parser.addNodeFilter('script', function(nodes, name) {
\r
13945 var i = nodes.length, node;
\r
13949 node.attr('type', 'mce-' + (node.attr('type') || 'text/javascript'));
\r
13953 self.parser.addNodeFilter('#cdata', function(nodes, name) {
\r
13954 var i = nodes.length, node;
\r
13959 node.name = '#comment';
\r
13960 node.value = '[CDATA[' + node.value + ']]';
\r
13964 self.parser.addNodeFilter('p,h1,h2,h3,h4,h5,h6,div', function(nodes, name) {
\r
13965 var i = nodes.length, node, nonEmptyElements = self.schema.getNonEmptyElements();
\r
13970 if (node.isEmpty(nonEmptyElements))
\r
13971 node.empty().append(new tinymce.html.Node('br', 1)).shortEnded = true;
\r
13975 self.serializer = new tinymce.dom.Serializer(settings, self.dom, self.schema);
\r
13977 self.selection = new tinymce.dom.Selection(self.dom, self.getWin(), self.serializer, self);
\r
13979 self.formatter = new tinymce.Formatter(self);
\r
13981 self.undoManager = new tinymce.UndoManager(self);
\r
13983 self.forceBlocks = new tinymce.ForceBlocks(self);
\r
13984 self.enterKey = new tinymce.EnterKey(self);
\r
13985 self.editorCommands = new tinymce.EditorCommands(self);
\r
13987 self.onExecCommand.add(function(editor, command) {
\r
13988 // Don't refresh the select lists until caret move
\r
13989 if (!/^(FontName|FontSize)$/.test(command))
\r
13990 self.nodeChanged();
\r
13994 self.serializer.onPreProcess.add(function(se, o) {
\r
13995 return self.onPreProcess.dispatch(self, o, se);
\r
13998 self.serializer.onPostProcess.add(function(se, o) {
\r
13999 return self.onPostProcess.dispatch(self, o, se);
\r
14002 self.onPreInit.dispatch(self);
\r
14004 if (!settings.browser_spellcheck && !settings.gecko_spellcheck)
\r
14005 doc.body.spellcheck = false;
\r
14007 if (!settings.readonly) {
\r
14008 self.bindNativeEvents();
\r
14011 self.controlManager.onPostRender.dispatch(self, self.controlManager);
\r
14012 self.onPostRender.dispatch(self);
\r
14014 self.quirks = tinymce.util.Quirks(self);
\r
14016 if (settings.directionality)
\r
14017 body.dir = settings.directionality;
\r
14019 if (settings.nowrap)
\r
14020 body.style.whiteSpace = "nowrap";
\r
14022 if (settings.protect) {
\r
14023 self.onBeforeSetContent.add(function(ed, o) {
\r
14024 each(settings.protect, function(pattern) {
\r
14025 o.content = o.content.replace(pattern, function(str) {
\r
14026 return '<!--mce:protected ' + escape(str) + '-->';
\r
14032 // Add visual aids when new contents is added
\r
14033 self.onSetContent.add(function() {
\r
14034 self.addVisual(self.getBody());
\r
14037 // Remove empty contents
\r
14038 if (settings.padd_empty_editor) {
\r
14039 self.onPostProcess.add(function(ed, o) {
\r
14040 o.content = o.content.replace(/^(<p[^>]*>( | |\s|\u00a0|)<\/p>[\r\n]*|<br \/>[\r\n]*)$/, '');
\r
14044 self.load({initial : true, format : 'html'});
\r
14045 self.startContent = self.getContent({format : 'raw'});
\r
14047 self.initialized = true;
\r
14049 self.onInit.dispatch(self);
\r
14050 self.execCallback('setupcontent_callback', self.id, body, doc);
\r
14051 self.execCallback('init_instance_callback', self);
\r
14052 self.focus(true);
\r
14053 self.nodeChanged({initial : true});
\r
14055 // Add editor specific CSS styles
\r
14056 if (self.contentStyles.length > 0) {
\r
14057 contentCssText = '';
\r
14059 each(self.contentStyles, function(style) {
\r
14060 contentCssText += style + "\r\n";
\r
14063 self.dom.addStyle(contentCssText);
\r
14066 // Load specified content CSS last
\r
14067 each(self.contentCSS, function(url) {
\r
14068 self.dom.loadCSS(url);
\r
14071 // Handle auto focus
\r
14072 if (settings.auto_focus) {
\r
14073 setTimeout(function () {
\r
14074 var ed = tinymce.get(settings.auto_focus);
\r
14076 ed.selection.select(ed.getBody(), 1);
\r
14077 ed.selection.collapse(1);
\r
14078 ed.getBody().focus();
\r
14079 ed.getWin().focus();
\r
14083 // Clean up references for IE
\r
14084 targetElm = doc = body = null;
\r
14087 focus : function(skip_focus) {
\r
14088 var oed, self = this, selection = self.selection, contentEditable = self.settings.content_editable, ieRng, controlElm, doc = self.getDoc(), body;
\r
14090 if (!skip_focus) {
\r
14091 if (self.bookmark) {
\r
14092 selection.moveToBookmark(self.bookmark);
\r
14093 self.bookmark = null;
\r
14096 // Get selected control element
\r
14097 ieRng = selection.getRng();
\r
14098 if (ieRng.item) {
\r
14099 controlElm = ieRng.item(0);
\r
14102 self._refreshContentEditable();
\r
14104 // Focus the window iframe
\r
14105 if (!contentEditable) {
\r
14106 self.getWin().focus();
\r
14109 // Focus the body as well since it's contentEditable
\r
14110 if (tinymce.isGecko || contentEditable) {
\r
14111 body = self.getBody();
\r
14113 // Check for setActive since it doesn't scroll to the element
\r
14114 if (body.setActive && ! tinymce.isIE11) {
\r
14115 body.setActive();
\r
14120 if (contentEditable) {
\r
14121 selection.normalize();
\r
14125 // Restore selected control element
\r
14126 // This is needed when for example an image is selected within a
\r
14127 // layer a call to focus will then remove the control selection
\r
14128 if (controlElm && controlElm.ownerDocument == doc) {
\r
14129 ieRng = doc.body.createControlRange();
\r
14130 ieRng.addElement(controlElm);
\r
14135 if (tinymce.activeEditor != self) {
\r
14136 if ((oed = tinymce.activeEditor) != null)
\r
14137 oed.onDeactivate.dispatch(oed, self);
\r
14139 self.onActivate.dispatch(self, oed);
\r
14142 tinymce._setActive(self);
\r
14145 execCallback : function(n) {
\r
14146 var t = this, f = t.settings[n], s;
\r
14151 // Look through lookup
\r
14152 if (t.callbackLookup && (s = t.callbackLookup[n])) {
\r
14157 if (is(f, 'string')) {
\r
14158 s = f.replace(/\.\w+$/, '');
\r
14159 s = s ? tinymce.resolve(s) : 0;
\r
14160 f = tinymce.resolve(f);
\r
14161 t.callbackLookup = t.callbackLookup || {};
\r
14162 t.callbackLookup[n] = {func : f, scope : s};
\r
14165 return f.apply(s || t, Array.prototype.slice.call(arguments, 1));
\r
14168 translate : function(s) {
\r
14169 var c = this.settings.language || 'en', i18n = tinymce.i18n;
\r
14174 return i18n[c + '.' + s] || s.replace(/\{\#([^\}]+)\}/g, function(a, b) {
\r
14175 return i18n[c + '.' + b] || '{#' + b + '}';
\r
14179 getLang : function(n, dv) {
\r
14180 return tinymce.i18n[(this.settings.language || 'en') + '.' + n] || (is(dv) ? dv : '{#' + n + '}');
\r
14183 getParam : function(n, dv, ty) {
\r
14184 var tr = tinymce.trim, v = is(this.settings[n]) ? this.settings[n] : dv, o;
\r
14186 if (ty === 'hash') {
\r
14189 if (is(v, 'string')) {
\r
14190 each(v.indexOf('=') > 0 ? v.split(/[;,](?![^=;,]*(?:[;,]|$))/) : v.split(','), function(v) {
\r
14191 v = v.split('=');
\r
14193 if (v.length > 1)
\r
14194 o[tr(v[0])] = tr(v[1]);
\r
14196 o[tr(v[0])] = tr(v);
\r
14207 nodeChanged : function(o) {
\r
14208 var self = this, selection = self.selection, node;
\r
14210 // Fix for bug #1896577 it seems that this can not be fired while the editor is loading
\r
14211 if (self.initialized) {
\r
14214 // Get start node
\r
14215 node = selection.getStart() || self.getBody();
\r
14216 node = isIE && node.ownerDocument != self.getDoc() ? self.getBody() : node; // Fix for IE initial state
\r
14218 // Get parents and add them to object
\r
14220 self.dom.getParent(node, function(node) {
\r
14221 if (node.nodeName == 'BODY')
\r
14224 o.parents.push(node);
\r
14227 self.onNodeChange.dispatch(
\r
14229 o ? o.controlManager || self.controlManager : self.controlManager,
\r
14231 selection.isCollapsed(),
\r
14237 addButton : function(name, settings) {
\r
14240 self.buttons = self.buttons || {};
\r
14241 self.buttons[name] = settings;
\r
14244 addCommand : function(name, callback, scope) {
\r
14245 this.execCommands[name] = {func : callback, scope : scope || this};
\r
14248 addQueryStateHandler : function(name, callback, scope) {
\r
14249 this.queryStateCommands[name] = {func : callback, scope : scope || this};
\r
14252 addQueryValueHandler : function(name, callback, scope) {
\r
14253 this.queryValueCommands[name] = {func : callback, scope : scope || this};
\r
14256 addShortcut : function(pa, desc, cmd_func, sc) {
\r
14259 if (t.settings.custom_shortcuts === false)
\r
14262 t.shortcuts = t.shortcuts || {};
\r
14264 if (is(cmd_func, 'string')) {
\r
14267 cmd_func = function() {
\r
14268 t.execCommand(c, false, null);
\r
14272 if (is(cmd_func, 'object')) {
\r
14275 cmd_func = function() {
\r
14276 t.execCommand(c[0], c[1], c[2]);
\r
14280 each(explode(pa), function(pa) {
\r
14283 scope : sc || this,
\r
14284 desc : t.translate(desc),
\r
14290 each(explode(pa, '+'), function(v) {
\r
14299 o.charCode = v.charCodeAt(0);
\r
14300 o.keyCode = v.toUpperCase().charCodeAt(0);
\r
14304 t.shortcuts[(o.ctrl ? 'ctrl' : '') + ',' + (o.alt ? 'alt' : '') + ',' + (o.shift ? 'shift' : '') + ',' + o.keyCode] = o;
\r
14310 execCommand : function(cmd, ui, val, a) {
\r
14311 var t = this, s = 0, o, st;
\r
14313 if (!/^(mceAddUndoLevel|mceEndUndoLevel|mceBeginUndoLevel|mceRepaint|SelectAll)$/.test(cmd) && (!a || !a.skip_focus))
\r
14316 a = extend({}, a);
\r
14317 t.onBeforeExecCommand.dispatch(t, cmd, ui, val, a);
\r
14321 // Command callback
\r
14322 if (t.execCallback('execcommand_callback', t.id, t.selection.getNode(), cmd, ui, val)) {
\r
14323 t.onExecCommand.dispatch(t, cmd, ui, val, a);
\r
14327 // Registred commands
\r
14328 if (o = t.execCommands[cmd]) {
\r
14329 st = o.func.call(o.scope, ui, val);
\r
14331 // Fall through on true
\r
14332 if (st !== true) {
\r
14333 t.onExecCommand.dispatch(t, cmd, ui, val, a);
\r
14338 // Plugin commands
\r
14339 each(t.plugins, function(p) {
\r
14340 if (p.execCommand && p.execCommand(cmd, ui, val)) {
\r
14341 t.onExecCommand.dispatch(t, cmd, ui, val, a);
\r
14350 // Theme commands
\r
14351 if (t.theme && t.theme.execCommand && t.theme.execCommand(cmd, ui, val)) {
\r
14352 t.onExecCommand.dispatch(t, cmd, ui, val, a);
\r
14356 // Editor commands
\r
14357 if (t.editorCommands.execCommand(cmd, ui, val)) {
\r
14358 t.onExecCommand.dispatch(t, cmd, ui, val, a);
\r
14362 // Browser commands
\r
14363 t.getDoc().execCommand(cmd, ui, val);
\r
14364 t.onExecCommand.dispatch(t, cmd, ui, val, a);
\r
14367 queryCommandState : function(cmd) {
\r
14368 var t = this, o, s;
\r
14370 // Is hidden then return undefined
\r
14371 if (t._isHidden())
\r
14374 // Registred commands
\r
14375 if (o = t.queryStateCommands[cmd]) {
\r
14376 s = o.func.call(o.scope);
\r
14378 // Fall though on true
\r
14383 // Registred commands
\r
14384 o = t.editorCommands.queryCommandState(cmd);
\r
14388 // Browser commands
\r
14390 return this.getDoc().queryCommandState(cmd);
\r
14392 // Fails sometimes see bug: 1896577
\r
14396 queryCommandValue : function(c) {
\r
14397 var t = this, o, s;
\r
14399 // Is hidden then return undefined
\r
14400 if (t._isHidden())
\r
14403 // Registred commands
\r
14404 if (o = t.queryValueCommands[c]) {
\r
14405 s = o.func.call(o.scope);
\r
14407 // Fall though on true
\r
14412 // Registred commands
\r
14413 o = t.editorCommands.queryCommandValue(c);
\r
14417 // Browser commands
\r
14419 return this.getDoc().queryCommandValue(c);
\r
14421 // Fails sometimes see bug: 1896577
\r
14425 show : function() {
\r
14428 DOM.show(self.getContainer());
\r
14429 DOM.hide(self.id);
\r
14433 hide : function() {
\r
14434 var self = this, doc = self.getDoc();
\r
14436 // Fixed bug where IE has a blinking cursor left from the editor
\r
14438 doc.execCommand('SelectAll');
\r
14440 // We must save before we hide so Safari doesn't crash
\r
14443 // defer the call to hide to prevent an IE9 crash #4921
\r
14444 DOM.hide(self.getContainer());
\r
14445 DOM.setStyle(self.id, 'display', self.orgDisplay);
\r
14448 isHidden : function() {
\r
14449 return !DOM.isHidden(this.id);
\r
14452 setProgressState : function(b, ti, o) {
\r
14453 this.onSetProgressState.dispatch(this, b, ti, o);
\r
14458 load : function(o) {
\r
14459 var t = this, e = t.getElement(), h;
\r
14465 // Double encode existing entities in the value
\r
14466 h = t.setContent(is(e.value) ? e.value : e.innerHTML, o);
\r
14469 if (!o.no_events)
\r
14470 t.onLoadContent.dispatch(t, o);
\r
14472 o.element = e = null;
\r
14478 save : function(o) {
\r
14479 var t = this, e = t.getElement(), h, f;
\r
14481 if (!e || !t.initialized)
\r
14488 h = o.content = t.getContent(o);
\r
14490 if (!o.no_events)
\r
14491 t.onSaveContent.dispatch(t, o);
\r
14495 if (!/TEXTAREA|INPUT/i.test(e.nodeName)) {
\r
14498 // Update hidden form element
\r
14499 if (f = DOM.getParent(t.id, 'form')) {
\r
14500 each(f.elements, function(e) {
\r
14501 if (e.name == t.id) {
\r
14510 o.element = e = null;
\r
14515 setContent : function(content, args) {
\r
14516 var self = this, rootNode, body = self.getBody(), forcedRootBlockName;
\r
14518 // Setup args object
\r
14519 args = args || {};
\r
14520 args.format = args.format || 'html';
\r
14522 args.content = content;
\r
14524 // Do preprocessing
\r
14525 if (!args.no_events)
\r
14526 self.onBeforeSetContent.dispatch(self, args);
\r
14528 content = args.content;
\r
14530 // Padd empty content in Gecko and Safari. Commands will otherwise fail on the content
\r
14531 // It will also be impossible to place the caret in the editor unless there is a BR element present
\r
14532 if (!tinymce.isIE && (content.length === 0 || /^\s+$/.test(content))) {
\r
14533 forcedRootBlockName = self.settings.forced_root_block;
\r
14534 if (forcedRootBlockName)
\r
14535 content = '<' + forcedRootBlockName + '><br data-mce-bogus="1"></' + forcedRootBlockName + '>';
\r
14537 content = '<br data-mce-bogus="1">';
\r
14539 body.innerHTML = content;
\r
14540 self.selection.select(body, true);
\r
14541 self.selection.collapse(true);
\r
14545 // Parse and serialize the html
\r
14546 if (args.format !== 'raw') {
\r
14547 content = new tinymce.html.Serializer({}, self.schema).serialize(
\r
14548 self.parser.parse(content)
\r
14552 // Set the new cleaned contents to the editor
\r
14553 args.content = tinymce.trim(content);
\r
14554 self.dom.setHTML(body, args.content);
\r
14556 // Do post processing
\r
14557 if (!args.no_events)
\r
14558 self.onSetContent.dispatch(self, args);
\r
14560 // Don't normalize selection if the focused element isn't the body in content editable mode since it will steal focus otherwise
\r
14561 if (!self.settings.content_editable || document.activeElement === self.getBody()) {
\r
14562 self.selection.normalize();
\r
14565 return args.content;
\r
14568 getContent : function(args) {
\r
14569 var self = this, content, body = self.getBody();
\r
14571 // Setup args object
\r
14572 args = args || {};
\r
14573 args.format = args.format || 'html';
\r
14575 args.getInner = true;
\r
14577 // Do preprocessing
\r
14578 if (!args.no_events)
\r
14579 self.onBeforeGetContent.dispatch(self, args);
\r
14581 // Get raw contents or by default the cleaned contents
\r
14582 if (args.format == 'raw')
\r
14583 content = body.innerHTML;
\r
14584 else if (args.format == 'text')
\r
14585 content = body.innerText || body.textContent;
\r
14587 content = self.serializer.serialize(body, args);
\r
14589 // Trim whitespace in beginning/end of HTML
\r
14590 if (args.format != 'text') {
\r
14591 args.content = tinymce.trim(content);
\r
14593 args.content = content;
\r
14596 // Do post processing
\r
14597 if (!args.no_events)
\r
14598 self.onGetContent.dispatch(self, args);
\r
14600 return args.content;
\r
14603 isDirty : function() {
\r
14606 return tinymce.trim(self.startContent) != tinymce.trim(self.getContent({format : 'raw', no_events : 1})) && !self.isNotDirty;
\r
14609 getContainer : function() {
\r
14612 if (!self.container)
\r
14613 self.container = DOM.get(self.editorContainer || self.id + '_parent');
\r
14615 return self.container;
\r
14618 getContentAreaContainer : function() {
\r
14619 return this.contentAreaContainer;
\r
14622 getElement : function() {
\r
14623 return DOM.get(this.settings.content_element || this.id);
\r
14626 getWin : function() {
\r
14627 var self = this, elm;
\r
14629 if (!self.contentWindow) {
\r
14630 elm = DOM.get(self.id + "_ifr");
\r
14633 self.contentWindow = elm.contentWindow;
\r
14636 return self.contentWindow;
\r
14639 getDoc : function() {
\r
14640 var self = this, win;
\r
14642 if (!self.contentDocument) {
\r
14643 win = self.getWin();
\r
14646 self.contentDocument = win.document;
\r
14649 return self.contentDocument;
\r
14652 getBody : function() {
\r
14653 return this.bodyElement || this.getDoc().body;
\r
14656 convertURL : function(url, name, elm) {
\r
14657 var self = this, settings = self.settings;
\r
14659 // Use callback instead
\r
14660 if (settings.urlconverter_callback)
\r
14661 return self.execCallback('urlconverter_callback', url, elm, true, name);
\r
14663 // Don't convert link href since thats the CSS files that gets loaded into the editor also skip local file URLs
\r
14664 if (!settings.convert_urls || (elm && elm.nodeName == 'LINK') || url.indexOf('file:') === 0)
\r
14667 // Convert to relative
\r
14668 if (settings.relative_urls)
\r
14669 return self.documentBaseURI.toRelative(url);
\r
14671 // Convert to absolute
\r
14672 url = self.documentBaseURI.toAbsolute(url, settings.remove_script_host);
\r
14677 addVisual : function(elm) {
\r
14678 var self = this, settings = self.settings, dom = self.dom, cls;
\r
14680 elm = elm || self.getBody();
\r
14682 if (!is(self.hasVisual))
\r
14683 self.hasVisual = settings.visual;
\r
14685 each(dom.select('table,a', elm), function(elm) {
\r
14688 switch (elm.nodeName) {
\r
14690 cls = settings.visual_table_class || 'mceItemTable';
\r
14691 value = dom.getAttrib(elm, 'border');
\r
14693 if (!value || value == '0') {
\r
14694 if (self.hasVisual)
\r
14695 dom.addClass(elm, cls);
\r
14697 dom.removeClass(elm, cls);
\r
14703 if (!dom.getAttrib(elm, 'href', false)) {
\r
14704 value = dom.getAttrib(elm, 'name') || elm.id;
\r
14705 cls = 'mceItemAnchor';
\r
14708 if (self.hasVisual)
\r
14709 dom.addClass(elm, cls);
\r
14711 dom.removeClass(elm, cls);
\r
14719 self.onVisualAid.dispatch(self, elm, self.hasVisual);
\r
14722 remove : function() {
\r
14723 var self = this, elm = self.getContainer(), doc = self.getDoc();
\r
14725 if (!self.removed) {
\r
14726 self.removed = 1; // Cancels post remove event execution
\r
14728 // Fixed bug where IE has a blinking cursor left from the editor
\r
14730 doc.execCommand('SelectAll');
\r
14732 // We must save before we hide so Safari doesn't crash
\r
14735 DOM.setStyle(self.id, 'display', self.orgDisplay);
\r
14737 // Don't clear the window or document if content editable
\r
14738 // is enabled since other instances might still be present
\r
14739 if (!self.settings.content_editable) {
\r
14740 Event.unbind(self.getWin());
\r
14741 Event.unbind(self.getDoc());
\r
14744 Event.unbind(self.getBody());
\r
14745 Event.clear(elm);
\r
14747 self.execCallback('remove_instance_callback', self);
\r
14748 self.onRemove.dispatch(self);
\r
14750 // Clear all execCommand listeners this is required to avoid errors if the editor was removed inside another command
\r
14751 self.onExecCommand.listeners = [];
\r
14753 tinymce.remove(self);
\r
14758 destroy : function(s) {
\r
14761 // One time is enough
\r
14765 // We must unbind on Gecko since it would otherwise produce the pesky "attempt to run compile-and-go script on a cleared scope" message
\r
14767 Event.unbind(t.getDoc());
\r
14768 Event.unbind(t.getWin());
\r
14769 Event.unbind(t.getBody());
\r
14773 tinymce.removeUnload(t.destroy);
\r
14774 tinyMCE.onBeforeUnload.remove(t._beforeUnload);
\r
14776 // Manual destroy
\r
14777 if (t.theme && t.theme.destroy)
\r
14778 t.theme.destroy();
\r
14780 // Destroy controls, selection and dom
\r
14781 t.controlManager.destroy();
\r
14782 t.selection.destroy();
\r
14786 if (t.formElement) {
\r
14787 t.formElement.submit = t.formElement._mceOldSubmit;
\r
14788 t.formElement._mceOldSubmit = null;
\r
14791 t.contentAreaContainer = t.formElement = t.container = t.settings.content_element = t.bodyElement = t.contentDocument = t.contentWindow = null;
\r
14794 t.selection = t.selection.win = t.selection.dom = t.selection.dom.doc = null;
\r
14799 // Internal functions
\r
14801 _refreshContentEditable : function() {
\r
14802 var self = this, body, parent;
\r
14804 // Check if the editor was hidden and the re-initalize contentEditable mode by removing and adding the body again
\r
14805 if (self._isHidden()) {
\r
14806 body = self.getBody();
\r
14807 parent = body.parentNode;
\r
14809 parent.removeChild(body);
\r
14810 parent.appendChild(body);
\r
14816 _isHidden : function() {
\r
14822 // Weird, wheres that cursor selection?
\r
14823 s = this.selection.getSel();
\r
14824 return (!s || !s.rangeCount || s.rangeCount === 0);
\r
14828 (function(tinymce) {
\r
14829 var each = tinymce.each;
\r
14831 tinymce.Editor.prototype.setupEvents = function() {
\r
14832 var self = this, settings = self.settings;
\r
14834 // Add events to the editor
\r
14838 'onBeforeRenderUI',
\r
14880 'onBeforeSetContent',
\r
14882 'onBeforeGetContent',
\r
14896 'onBeforeExecCommand',
\r
14906 'onSetProgressState',
\r
14909 ], function(name) {
\r
14910 self[name] = new tinymce.util.Dispatcher(self);
\r
14913 // Handle legacy cleanup_callback option
\r
14914 if (settings.cleanup_callback) {
\r
14915 self.onBeforeSetContent.add(function(ed, o) {
\r
14916 o.content = ed.execCallback('cleanup_callback', 'insert_to_editor', o.content, o);
\r
14919 self.onPreProcess.add(function(ed, o) {
\r
14921 ed.execCallback('cleanup_callback', 'insert_to_editor_dom', o.node, o);
\r
14924 ed.execCallback('cleanup_callback', 'get_from_editor_dom', o.node, o);
\r
14927 self.onPostProcess.add(function(ed, o) {
\r
14929 o.content = ed.execCallback('cleanup_callback', 'insert_to_editor', o.content, o);
\r
14932 o.content = ed.execCallback('cleanup_callback', 'get_from_editor', o.content, o);
\r
14936 // Handle legacy save_callback option
\r
14937 if (settings.save_callback) {
\r
14938 self.onGetContent.add(function(ed, o) {
\r
14940 o.content = ed.execCallback('save_callback', ed.id, o.content, ed.getBody());
\r
14944 // Handle legacy handle_event_callback option
\r
14945 if (settings.handle_event_callback) {
\r
14946 self.onEvent.add(function(ed, e, o) {
\r
14947 if (self.execCallback('handle_event_callback', e, ed, o) === false) {
\r
14948 e.preventDefault();
\r
14949 e.stopPropagation();
\r
14954 // Handle legacy handle_node_change_callback option
\r
14955 if (settings.handle_node_change_callback) {
\r
14956 self.onNodeChange.add(function(ed, cm, n) {
\r
14957 ed.execCallback('handle_node_change_callback', ed.id, n, -1, -1, true, ed.selection.isCollapsed());
\r
14961 // Handle legacy save_callback option
\r
14962 if (settings.save_callback) {
\r
14963 self.onSaveContent.add(function(ed, o) {
\r
14964 var h = ed.execCallback('save_callback', ed.id, o.content, ed.getBody());
\r
14971 // Handle legacy onchange_callback option
\r
14972 if (settings.onchange_callback) {
\r
14973 self.onChange.add(function(ed, l) {
\r
14974 ed.execCallback('onchange_callback', ed, l);
\r
14979 tinymce.Editor.prototype.bindNativeEvents = function() {
\r
14980 // 'focus', 'blur', 'dblclick', 'beforedeactivate', submit, reset
\r
14981 var self = this, i, settings = self.settings, dom = self.dom, nativeToDispatcherMap;
\r
14983 nativeToDispatcherMap = {
\r
14984 mouseup : 'onMouseUp',
\r
14985 mousedown : 'onMouseDown',
\r
14986 click : 'onClick',
\r
14987 keyup : 'onKeyUp',
\r
14988 keydown : 'onKeyDown',
\r
14989 keypress : 'onKeyPress',
\r
14990 submit : 'onSubmit',
\r
14991 reset : 'onReset',
\r
14992 contextmenu : 'onContextMenu',
\r
14993 dblclick : 'onDblClick',
\r
14994 paste : 'onPaste' // Doesn't work in all browsers yet
\r
14997 // Handler that takes a native event and sends it out to a dispatcher like onKeyDown
\r
14998 function eventHandler(evt, args) {
\r
14999 var type = evt.type;
\r
15001 // Don't fire events when it's removed
\r
15002 if (self.removed)
\r
15005 // Sends the native event out to a global dispatcher then to the specific event dispatcher
\r
15006 if (self.onEvent.dispatch(self, evt, args) !== false) {
\r
15007 self[nativeToDispatcherMap[evt.fakeType || evt.type]].dispatch(self, evt, args);
\r
15011 // Opera doesn't support focus event for contentEditable elements so we need to fake it
\r
15012 function doOperaFocus(e) {
\r
15013 self.focus(true);
\r
15016 function nodeChanged(ed, e) {
\r
15017 // Normalize selection for example <b>a</b><i>|a</i> becomes <b>a|</b><i>a</i> except for Ctrl+A since it selects everything
\r
15018 if (e.keyCode != 65 || !tinymce.VK.metaKeyPressed(e)) {
\r
15019 self.selection.normalize();
\r
15022 self.nodeChanged();
\r
15025 // Add DOM events
\r
15026 each(nativeToDispatcherMap, function(dispatcherName, nativeName) {
\r
15027 var root = settings.content_editable ? self.getBody() : self.getDoc();
\r
15029 switch (nativeName) {
\r
15030 case 'contextmenu':
\r
15031 dom.bind(root, nativeName, eventHandler);
\r
15035 dom.bind(self.getBody(), nativeName, eventHandler);
\r
15040 dom.bind(self.getElement().form || tinymce.DOM.getParent(self.id, 'form'), nativeName, eventHandler);
\r
15044 dom.bind(root, nativeName, eventHandler);
\r
15048 // Set the editor as active when focused
\r
15049 dom.bind(settings.content_editable ? self.getBody() : (tinymce.isGecko ? self.getDoc() : self.getWin()), 'focus', function(e) {
\r
15050 self.focus(true);
\r
15053 if (settings.content_editable && tinymce.isOpera) {
\r
15054 dom.bind(self.getBody(), 'click', doOperaFocus);
\r
15055 dom.bind(self.getBody(), 'keydown', doOperaFocus);
\r
15058 // Add node change handler
\r
15059 self.onMouseUp.add(nodeChanged);
\r
15061 self.onKeyUp.add(function(ed, e) {
\r
15062 var keyCode = e.keyCode;
\r
15064 if ((keyCode >= 33 && keyCode <= 36) || (keyCode >= 37 && keyCode <= 40) || keyCode == 13 || keyCode == 45 || keyCode == 46 || keyCode == 8 || (tinymce.isMac && (keyCode == 91 || keyCode == 93)) || e.ctrlKey)
\r
15065 nodeChanged(ed, e);
\r
15068 // Add reset handler
\r
15069 self.onReset.add(function() {
\r
15070 self.setContent(self.startContent, {format : 'raw'});
\r
15074 function handleShortcut(e, execute) {
\r
15075 if (e.altKey || e.ctrlKey || e.metaKey) {
\r
15076 each(self.shortcuts, function(shortcut) {
\r
15077 var ctrlState = tinymce.isMac ? e.metaKey : e.ctrlKey;
\r
15079 if (shortcut.ctrl != ctrlState || shortcut.alt != e.altKey || shortcut.shift != e.shiftKey)
\r
15082 if (e.keyCode == shortcut.keyCode || (e.charCode && e.charCode == shortcut.charCode)) {
\r
15083 e.preventDefault();
\r
15086 shortcut.func.call(shortcut.scope);
\r
15095 self.onKeyUp.add(function(ed, e) {
\r
15096 handleShortcut(e);
\r
15099 self.onKeyPress.add(function(ed, e) {
\r
15100 handleShortcut(e);
\r
15103 self.onKeyDown.add(function(ed, e) {
\r
15104 handleShortcut(e, true);
\r
15107 if (tinymce.isOpera) {
\r
15108 self.onClick.add(function(ed, e) {
\r
15109 e.preventDefault();
\r
15114 (function(tinymce) {
\r
15115 // Added for compression purposes
\r
15116 var each = tinymce.each, undef, TRUE = true, FALSE = false;
\r
15118 tinymce.EditorCommands = function(editor) {
\r
15119 var dom = editor.dom,
\r
15120 selection = editor.selection,
\r
15121 commands = {state: {}, exec : {}, value : {}},
\r
15122 settings = editor.settings,
\r
15123 formatter = editor.formatter,
\r
15126 function execCommand(command, ui, value) {
\r
15129 command = command.toLowerCase();
\r
15130 if (func = commands.exec[command]) {
\r
15131 func(command, ui, value);
\r
15138 function queryCommandState(command) {
\r
15141 command = command.toLowerCase();
\r
15142 if (func = commands.state[command])
\r
15143 return func(command);
\r
15148 function queryCommandValue(command) {
\r
15151 command = command.toLowerCase();
\r
15152 if (func = commands.value[command])
\r
15153 return func(command);
\r
15158 function addCommands(command_list, type) {
\r
15159 type = type || 'exec';
\r
15161 each(command_list, function(callback, command) {
\r
15162 each(command.toLowerCase().split(','), function(command) {
\r
15163 commands[type][command] = callback;
\r
15168 // Expose public methods
\r
15169 tinymce.extend(this, {
\r
15170 execCommand : execCommand,
\r
15171 queryCommandState : queryCommandState,
\r
15172 queryCommandValue : queryCommandValue,
\r
15173 addCommands : addCommands
\r
15176 // Private methods
\r
15178 function execNativeCommand(command, ui, value) {
\r
15179 if (ui === undef)
\r
15182 if (value === undef)
\r
15185 return editor.getDoc().execCommand(command, ui, value);
\r
15188 function isFormatMatch(name) {
\r
15189 return formatter.match(name);
\r
15192 function toggleFormat(name, value) {
\r
15193 formatter.toggle(name, value ? {value : value} : undef);
\r
15196 function storeSelection(type) {
\r
15197 bookmark = selection.getBookmark(type);
\r
15200 function restoreSelection() {
\r
15201 selection.moveToBookmark(bookmark);
\r
15204 // Add execCommand overrides
\r
15206 // Ignore these, added for compatibility
\r
15207 'mceResetDesignMode,mceBeginUndoLevel' : function() {},
\r
15209 // Add undo manager logic
\r
15210 'mceEndUndoLevel,mceAddUndoLevel' : function() {
\r
15211 editor.undoManager.add();
\r
15214 'Cut,Copy,Paste' : function(command) {
\r
15215 var doc = editor.getDoc(), failed;
\r
15217 // Try executing the native command
\r
15219 execNativeCommand(command);
\r
15221 // Command failed
\r
15225 // Present alert message about clipboard access not being available
\r
15226 if (failed || !doc.queryCommandSupported(command)) {
\r
15227 if (tinymce.isGecko) {
\r
15228 editor.windowManager.confirm(editor.getLang('clipboard_msg'), function(state) {
\r
15230 open('http://www.mozilla.org/editor/midasdemo/securityprefs.html', '_blank');
\r
15233 editor.windowManager.alert(editor.getLang('clipboard_no_support'));
\r
15237 // Override unlink command
\r
15238 unlink : function(command) {
\r
15239 if (selection.isCollapsed())
\r
15240 selection.select(selection.getNode());
\r
15242 execNativeCommand(command);
\r
15243 selection.collapse(FALSE);
\r
15246 // Override justify commands to use the text formatter engine
\r
15247 'JustifyLeft,JustifyCenter,JustifyRight,JustifyFull' : function(command) {
\r
15248 var align = command.substring(7);
\r
15250 // Remove all other alignments first
\r
15251 each('left,center,right,full'.split(','), function(name) {
\r
15252 if (align != name)
\r
15253 formatter.remove('align' + name);
\r
15256 toggleFormat('align' + align);
\r
15257 execCommand('mceRepaint');
\r
15260 // Override list commands to fix WebKit bug
\r
15261 'InsertUnorderedList,InsertOrderedList' : function(command) {
\r
15262 var listElm, listParent;
\r
15264 execNativeCommand(command);
\r
15266 // WebKit produces lists within block elements so we need to split them
\r
15267 // we will replace the native list creation logic to custom logic later on
\r
15268 // TODO: Remove this when the list creation logic is removed
\r
15269 listElm = dom.getParent(selection.getNode(), 'ol,ul');
\r
15271 listParent = listElm.parentNode;
\r
15273 // If list is within a text block then split that block
\r
15274 if (/^(H[1-6]|P|ADDRESS|PRE)$/.test(listParent.nodeName)) {
\r
15275 storeSelection();
\r
15276 dom.split(listParent, listElm);
\r
15277 restoreSelection();
\r
15282 // Override commands to use the text formatter engine
\r
15283 'Bold,Italic,Underline,Strikethrough,Superscript,Subscript' : function(command) {
\r
15284 toggleFormat(command);
\r
15287 // Override commands to use the text formatter engine
\r
15288 'ForeColor,HiliteColor,FontName' : function(command, ui, value) {
\r
15289 toggleFormat(command, value);
\r
15292 FontSize : function(command, ui, value) {
\r
15293 var fontClasses, fontSizes;
\r
15295 // Convert font size 1-7 to styles
\r
15296 if (value >= 1 && value <= 7) {
\r
15297 fontSizes = tinymce.explode(settings.font_size_style_values);
\r
15298 fontClasses = tinymce.explode(settings.font_size_classes);
\r
15301 value = fontClasses[value - 1] || value;
\r
15303 value = fontSizes[value - 1] || value;
\r
15306 toggleFormat(command, value);
\r
15309 RemoveFormat : function(command) {
\r
15310 formatter.remove(command);
\r
15313 mceBlockQuote : function(command) {
\r
15314 toggleFormat('blockquote');
\r
15317 FormatBlock : function(command, ui, value) {
\r
15318 return toggleFormat(value || 'p');
\r
15321 mceCleanup : function() {
\r
15322 var bookmark = selection.getBookmark();
\r
15324 editor.setContent(editor.getContent({cleanup : TRUE}), {cleanup : TRUE});
\r
15326 selection.moveToBookmark(bookmark);
\r
15329 mceRemoveNode : function(command, ui, value) {
\r
15330 var node = value || selection.getNode();
\r
15332 // Make sure that the body node isn't removed
\r
15333 if (node != editor.getBody()) {
\r
15334 storeSelection();
\r
15335 editor.dom.remove(node, TRUE);
\r
15336 restoreSelection();
\r
15340 mceSelectNodeDepth : function(command, ui, value) {
\r
15343 dom.getParent(selection.getNode(), function(node) {
\r
15344 if (node.nodeType == 1 && counter++ == value) {
\r
15345 selection.select(node);
\r
15348 }, editor.getBody());
\r
15351 mceSelectNode : function(command, ui, value) {
\r
15352 selection.select(value);
\r
15355 mceInsertContent : function(command, ui, value) {
\r
15356 var parser, serializer, parentNode, rootNode, fragment, args,
\r
15357 marker, nodeRect, viewPortRect, rng, node, node2, bookmarkHtml, viewportBodyElement;
\r
15359 //selection.normalize();
\r
15361 // Setup parser and serializer
\r
15362 parser = editor.parser;
\r
15363 serializer = new tinymce.html.Serializer({}, editor.schema);
\r
15364 bookmarkHtml = '<span id="mce_marker" data-mce-type="bookmark">\uFEFF</span>';
\r
15366 // Run beforeSetContent handlers on the HTML to be inserted
\r
15367 args = {content: value, format: 'html'};
\r
15368 selection.onBeforeSetContent.dispatch(selection, args);
\r
15369 value = args.content;
\r
15371 // Add caret at end of contents if it's missing
\r
15372 if (value.indexOf('{$caret}') == -1)
\r
15373 value += '{$caret}';
\r
15375 // Replace the caret marker with a span bookmark element
\r
15376 value = value.replace(/\{\$caret\}/, bookmarkHtml);
\r
15378 // Insert node maker where we will insert the new HTML and get it's parent
\r
15379 if (!selection.isCollapsed())
\r
15380 editor.getDoc().execCommand('Delete', false, null);
\r
15382 parentNode = selection.getNode();
\r
15384 // Parse the fragment within the context of the parent node
\r
15385 args = {context : parentNode.nodeName.toLowerCase()};
\r
15386 fragment = parser.parse(value, args);
\r
15388 // Move the caret to a more suitable location
\r
15389 node = fragment.lastChild;
\r
15390 if (node.attr('id') == 'mce_marker') {
\r
15393 for (node = node.prev; node; node = node.walk(true)) {
\r
15394 if (node.type == 3 || !dom.isBlock(node.name)) {
\r
15395 node.parent.insert(marker, node, node.name === 'br');
\r
15401 // If parser says valid we can insert the contents into that parent
\r
15402 if (!args.invalid) {
\r
15403 value = serializer.serialize(fragment);
\r
15405 // Check if parent is empty or only has one BR element then set the innerHTML of that parent
\r
15406 node = parentNode.firstChild;
\r
15407 node2 = parentNode.lastChild;
\r
15408 if (!node || (node === node2 && node.nodeName === 'BR'))
\r
15409 dom.setHTML(parentNode, value);
\r
15411 selection.setContent(value);
\r
15413 // If the fragment was invalid within that context then we need
\r
15414 // to parse and process the parent it's inserted into
\r
15416 // Insert bookmark node and get the parent
\r
15417 selection.setContent(bookmarkHtml);
\r
15418 parentNode = selection.getNode();
\r
15419 rootNode = editor.getBody();
\r
15421 // Opera will return the document node when selection is in root
\r
15422 if (parentNode.nodeType == 9)
\r
15423 parentNode = node = rootNode;
\r
15425 node = parentNode;
\r
15427 // Find the ancestor just before the root element
\r
15428 while (node !== rootNode) {
\r
15429 parentNode = node;
\r
15430 node = node.parentNode;
\r
15433 // Get the outer/inner HTML depending on if we are in the root and parser and serialize that
\r
15434 value = parentNode == rootNode ? rootNode.innerHTML : dom.getOuterHTML(parentNode);
\r
15435 value = serializer.serialize(
\r
15437 // Need to replace by using a function since $ in the contents would otherwise be a problem
\r
15438 value.replace(/<span (id="mce_marker"|id=mce_marker).+?<\/span>/i, function() {
\r
15439 return serializer.serialize(fragment);
\r
15444 // Set the inner/outer HTML depending on if we are in the root or not
\r
15445 if (parentNode == rootNode)
\r
15446 dom.setHTML(rootNode, value);
\r
15448 dom.setOuterHTML(parentNode, value);
\r
15451 marker = dom.get('mce_marker');
\r
15453 // Scroll range into view scrollIntoView on element can't be used since it will scroll the main view port as well
\r
15454 nodeRect = dom.getRect(marker);
\r
15455 viewPortRect = dom.getViewPort(editor.getWin());
\r
15457 // Check if node is out side the viewport if it is then scroll to it
\r
15458 if ((nodeRect.y + nodeRect.h > viewPortRect.y + viewPortRect.h || nodeRect.y < viewPortRect.y) ||
\r
15459 (nodeRect.x > viewPortRect.x + viewPortRect.w || nodeRect.x < viewPortRect.x)) {
\r
15460 viewportBodyElement = tinymce.isIE ? editor.getDoc().documentElement : editor.getBody();
\r
15461 viewportBodyElement.scrollLeft = nodeRect.x;
\r
15462 viewportBodyElement.scrollTop = nodeRect.y - viewPortRect.h + 25;
\r
15465 // Move selection before marker and remove it
\r
15466 rng = dom.createRng();
\r
15468 // If previous sibling is a text node set the selection to the end of that node
\r
15469 node = marker.previousSibling;
\r
15470 if (node && node.nodeType == 3) {
\r
15471 rng.setStart(node, node.nodeValue.length);
\r
15473 // If the previous sibling isn't a text node or doesn't exist set the selection before the marker node
\r
15474 rng.setStartBefore(marker);
\r
15475 rng.setEndBefore(marker);
\r
15478 // Remove the marker node and set the new range
\r
15479 dom.remove(marker);
\r
15480 selection.setRng(rng);
\r
15482 // Dispatch after event and add any visual elements needed
\r
15483 selection.onSetContent.dispatch(selection, args);
\r
15484 editor.addVisual();
\r
15487 mceInsertRawHTML : function(command, ui, value) {
\r
15488 selection.setContent('tiny_mce_marker');
\r
15489 editor.setContent(editor.getContent().replace(/tiny_mce_marker/g, function() { return value }));
\r
15492 mceToggleFormat : function(command, ui, value) {
\r
15493 toggleFormat(value);
\r
15496 mceSetContent : function(command, ui, value) {
\r
15497 editor.setContent(value);
\r
15500 'Indent,Outdent' : function(command) {
\r
15501 var intentValue, indentUnit, value;
\r
15503 // Setup indent level
\r
15504 intentValue = settings.indentation;
\r
15505 indentUnit = /[a-z%]+$/i.exec(intentValue);
\r
15506 intentValue = parseInt(intentValue);
\r
15508 if (!queryCommandState('InsertUnorderedList') && !queryCommandState('InsertOrderedList')) {
\r
15509 // If forced_root_blocks is set to false we don't have a block to indent so lets create a div
\r
15510 if (!settings.forced_root_block && !dom.getParent(selection.getNode(), dom.isBlock)) {
\r
15511 formatter.apply('div');
\r
15514 each(selection.getSelectedBlocks(), function(element) {
\r
15515 if (command == 'outdent') {
\r
15516 value = Math.max(0, parseInt(element.style.paddingLeft || 0) - intentValue);
\r
15517 dom.setStyle(element, 'paddingLeft', value ? value + indentUnit : '');
\r
15519 dom.setStyle(element, 'paddingLeft', (parseInt(element.style.paddingLeft || 0) + intentValue) + indentUnit);
\r
15522 execNativeCommand(command);
\r
15525 mceRepaint : function() {
\r
15528 if (tinymce.isGecko) {
\r
15530 storeSelection(TRUE);
\r
15532 if (selection.getSel())
\r
15533 selection.getSel().selectAllChildren(editor.getBody());
\r
15535 selection.collapse(TRUE);
\r
15536 restoreSelection();
\r
15543 mceToggleFormat : function(command, ui, value) {
\r
15544 formatter.toggle(value);
\r
15547 InsertHorizontalRule : function() {
\r
15548 editor.execCommand('mceInsertContent', false, '<hr />');
\r
15551 mceToggleVisualAid : function() {
\r
15552 editor.hasVisual = !editor.hasVisual;
\r
15553 editor.addVisual();
\r
15556 mceReplaceContent : function(command, ui, value) {
\r
15557 editor.execCommand('mceInsertContent', false, value.replace(/\{\$selection\}/g, selection.getContent({format : 'text'})));
\r
15560 mceInsertLink : function(command, ui, value) {
\r
15563 if (typeof(value) == 'string')
\r
15564 value = {href : value};
\r
15566 anchor = dom.getParent(selection.getNode(), 'a');
\r
15568 // Spaces are never valid in URLs and it's a very common mistake for people to make so we fix it here.
\r
15569 value.href = value.href.replace(' ', '%20');
\r
15571 // Remove existing links if there could be child links or that the href isn't specified
\r
15572 if (!anchor || !value.href) {
\r
15573 formatter.remove('link');
\r
15576 // Apply new link to selection
\r
15577 if (value.href) {
\r
15578 formatter.apply('link', value, anchor);
\r
15582 selectAll : function() {
\r
15583 var root = dom.getRoot(), rng = dom.createRng();
\r
15585 // Old IE does a better job with selectall than new versions
\r
15586 if (selection.getRng().setStart) {
\r
15587 rng.setStart(root, 0);
\r
15588 rng.setEnd(root, root.childNodes.length);
\r
15590 selection.setRng(rng);
\r
15592 execNativeCommand('SelectAll');
\r
15597 // Add queryCommandState overrides
\r
15599 // Override justify commands
\r
15600 'JustifyLeft,JustifyCenter,JustifyRight,JustifyFull' : function(command) {
\r
15601 var name = 'align' + command.substring(7);
\r
15602 var nodes = selection.isCollapsed() ? [dom.getParent(selection.getNode(), dom.isBlock)] : selection.getSelectedBlocks();
\r
15603 var matches = tinymce.map(nodes, function(node) {
\r
15604 return !!formatter.matchNode(node, name);
\r
15606 return tinymce.inArray(matches, TRUE) !== -1;
\r
15609 'Bold,Italic,Underline,Strikethrough,Superscript,Subscript' : function(command) {
\r
15610 return isFormatMatch(command);
\r
15613 mceBlockQuote : function() {
\r
15614 return isFormatMatch('blockquote');
\r
15617 Outdent : function() {
\r
15620 if (settings.inline_styles) {
\r
15621 if ((node = dom.getParent(selection.getStart(), dom.isBlock)) && parseInt(node.style.paddingLeft) > 0)
\r
15624 if ((node = dom.getParent(selection.getEnd(), dom.isBlock)) && parseInt(node.style.paddingLeft) > 0)
\r
15628 return queryCommandState('InsertUnorderedList') || queryCommandState('InsertOrderedList') || (!settings.inline_styles && !!dom.getParent(selection.getNode(), 'BLOCKQUOTE'));
\r
15631 'InsertUnorderedList,InsertOrderedList' : function(command) {
\r
15632 var list = dom.getParent(selection.getNode(), 'ul,ol');
\r
15634 (command === 'insertunorderedlist' && list.tagName === 'UL'
\r
15635 || command === 'insertorderedlist' && list.tagName === 'OL');
\r
15639 // Add queryCommandValue overrides
\r
15641 'FontSize,FontName' : function(command) {
\r
15642 var value = 0, parent;
\r
15644 if (parent = dom.getParent(selection.getNode(), 'span')) {
\r
15645 if (command == 'fontsize')
\r
15646 value = parent.style.fontSize;
\r
15648 value = parent.style.fontFamily.replace(/, /g, ',').replace(/[\'\"]/g, '').toLowerCase();
\r
15655 // Add undo manager logic
\r
15657 Undo : function() {
\r
15658 editor.undoManager.undo();
\r
15661 Redo : function() {
\r
15662 editor.undoManager.redo();
\r
15668 (function(tinymce) {
\r
15669 var Dispatcher = tinymce.util.Dispatcher;
\r
15671 tinymce.UndoManager = function(editor) {
\r
15672 var self, index = 0, data = [], beforeBookmark, onAdd, onUndo, onRedo;
\r
15674 function getContent() {
\r
15675 // Remove whitespace before/after and remove pure bogus nodes
\r
15676 return tinymce.trim(editor.getContent({format : 'raw', no_events : 1}).replace(/<span[^>]+data-mce-bogus[^>]+>[\u200B\uFEFF]+<\/span>/g, ''));
\r
15679 function addNonTypingUndoLevel() {
\r
15680 self.typing = false;
\r
15684 // Create event instances
\r
15685 onBeforeAdd = new Dispatcher(self);
\r
15686 onAdd = new Dispatcher(self);
\r
15687 onUndo = new Dispatcher(self);
\r
15688 onRedo = new Dispatcher(self);
\r
15690 // Pass though onAdd event from UndoManager to Editor as onChange
\r
15691 onAdd.add(function(undoman, level) {
\r
15692 if (undoman.hasUndo())
\r
15693 return editor.onChange.dispatch(editor, level, undoman);
\r
15696 // Pass though onUndo event from UndoManager to Editor
\r
15697 onUndo.add(function(undoman, level) {
\r
15698 return editor.onUndo.dispatch(editor, level, undoman);
\r
15701 // Pass though onRedo event from UndoManager to Editor
\r
15702 onRedo.add(function(undoman, level) {
\r
15703 return editor.onRedo.dispatch(editor, level, undoman);
\r
15706 // Add initial undo level when the editor is initialized
\r
15707 editor.onInit.add(function() {
\r
15711 // Get position before an execCommand is processed
\r
15712 editor.onBeforeExecCommand.add(function(ed, cmd, ui, val, args) {
\r
15713 if (cmd != 'Undo' && cmd != 'Redo' && cmd != 'mceRepaint' && (!args || !args.skip_undo)) {
\r
15714 self.beforeChange();
\r
15718 // Add undo level after an execCommand call was made
\r
15719 editor.onExecCommand.add(function(ed, cmd, ui, val, args) {
\r
15720 if (cmd != 'Undo' && cmd != 'Redo' && cmd != 'mceRepaint' && (!args || !args.skip_undo)) {
\r
15725 // Add undo level on save contents, drag end and blur/focusout
\r
15726 editor.onSaveContent.add(addNonTypingUndoLevel);
\r
15727 editor.dom.bind(editor.dom.getRoot(), 'dragend', addNonTypingUndoLevel);
\r
15728 editor.dom.bind(editor.getBody(), 'focusout', function(e) {
\r
15729 if (!editor.removed && self.typing) {
\r
15730 addNonTypingUndoLevel();
\r
15734 editor.onKeyUp.add(function(editor, e) {
\r
15735 var keyCode = e.keyCode;
\r
15737 if ((keyCode >= 33 && keyCode <= 36) || (keyCode >= 37 && keyCode <= 40) || keyCode == 45 || keyCode == 13 || e.ctrlKey) {
\r
15738 addNonTypingUndoLevel();
\r
15742 editor.onKeyDown.add(function(editor, e) {
\r
15743 var keyCode = e.keyCode;
\r
15745 // Is caracter positon keys left,right,up,down,home,end,pgdown,pgup,enter
\r
15746 if ((keyCode >= 33 && keyCode <= 36) || (keyCode >= 37 && keyCode <= 40) || keyCode == 45) {
\r
15747 if (self.typing) {
\r
15748 addNonTypingUndoLevel();
\r
15754 // If key isn't shift,ctrl,alt,capslock,metakey
\r
15755 if ((keyCode < 16 || keyCode > 20) && keyCode != 224 && keyCode != 91 && !self.typing) {
\r
15756 self.beforeChange();
\r
15757 self.typing = true;
\r
15762 editor.onMouseDown.add(function(editor, e) {
\r
15763 if (self.typing) {
\r
15764 addNonTypingUndoLevel();
\r
15768 // Add keyboard shortcuts for undo/redo keys
\r
15769 editor.addShortcut('ctrl+z', 'undo_desc', 'Undo');
\r
15770 editor.addShortcut('ctrl+y', 'redo_desc', 'Redo');
\r
15773 // Explose for debugging reasons
\r
15778 onBeforeAdd: onBeforeAdd,
\r
15786 beforeChange : function() {
\r
15787 beforeBookmark = editor.selection.getBookmark(2, true);
\r
15790 add : function(level) {
\r
15791 var i, settings = editor.settings, lastLevel;
\r
15793 level = level || {};
\r
15794 level.content = getContent();
\r
15796 self.onBeforeAdd.dispatch(self, level);
\r
15798 // Add undo level if needed
\r
15799 lastLevel = data[index];
\r
15800 if (lastLevel && lastLevel.content == level.content)
\r
15803 // Set before bookmark on previous level
\r
15805 data[index].beforeBookmark = beforeBookmark;
\r
15807 // Time to compress
\r
15808 if (settings.custom_undo_redo_levels) {
\r
15809 if (data.length > settings.custom_undo_redo_levels) {
\r
15810 for (i = 0; i < data.length - 1; i++)
\r
15811 data[i] = data[i + 1];
\r
15814 index = data.length;
\r
15818 // Get a non intrusive normalized bookmark
\r
15819 level.bookmark = editor.selection.getBookmark(2, true);
\r
15821 // Crop array if needed
\r
15822 if (index < data.length - 1)
\r
15823 data.length = index + 1;
\r
15825 data.push(level);
\r
15826 index = data.length - 1;
\r
15828 self.onAdd.dispatch(self, level);
\r
15829 editor.isNotDirty = 0;
\r
15834 undo : function() {
\r
15837 if (self.typing) {
\r
15839 self.typing = false;
\r
15843 level = data[--index];
\r
15845 editor.setContent(level.content, {format : 'raw'});
\r
15846 editor.selection.moveToBookmark(level.beforeBookmark);
\r
15848 self.onUndo.dispatch(self, level);
\r
15854 redo : function() {
\r
15857 if (index < data.length - 1) {
\r
15858 level = data[++index];
\r
15860 editor.setContent(level.content, {format : 'raw'});
\r
15861 editor.selection.moveToBookmark(level.bookmark);
\r
15863 self.onRedo.dispatch(self, level);
\r
15869 clear : function() {
\r
15872 self.typing = false;
\r
15875 hasUndo : function() {
\r
15876 return index > 0 || this.typing;
\r
15879 hasRedo : function() {
\r
15880 return index < data.length - 1 && !this.typing;
\r
15888 tinymce.ForceBlocks = function(editor) {
\r
15889 var settings = editor.settings, dom = editor.dom, selection = editor.selection, blockElements = editor.schema.getBlockElements();
\r
15891 function addRootBlocks() {
\r
15892 var node = selection.getStart(), rootNode = editor.getBody(), rng, startContainer, startOffset, endContainer, endOffset, rootBlockNode, tempNode, offset = -0xFFFFFF, wrapped, isInEditorDocument;
\r
15894 if (!node || node.nodeType !== 1 || !settings.forced_root_block)
\r
15897 // Check if node is wrapped in block
\r
15898 while (node && node != rootNode) {
\r
15899 if (blockElements[node.nodeName])
\r
15902 node = node.parentNode;
\r
15905 // Get current selection
\r
15906 rng = selection.getRng();
\r
15907 if (rng.setStart) {
\r
15908 startContainer = rng.startContainer;
\r
15909 startOffset = rng.startOffset;
\r
15910 endContainer = rng.endContainer;
\r
15911 endOffset = rng.endOffset;
\r
15913 // Force control range into text range
\r
15915 node = rng.item(0);
\r
15916 rng = editor.getDoc().body.createTextRange();
\r
15917 rng.moveToElementText(node);
\r
15920 isInEditorDocument = rng.parentElement().ownerDocument === editor.getDoc();
\r
15921 tmpRng = rng.duplicate();
\r
15922 tmpRng.collapse(true);
\r
15923 startOffset = tmpRng.move('character', offset) * -1;
\r
15925 if (!tmpRng.collapsed) {
\r
15926 tmpRng = rng.duplicate();
\r
15927 tmpRng.collapse(false);
\r
15928 endOffset = (tmpRng.move('character', offset) * -1) - startOffset;
\r
15932 // Wrap non block elements and text nodes
\r
15933 node = rootNode.firstChild;
\r
15935 if (node.nodeType === 3 || (node.nodeType == 1 && !blockElements[node.nodeName])) {
\r
15936 // Remove empty text nodes
\r
15937 if (node.nodeType === 3 && node.nodeValue.length == 0) {
\r
15939 node = node.nextSibling;
\r
15940 dom.remove(tempNode);
\r
15944 if (!rootBlockNode) {
\r
15945 rootBlockNode = dom.create(settings.forced_root_block);
\r
15946 node.parentNode.insertBefore(rootBlockNode, node);
\r
15951 node = node.nextSibling;
\r
15952 rootBlockNode.appendChild(tempNode);
\r
15954 rootBlockNode = null;
\r
15955 node = node.nextSibling;
\r
15960 if (rng.setStart) {
\r
15961 rng.setStart(startContainer, startOffset);
\r
15962 rng.setEnd(endContainer, endOffset);
\r
15963 selection.setRng(rng);
\r
15965 // Only select if the previous selection was inside the document to prevent auto focus in quirks mode
\r
15966 if (isInEditorDocument) {
\r
15968 rng = editor.getDoc().body.createTextRange();
\r
15969 rng.moveToElementText(rootNode);
\r
15970 rng.collapse(true);
\r
15971 rng.moveStart('character', startOffset);
\r
15973 if (endOffset > 0)
\r
15974 rng.moveEnd('character', endOffset);
\r
15983 editor.nodeChanged();
\r
15987 // Force root blocks
\r
15988 if (settings.forced_root_block) {
\r
15989 editor.onKeyUp.add(addRootBlocks);
\r
15990 editor.onNodeChange.add(addRootBlocks);
\r
15994 (function(tinymce) {
\r
15996 var DOM = tinymce.DOM, Event = tinymce.dom.Event, each = tinymce.each, extend = tinymce.extend;
\r
15998 tinymce.create('tinymce.ControlManager', {
\r
15999 ControlManager : function(ed, s) {
\r
16005 t.onAdd = new tinymce.util.Dispatcher(t);
\r
16006 t.onPostRender = new tinymce.util.Dispatcher(t);
\r
16007 t.prefix = s.prefix || ed.id + '_';
\r
16010 t.onPostRender.add(function() {
\r
16011 each(t.controls, function(c) {
\r
16017 get : function(id) {
\r
16018 return this.controls[this.prefix + id] || this.controls[id];
\r
16021 setActive : function(id, s) {
\r
16024 if (c = this.get(id))
\r
16030 setDisabled : function(id, s) {
\r
16033 if (c = this.get(id))
\r
16034 c.setDisabled(s);
\r
16039 add : function(c) {
\r
16043 t.controls[c.id] = c;
\r
16044 t.onAdd.dispatch(c, t);
\r
16050 createControl : function(name) {
\r
16051 var ctrl, i, l, self = this, editor = self.editor, factories, ctrlName;
\r
16053 // Build control factory cache
\r
16054 if (!self.controlFactories) {
\r
16055 self.controlFactories = [];
\r
16056 each(editor.plugins, function(plugin) {
\r
16057 if (plugin.createControl) {
\r
16058 self.controlFactories.push(plugin);
\r
16063 // Create controls by asking cached factories
\r
16064 factories = self.controlFactories;
\r
16065 for (i = 0, l = factories.length; i < l; i++) {
\r
16066 ctrl = factories[i].createControl(name, self);
\r
16069 return self.add(ctrl);
\r
16073 // Create sepearator
\r
16074 if (name === "|" || name === "separator") {
\r
16075 return self.createSeparator();
\r
16078 // Create control from button collection
\r
16079 if (editor.buttons && (ctrl = editor.buttons[name])) {
\r
16080 return self.createButton(name, ctrl);
\r
16083 return self.add(ctrl);
\r
16086 createDropMenu : function(id, s, cc) {
\r
16087 var t = this, ed = t.editor, c, bm, v, cls;
\r
16090 'class' : 'mceDropDown',
\r
16091 constrain : ed.settings.constrain_menus
\r
16094 s['class'] = s['class'] + ' ' + ed.getParam('skin') + 'Skin';
\r
16095 if (v = ed.getParam('skin_variant'))
\r
16096 s['class'] += ' ' + ed.getParam('skin') + 'Skin' + v.substring(0, 1).toUpperCase() + v.substring(1);
\r
16098 s['class'] += ed.settings.directionality == "rtl" ? ' mceRtl' : '';
\r
16100 id = t.prefix + id;
\r
16101 cls = cc || t._cls.dropmenu || tinymce.ui.DropMenu;
\r
16102 c = t.controls[id] = new cls(id, s);
\r
16103 c.onAddItem.add(function(c, o) {
\r
16104 var s = o.settings;
\r
16106 s.title = ed.getLang(s.title, s.title);
\r
16108 if (!s.onclick) {
\r
16109 s.onclick = function(v) {
\r
16111 ed.execCommand(s.cmd, s.ui || false, s.value);
\r
16116 ed.onRemove.add(function() {
\r
16120 // Fix for bug #1897785, #1898007
\r
16121 if (tinymce.isIE) {
\r
16122 c.onShowMenu.add(function() {
\r
16123 // IE 8 needs focus in order to store away a range with the current collapsed caret location
\r
16126 bm = ed.selection.getBookmark(1);
\r
16129 c.onHideMenu.add(function() {
\r
16131 ed.selection.moveToBookmark(bm);
\r
16140 createListBox : function(id, s, cc) {
\r
16141 var t = this, ed = t.editor, cmd, c, cls;
\r
16146 s.title = ed.translate(s.title);
\r
16147 s.scope = s.scope || ed;
\r
16149 if (!s.onselect) {
\r
16150 s.onselect = function(v) {
\r
16151 ed.execCommand(s.cmd, s.ui || false, v || s.value);
\r
16157 'class' : 'mce_' + id,
\r
16159 control_manager : t
\r
16162 id = t.prefix + id;
\r
16165 function useNativeListForAccessibility(ed) {
\r
16166 return ed.settings.use_accessible_selects && !tinymce.isGecko
\r
16169 if (ed.settings.use_native_selects || useNativeListForAccessibility(ed))
\r
16170 c = new tinymce.ui.NativeListBox(id, s);
\r
16172 cls = cc || t._cls.listbox || tinymce.ui.ListBox;
\r
16173 c = new cls(id, s, ed);
\r
16176 t.controls[id] = c;
\r
16178 // Fix focus problem in Safari
\r
16179 if (tinymce.isWebKit) {
\r
16180 c.onPostRender.add(function(c, n) {
\r
16181 // Store bookmark on mousedown
\r
16182 Event.add(n, 'mousedown', function() {
\r
16183 ed.bookmark = ed.selection.getBookmark(1);
\r
16186 // Restore on focus, since it might be lost
\r
16187 Event.add(n, 'focus', function() {
\r
16188 ed.selection.moveToBookmark(ed.bookmark);
\r
16189 ed.bookmark = null;
\r
16195 ed.onMouseDown.add(c.hideMenu, c);
\r
16200 createButton : function(id, s, cc) {
\r
16201 var t = this, ed = t.editor, o, c, cls;
\r
16206 s.title = ed.translate(s.title);
\r
16207 s.label = ed.translate(s.label);
\r
16208 s.scope = s.scope || ed;
\r
16210 if (!s.onclick && !s.menu_button) {
\r
16211 s.onclick = function() {
\r
16212 ed.execCommand(s.cmd, s.ui || false, s.value);
\r
16218 'class' : 'mce_' + id,
\r
16219 unavailable_prefix : ed.getLang('unavailable', ''),
\r
16221 control_manager : t
\r
16224 id = t.prefix + id;
\r
16226 if (s.menu_button) {
\r
16227 cls = cc || t._cls.menubutton || tinymce.ui.MenuButton;
\r
16228 c = new cls(id, s, ed);
\r
16229 ed.onMouseDown.add(c.hideMenu, c);
\r
16231 cls = t._cls.button || tinymce.ui.Button;
\r
16232 c = new cls(id, s, ed);
\r
16238 createMenuButton : function(id, s, cc) {
\r
16240 s.menu_button = 1;
\r
16242 return this.createButton(id, s, cc);
\r
16245 createSplitButton : function(id, s, cc) {
\r
16246 var t = this, ed = t.editor, cmd, c, cls;
\r
16251 s.title = ed.translate(s.title);
\r
16252 s.scope = s.scope || ed;
\r
16254 if (!s.onclick) {
\r
16255 s.onclick = function(v) {
\r
16256 ed.execCommand(s.cmd, s.ui || false, v || s.value);
\r
16260 if (!s.onselect) {
\r
16261 s.onselect = function(v) {
\r
16262 ed.execCommand(s.cmd, s.ui || false, v || s.value);
\r
16268 'class' : 'mce_' + id,
\r
16270 control_manager : t
\r
16273 id = t.prefix + id;
\r
16274 cls = cc || t._cls.splitbutton || tinymce.ui.SplitButton;
\r
16275 c = t.add(new cls(id, s, ed));
\r
16276 ed.onMouseDown.add(c.hideMenu, c);
\r
16281 createColorSplitButton : function(id, s, cc) {
\r
16282 var t = this, ed = t.editor, cmd, c, cls, bm;
\r
16287 s.title = ed.translate(s.title);
\r
16288 s.scope = s.scope || ed;
\r
16290 if (!s.onclick) {
\r
16291 s.onclick = function(v) {
\r
16292 if (tinymce.isIE)
\r
16293 bm = ed.selection.getBookmark(1);
\r
16295 ed.execCommand(s.cmd, s.ui || false, v || s.value);
\r
16299 if (!s.onselect) {
\r
16300 s.onselect = function(v) {
\r
16301 ed.execCommand(s.cmd, s.ui || false, v || s.value);
\r
16307 'class' : 'mce_' + id,
\r
16308 'menu_class' : ed.getParam('skin') + 'Skin',
\r
16310 more_colors_title : ed.getLang('more_colors')
\r
16313 id = t.prefix + id;
\r
16314 cls = cc || t._cls.colorsplitbutton || tinymce.ui.ColorSplitButton;
\r
16315 c = new cls(id, s, ed);
\r
16316 ed.onMouseDown.add(c.hideMenu, c);
\r
16318 // Remove the menu element when the editor is removed
\r
16319 ed.onRemove.add(function() {
\r
16323 // Fix for bug #1897785, #1898007
\r
16324 if (tinymce.isIE) {
\r
16325 c.onShowMenu.add(function() {
\r
16326 // IE 8 needs focus in order to store away a range with the current collapsed caret location
\r
16328 bm = ed.selection.getBookmark(1);
\r
16331 c.onHideMenu.add(function() {
\r
16333 ed.selection.moveToBookmark(bm);
\r
16342 createToolbar : function(id, s, cc) {
\r
16343 var c, t = this, cls;
\r
16345 id = t.prefix + id;
\r
16346 cls = cc || t._cls.toolbar || tinymce.ui.Toolbar;
\r
16347 c = new cls(id, s, t.editor);
\r
16355 createToolbarGroup : function(id, s, cc) {
\r
16356 var c, t = this, cls;
\r
16357 id = t.prefix + id;
\r
16358 cls = cc || this._cls.toolbarGroup || tinymce.ui.ToolbarGroup;
\r
16359 c = new cls(id, s, t.editor);
\r
16367 createSeparator : function(cc) {
\r
16368 var cls = cc || this._cls.separator || tinymce.ui.Separator;
\r
16370 return new cls();
\r
16373 setControlType : function(n, c) {
\r
16374 return this._cls[n.toLowerCase()] = c;
\r
16377 destroy : function() {
\r
16378 each(this.controls, function(c) {
\r
16382 this.controls = null;
\r
16387 (function(tinymce) {
\r
16388 var Dispatcher = tinymce.util.Dispatcher, each = tinymce.each, isIE = tinymce.isIE, isOpera = tinymce.isOpera;
\r
16390 tinymce.create('tinymce.WindowManager', {
\r
16391 WindowManager : function(ed) {
\r
16395 t.onOpen = new Dispatcher(t);
\r
16396 t.onClose = new Dispatcher(t);
\r
16401 open : function(s, p) {
\r
16402 var t = this, f = '', x, y, mo = t.editor.settings.dialog_type == 'modal', w, sw, sh, vp = tinymce.DOM.getViewPort(), u;
\r
16404 // Default some options
\r
16407 sw = isOpera ? vp.w : screen.width; // Opera uses windows inside the Opera window
\r
16408 sh = isOpera ? vp.h : screen.height;
\r
16409 s.name = s.name || 'mc_' + new Date().getTime();
\r
16410 s.width = parseInt(s.width || 320);
\r
16411 s.height = parseInt(s.height || 240);
\r
16412 s.resizable = true;
\r
16413 s.left = s.left || parseInt(sw / 2.0) - (s.width / 2.0);
\r
16414 s.top = s.top || parseInt(sh / 2.0) - (s.height / 2.0);
\r
16415 p.inline = false;
\r
16416 p.mce_width = s.width;
\r
16417 p.mce_height = s.height;
\r
16418 p.mce_auto_focus = s.auto_focus;
\r
16424 s.dialogWidth = s.width + 'px';
\r
16425 s.dialogHeight = s.height + 'px';
\r
16426 s.scroll = s.scrollbars || false;
\r
16430 // Build features string
\r
16431 each(s, function(v, k) {
\r
16432 if (tinymce.is(v, 'boolean'))
\r
16433 v = v ? 'yes' : 'no';
\r
16435 if (!/^(name|url)$/.test(k)) {
\r
16437 f += (f ? ';' : '') + k + ':' + v;
\r
16439 f += (f ? ',' : '') + k + '=' + v;
\r
16445 t.onOpen.dispatch(t, s, p);
\r
16447 u = s.url || s.file;
\r
16448 u = tinymce._addVer(u);
\r
16451 if (isIE && mo) {
\r
16453 window.showModalDialog(u, window, f);
\r
16455 w = window.open(u, s.name, f);
\r
16461 alert(t.editor.getLang('popup_blocked'));
\r
16464 close : function(w) {
\r
16466 this.onClose.dispatch(this);
\r
16469 createInstance : function(cl, a, b, c, d, e) {
\r
16470 var f = tinymce.resolve(cl);
\r
16472 return new f(a, b, c, d, e);
\r
16475 confirm : function(t, cb, s, w) {
\r
16478 cb.call(s || this, w.confirm(this._decode(this.editor.getLang(t, t))));
\r
16481 alert : function(tx, cb, s, w) {
\r
16485 w.alert(t._decode(t.editor.getLang(tx, tx)));
\r
16491 resizeBy : function(dw, dh, win) {
\r
16492 win.resizeBy(dw, dh);
\r
16495 // Internal functions
\r
16497 _decode : function(s) {
\r
16498 return tinymce.DOM.decode(s).replace(/\\n/g, '\n');
\r
16502 (function(tinymce) {
\r
16503 tinymce.Formatter = function(ed) {
\r
16504 var formats = {},
\r
16505 each = tinymce.each,
\r
16507 selection = ed.selection,
\r
16508 TreeWalker = tinymce.dom.TreeWalker,
\r
16509 rangeUtils = new tinymce.dom.RangeUtils(dom),
\r
16510 isValid = ed.schema.isValidChild,
\r
16511 isArray = tinymce.isArray,
\r
16512 isBlock = dom.isBlock,
\r
16513 forcedRootBlock = ed.settings.forced_root_block,
\r
16514 nodeIndex = dom.nodeIndex,
\r
16515 INVISIBLE_CHAR = '\uFEFF',
\r
16516 MCE_ATTR_RE = /^(src|href|style)$/,
\r
16519 formatChangeData,
\r
16521 getContentEditable = dom.getContentEditable;
\r
16523 function isTextBlock(name) {
\r
16524 if (name.nodeType) {
\r
16525 name = name.nodeName;
\r
16528 return !!ed.schema.getTextBlockElements()[name.toLowerCase()];
\r
16531 function getParents(node, selector) {
\r
16532 return dom.getParents(node, selector, dom.getRoot());
\r
16535 function isCaretNode(node) {
\r
16536 return node.nodeType === 1 && node.id === '_mce_caret';
\r
16539 function defaultFormats() {
\r
16542 {selector : 'figure,p,h1,h2,h3,h4,h5,h6,td,th,div,ul,ol,li', styles : {textAlign : 'left'}, defaultBlock: 'div'},
\r
16543 {selector : 'img,table', collapsed : false, styles : {'float' : 'left'}}
\r
16547 {selector : 'figure,p,h1,h2,h3,h4,h5,h6,td,th,div,ul,ol,li', styles : {textAlign : 'center'}, defaultBlock: 'div'},
\r
16548 {selector : 'img', collapsed : false, styles : {display : 'block', marginLeft : 'auto', marginRight : 'auto'}},
\r
16549 {selector : 'table', collapsed : false, styles : {marginLeft : 'auto', marginRight : 'auto'}}
\r
16553 {selector : 'figure,p,h1,h2,h3,h4,h5,h6,td,th,div,ul,ol,li', styles : {textAlign : 'right'}, defaultBlock: 'div'},
\r
16554 {selector : 'img,table', collapsed : false, styles : {'float' : 'right'}}
\r
16558 {selector : 'figure,p,h1,h2,h3,h4,h5,h6,td,th,div,ul,ol,li', styles : {textAlign : 'justify'}, defaultBlock: 'div'}
\r
16562 {inline : 'strong', remove : 'all'},
\r
16563 {inline : 'span', styles : {fontWeight : 'bold'}},
\r
16564 {inline : 'b', remove : 'all'}
\r
16568 {inline : 'em', remove : 'all'},
\r
16569 {inline : 'span', styles : {fontStyle : 'italic'}},
\r
16570 {inline : 'i', remove : 'all'}
\r
16574 {inline : 'span', styles : {textDecoration : 'underline'}, exact : true},
\r
16575 {inline : 'u', remove : 'all'}
\r
16578 strikethrough : [
\r
16579 {inline : 'span', styles : {textDecoration : 'line-through'}, exact : true},
\r
16580 {inline : 'strike', remove : 'all'}
\r
16583 forecolor : {inline : 'span', styles : {color : '%value'}, wrap_links : false},
\r
16584 hilitecolor : {inline : 'span', styles : {backgroundColor : '%value'}, wrap_links : false},
\r
16585 fontname : {inline : 'span', styles : {fontFamily : '%value'}},
\r
16586 fontsize : {inline : 'span', styles : {fontSize : '%value'}},
\r
16587 fontsize_class : {inline : 'span', attributes : {'class' : '%value'}},
\r
16588 blockquote : {block : 'blockquote', wrapper : 1, remove : 'all'},
\r
16589 subscript : {inline : 'sub'},
\r
16590 superscript : {inline : 'sup'},
\r
16592 link : {inline : 'a', selector : 'a', remove : 'all', split : true, deep : true,
\r
16593 onmatch : function(node) {
\r
16597 onformat : function(elm, fmt, vars) {
\r
16598 each(vars, function(value, key) {
\r
16599 dom.setAttrib(elm, key, value);
\r
16605 {selector : 'b,strong,em,i,font,u,strike', remove : 'all', split : true, expand : false, block_expand : true, deep : true},
\r
16606 {selector : 'span', attributes : ['style', 'class'], remove : 'empty', split : true, expand : false, deep : true},
\r
16607 {selector : '*', attributes : ['style', 'class'], split : false, expand : false, deep : true}
\r
16611 // Register default block formats
\r
16612 each('p h1 h2 h3 h4 h5 h6 div address pre div code dt dd samp'.split(/\s/), function(name) {
\r
16613 register(name, {block : name, remove : 'all'});
\r
16616 // Register user defined formats
\r
16617 register(ed.settings.formats);
\r
16620 function addKeyboardShortcuts() {
\r
16621 // Add some inline shortcuts
\r
16622 ed.addShortcut('ctrl+b', 'bold_desc', 'Bold');
\r
16623 ed.addShortcut('ctrl+i', 'italic_desc', 'Italic');
\r
16624 ed.addShortcut('ctrl+u', 'underline_desc', 'Underline');
\r
16626 // BlockFormat shortcuts keys
\r
16627 for (var i = 1; i <= 6; i++) {
\r
16628 ed.addShortcut('ctrl+' + i, '', ['FormatBlock', false, 'h' + i]);
\r
16631 ed.addShortcut('ctrl+7', '', ['FormatBlock', false, 'p']);
\r
16632 ed.addShortcut('ctrl+8', '', ['FormatBlock', false, 'div']);
\r
16633 ed.addShortcut('ctrl+9', '', ['FormatBlock', false, 'address']);
\r
16636 // Public functions
\r
16638 function get(name) {
\r
16639 return name ? formats[name] : formats;
\r
16642 function register(name, format) {
\r
16644 if (typeof(name) !== 'string') {
\r
16645 each(name, function(format, name) {
\r
16646 register(name, format);
\r
16649 // Force format into array and add it to internal collection
\r
16650 format = format.length ? format : [format];
\r
16652 each(format, function(format) {
\r
16653 // Set deep to false by default on selector formats this to avoid removing
\r
16654 // alignment on images inside paragraphs when alignment is changed on paragraphs
\r
16655 if (format.deep === undef)
\r
16656 format.deep = !format.selector;
\r
16658 // Default to true
\r
16659 if (format.split === undef)
\r
16660 format.split = !format.selector || format.inline;
\r
16662 // Default to true
\r
16663 if (format.remove === undef && format.selector && !format.inline)
\r
16664 format.remove = 'none';
\r
16666 // Mark format as a mixed format inline + block level
\r
16667 if (format.selector && format.inline) {
\r
16668 format.mixed = true;
\r
16669 format.block_expand = true;
\r
16672 // Split classes if needed
\r
16673 if (typeof(format.classes) === 'string')
\r
16674 format.classes = format.classes.split(/\s+/);
\r
16677 formats[name] = format;
\r
16682 var getTextDecoration = function(node) {
\r
16685 ed.dom.getParent(node, function(n) {
\r
16686 decoration = ed.dom.getStyle(n, 'text-decoration');
\r
16687 return decoration && decoration !== 'none';
\r
16690 return decoration;
\r
16693 var processUnderlineAndColor = function(node) {
\r
16694 var textDecoration;
\r
16695 if (node.nodeType === 1 && node.parentNode && node.parentNode.nodeType === 1) {
\r
16696 textDecoration = getTextDecoration(node.parentNode);
\r
16697 if (ed.dom.getStyle(node, 'color') && textDecoration) {
\r
16698 ed.dom.setStyle(node, 'text-decoration', textDecoration);
\r
16699 } else if (ed.dom.getStyle(node, 'textdecoration') === textDecoration) {
\r
16700 ed.dom.setStyle(node, 'text-decoration', null);
\r
16705 function apply(name, vars, node) {
\r
16706 var formatList = get(name), format = formatList[0], bookmark, rng, i, isCollapsed = selection.isCollapsed();
\r
16708 function setElementFormat(elm, fmt) {
\r
16709 fmt = fmt || format;
\r
16712 if (fmt.onformat) {
\r
16713 fmt.onformat(elm, fmt, vars, node);
\r
16716 each(fmt.styles, function(value, name) {
\r
16717 dom.setStyle(elm, name, replaceVars(value, vars));
\r
16720 each(fmt.attributes, function(value, name) {
\r
16721 dom.setAttrib(elm, name, replaceVars(value, vars));
\r
16724 each(fmt.classes, function(value) {
\r
16725 value = replaceVars(value, vars);
\r
16727 if (!dom.hasClass(elm, value))
\r
16728 dom.addClass(elm, value);
\r
16732 function adjustSelectionToVisibleSelection() {
\r
16733 function findSelectionEnd(start, end) {
\r
16734 var walker = new TreeWalker(end);
\r
16735 for (node = walker.current(); node; node = walker.prev()) {
\r
16736 if (node.childNodes.length > 1 || node == start || node.tagName == 'BR') {
\r
16742 // Adjust selection so that a end container with a end offset of zero is not included in the selection
\r
16743 // as this isn't visible to the user.
\r
16744 var rng = ed.selection.getRng();
\r
16745 var start = rng.startContainer;
\r
16746 var end = rng.endContainer;
\r
16748 if (start != end && rng.endOffset === 0) {
\r
16749 var newEnd = findSelectionEnd(start, end);
\r
16750 var endOffset = newEnd.nodeType == 3 ? newEnd.length : newEnd.childNodes.length;
\r
16752 rng.setEnd(newEnd, endOffset);
\r
16758 function applyStyleToList(node, bookmark, wrapElm, newWrappers, process){
\r
16759 var nodes = [], listIndex = -1, list, startIndex = -1, endIndex = -1, currentWrapElm;
\r
16761 // find the index of the first child list.
\r
16762 each(node.childNodes, function(n, index) {
\r
16763 if (n.nodeName === "UL" || n.nodeName === "OL") {
\r
16764 listIndex = index;
\r
16770 // get the index of the bookmarks
\r
16771 each(node.childNodes, function(n, index) {
\r
16772 if (n.nodeName === "SPAN" && dom.getAttrib(n, "data-mce-type") == "bookmark") {
\r
16773 if (n.id == bookmark.id + "_start") {
\r
16774 startIndex = index;
\r
16775 } else if (n.id == bookmark.id + "_end") {
\r
16776 endIndex = index;
\r
16781 // if the selection spans across an embedded list, or there isn't an embedded list - handle processing normally
\r
16782 if (listIndex <= 0 || (startIndex < listIndex && endIndex > listIndex)) {
\r
16783 each(tinymce.grep(node.childNodes), process);
\r
16786 currentWrapElm = dom.clone(wrapElm, FALSE);
\r
16788 // create a list of the nodes on the same side of the list as the selection
\r
16789 each(tinymce.grep(node.childNodes), function(n, index) {
\r
16790 if ((startIndex < listIndex && index < listIndex) || (startIndex > listIndex && index > listIndex)) {
\r
16792 n.parentNode.removeChild(n);
\r
16796 // insert the wrapping element either before or after the list.
\r
16797 if (startIndex < listIndex) {
\r
16798 node.insertBefore(currentWrapElm, list);
\r
16799 } else if (startIndex > listIndex) {
\r
16800 node.insertBefore(currentWrapElm, list.nextSibling);
\r
16803 // add the new nodes to the list.
\r
16804 newWrappers.push(currentWrapElm);
\r
16806 each(nodes, function(node) {
\r
16807 currentWrapElm.appendChild(node);
\r
16810 return currentWrapElm;
\r
16814 function applyRngStyle(rng, bookmark, node_specific) {
\r
16815 var newWrappers = [], wrapName, wrapElm, contentEditable = true;
\r
16817 // Setup wrapper element
\r
16818 wrapName = format.inline || format.block;
\r
16819 wrapElm = dom.create(wrapName);
\r
16820 setElementFormat(wrapElm);
\r
16822 rangeUtils.walk(rng, function(nodes) {
\r
16823 var currentWrapElm;
\r
16825 function process(node) {
\r
16826 var nodeName, parentName, found, hasContentEditableState, lastContentEditable;
\r
16828 lastContentEditable = contentEditable;
\r
16829 nodeName = node.nodeName.toLowerCase();
\r
16830 parentName = node.parentNode.nodeName.toLowerCase();
\r
16832 // Node has a contentEditable value
\r
16833 if (node.nodeType === 1 && getContentEditable(node)) {
\r
16834 lastContentEditable = contentEditable;
\r
16835 contentEditable = getContentEditable(node) === "true";
\r
16836 hasContentEditableState = true; // We don't want to wrap the container only it's children
\r
16839 // Stop wrapping on br elements
\r
16840 if (isEq(nodeName, 'br')) {
\r
16841 currentWrapElm = 0;
\r
16843 // Remove any br elements when we wrap things
\r
16844 if (format.block)
\r
16845 dom.remove(node);
\r
16850 // If node is wrapper type
\r
16851 if (format.wrapper && matchNode(node, name, vars)) {
\r
16852 currentWrapElm = 0;
\r
16856 // Can we rename the block
\r
16857 if (contentEditable && !hasContentEditableState && format.block && !format.wrapper && isTextBlock(nodeName)) {
\r
16858 node = dom.rename(node, wrapName);
\r
16859 setElementFormat(node);
\r
16860 newWrappers.push(node);
\r
16861 currentWrapElm = 0;
\r
16865 // Handle selector patterns
\r
16866 if (format.selector) {
\r
16867 // Look for matching formats
\r
16868 each(formatList, function(format) {
\r
16869 // Check collapsed state if it exists
\r
16870 if ('collapsed' in format && format.collapsed !== isCollapsed) {
\r
16874 if (dom.is(node, format.selector) && !isCaretNode(node)) {
\r
16875 setElementFormat(node, format);
\r
16880 // Continue processing if a selector match wasn't found and a inline element is defined
\r
16881 if (!format.inline || found) {
\r
16882 currentWrapElm = 0;
\r
16887 // Is it valid to wrap this item
\r
16888 if (contentEditable && !hasContentEditableState && isValid(wrapName, nodeName) && isValid(parentName, wrapName) &&
\r
16889 !(!node_specific && node.nodeType === 3 && node.nodeValue.length === 1 && node.nodeValue.charCodeAt(0) === 65279) && !isCaretNode(node) && (!format.inline || !isBlock(node))) {
\r
16890 // Start wrapping
\r
16891 if (!currentWrapElm) {
\r
16893 currentWrapElm = dom.clone(wrapElm, FALSE);
\r
16894 node.parentNode.insertBefore(currentWrapElm, node);
\r
16895 newWrappers.push(currentWrapElm);
\r
16898 currentWrapElm.appendChild(node);
\r
16899 } else if (nodeName == 'li' && bookmark) {
\r
16900 // Start wrapping - if we are in a list node and have a bookmark, then we will always begin by wrapping in a new element.
\r
16901 currentWrapElm = applyStyleToList(node, bookmark, wrapElm, newWrappers, process);
\r
16903 // Start a new wrapper for possible children
\r
16904 currentWrapElm = 0;
\r
16906 each(tinymce.grep(node.childNodes), process);
\r
16908 if (hasContentEditableState) {
\r
16909 contentEditable = lastContentEditable; // Restore last contentEditable state from stack
\r
16912 // End the last wrapper
\r
16913 currentWrapElm = 0;
\r
16917 // Process siblings from range
\r
16918 each(nodes, process);
\r
16921 // Wrap links inside as well, for example color inside a link when the wrapper is around the link
\r
16922 if (format.wrap_links === false) {
\r
16923 each(newWrappers, function(node) {
\r
16924 function process(node) {
\r
16925 var i, currentWrapElm, children;
\r
16927 if (node.nodeName === 'A') {
\r
16928 currentWrapElm = dom.clone(wrapElm, FALSE);
\r
16929 newWrappers.push(currentWrapElm);
\r
16931 children = tinymce.grep(node.childNodes);
\r
16932 for (i = 0; i < children.length; i++)
\r
16933 currentWrapElm.appendChild(children[i]);
\r
16935 node.appendChild(currentWrapElm);
\r
16938 each(tinymce.grep(node.childNodes), process);
\r
16947 each(newWrappers, function(node) {
\r
16950 function getChildCount(node) {
\r
16953 each(node.childNodes, function(node) {
\r
16954 if (!isWhiteSpaceNode(node) && !isBookmarkNode(node))
\r
16961 function mergeStyles(node) {
\r
16962 var child, clone;
\r
16964 each(node.childNodes, function(node) {
\r
16965 if (node.nodeType == 1 && !isBookmarkNode(node) && !isCaretNode(node)) {
\r
16967 return FALSE; // break loop
\r
16971 // If child was found and of the same type as the current node
\r
16972 if (child && matchName(child, format)) {
\r
16973 clone = dom.clone(child, FALSE);
\r
16974 setElementFormat(clone);
\r
16976 dom.replace(clone, node, TRUE);
\r
16977 dom.remove(child, 1);
\r
16980 return clone || node;
\r
16983 childCount = getChildCount(node);
\r
16985 // Remove empty nodes but only if there is multiple wrappers and they are not block
\r
16986 // elements so never remove single <h1></h1> since that would remove the currrent empty block element where the caret is at
\r
16987 if ((newWrappers.length > 1 || !isBlock(node)) && childCount === 0) {
\r
16988 dom.remove(node, 1);
\r
16992 if (format.inline || format.wrapper) {
\r
16993 // Merges the current node with it's children of similar type to reduce the number of elements
\r
16994 if (!format.exact && childCount === 1)
\r
16995 node = mergeStyles(node);
\r
16997 // Remove/merge children
\r
16998 each(formatList, function(format) {
\r
16999 // Merge all children of similar type will move styles from child to parent
\r
17000 // this: <span style="color:red"><b><span style="color:red; font-size:10px">text</span></b></span>
\r
17001 // will become: <span style="color:red"><b><span style="font-size:10px">text</span></b></span>
\r
17002 each(dom.select(format.inline, node), function(child) {
\r
17005 // When wrap_links is set to false we don't want
\r
17006 // to remove the format on children within links
\r
17007 if (format.wrap_links === false) {
\r
17008 parent = child.parentNode;
\r
17011 if (parent.nodeName === 'A')
\r
17013 } while (parent = parent.parentNode);
\r
17016 removeFormat(format, vars, child, format.exact ? child : null);
\r
17020 // Remove child if direct parent is of same type
\r
17021 if (matchNode(node.parentNode, name, vars)) {
\r
17022 dom.remove(node, 1);
\r
17027 // Look for parent with similar style format
\r
17028 if (format.merge_with_parents) {
\r
17029 dom.getParent(node.parentNode, function(parent) {
\r
17030 if (matchNode(parent, name, vars)) {
\r
17031 dom.remove(node, 1);
\r
17038 // Merge next and previous siblings if they are similar <b>text</b><b>text</b> becomes <b>texttext</b>
\r
17039 if (node && format.merge_siblings !== false) {
\r
17040 node = mergeSiblings(getNonWhiteSpaceSibling(node), node);
\r
17041 node = mergeSiblings(node, getNonWhiteSpaceSibling(node, TRUE));
\r
17049 if (node.nodeType) {
\r
17050 rng = dom.createRng();
\r
17051 rng.setStartBefore(node);
\r
17052 rng.setEndAfter(node);
\r
17053 applyRngStyle(expandRng(rng, formatList), null, true);
\r
17055 applyRngStyle(node, null, true);
\r
17058 if (!isCollapsed || !format.inline || dom.select('td.mceSelected,th.mceSelected').length) {
\r
17059 // Obtain selection node before selection is unselected by applyRngStyle()
\r
17060 var curSelNode = ed.selection.getNode();
\r
17062 // If the formats have a default block and we can't find a parent block then start wrapping it with a DIV this is for forced_root_blocks: false
\r
17063 // It's kind of a hack but people should be using the default block type P since all desktop editors work that way
\r
17064 if (!forcedRootBlock && formatList[0].defaultBlock && !dom.getParent(curSelNode, dom.isBlock)) {
\r
17065 apply(formatList[0].defaultBlock);
\r
17068 // Apply formatting to selection
\r
17069 ed.selection.setRng(adjustSelectionToVisibleSelection());
\r
17070 bookmark = selection.getBookmark();
\r
17071 applyRngStyle(expandRng(selection.getRng(TRUE), formatList), bookmark);
\r
17073 // Colored nodes should be underlined so that the color of the underline matches the text color.
\r
17074 if (format.styles && (format.styles.color || format.styles.textDecoration)) {
\r
17075 tinymce.walk(curSelNode, processUnderlineAndColor, 'childNodes');
\r
17076 processUnderlineAndColor(curSelNode);
\r
17079 selection.moveToBookmark(bookmark);
\r
17080 moveStart(selection.getRng(TRUE));
\r
17081 ed.nodeChanged();
\r
17083 performCaretAction('apply', name, vars);
\r
17088 function remove(name, vars, node) {
\r
17089 var formatList = get(name), format = formatList[0], bookmark, i, rng, contentEditable = true;
\r
17091 // Merges the styles for each node
\r
17092 function process(node) {
\r
17093 var children, i, l, localContentEditable, lastContentEditable, hasContentEditableState;
\r
17095 // Skip on text nodes as they have neither format to remove nor children
\r
17096 if (node.nodeType === 3) {
\r
17100 // Node has a contentEditable value
\r
17101 if (node.nodeType === 1 && getContentEditable(node)) {
\r
17102 lastContentEditable = contentEditable;
\r
17103 contentEditable = getContentEditable(node) === "true";
\r
17104 hasContentEditableState = true; // We don't want to wrap the container only it's children
\r
17107 // Grab the children first since the nodelist might be changed
\r
17108 children = tinymce.grep(node.childNodes);
\r
17110 // Process current node
\r
17111 if (contentEditable && !hasContentEditableState) {
\r
17112 for (i = 0, l = formatList.length; i < l; i++) {
\r
17113 if (removeFormat(formatList[i], vars, node, node))
\r
17118 // Process the children
\r
17119 if (format.deep) {
\r
17120 if (children.length) {
\r
17121 for (i = 0, l = children.length; i < l; i++)
\r
17122 process(children[i]);
\r
17124 if (hasContentEditableState) {
\r
17125 contentEditable = lastContentEditable; // Restore last contentEditable state from stack
\r
17131 function findFormatRoot(container) {
\r
17134 // Find format root
\r
17135 each(getParents(container.parentNode).reverse(), function(parent) {
\r
17138 // Find format root element
\r
17139 if (!formatRoot && parent.id != '_start' && parent.id != '_end') {
\r
17140 // Is the node matching the format we are looking for
\r
17141 format = matchNode(parent, name, vars);
\r
17142 if (format && format.split !== false)
\r
17143 formatRoot = parent;
\r
17147 return formatRoot;
\r
17150 function wrapAndSplit(format_root, container, target, split) {
\r
17151 var parent, clone, lastClone, firstClone, i, formatRootParent;
\r
17153 // Format root found then clone formats and split it
\r
17154 if (format_root) {
\r
17155 formatRootParent = format_root.parentNode;
\r
17157 for (parent = container.parentNode; parent && parent != formatRootParent; parent = parent.parentNode) {
\r
17158 clone = dom.clone(parent, FALSE);
\r
17160 for (i = 0; i < formatList.length; i++) {
\r
17161 if (removeFormat(formatList[i], vars, clone, clone)) {
\r
17167 // Build wrapper node
\r
17170 clone.appendChild(lastClone);
\r
17173 firstClone = clone;
\r
17175 lastClone = clone;
\r
17179 // Never split block elements if the format is mixed
\r
17180 if (split && (!format.mixed || !isBlock(format_root)))
\r
17181 container = dom.split(format_root, container);
\r
17183 // Wrap container in cloned formats
\r
17185 target.parentNode.insertBefore(lastClone, target);
\r
17186 firstClone.appendChild(target);
\r
17190 return container;
\r
17193 function splitToFormatRoot(container) {
\r
17194 return wrapAndSplit(findFormatRoot(container), container, container, true);
\r
17197 function unwrap(start) {
\r
17198 var node = dom.get(start ? '_start' : '_end'),
\r
17199 out = node[start ? 'firstChild' : 'lastChild'];
\r
17201 // If the end is placed within the start the result will be removed
\r
17202 // So this checks if the out node is a bookmark node if it is it
\r
17203 // checks for another more suitable node
\r
17204 if (isBookmarkNode(out))
\r
17205 out = out[start ? 'firstChild' : 'lastChild'];
\r
17207 dom.remove(node, true);
\r
17212 function removeRngStyle(rng) {
\r
17213 var startContainer, endContainer, node;
\r
17215 rng = expandRng(rng, formatList, TRUE);
\r
17217 if (format.split) {
\r
17218 startContainer = getContainer(rng, TRUE);
\r
17219 endContainer = getContainer(rng);
\r
17221 if (startContainer != endContainer) {
\r
17222 // WebKit will render the table incorrectly if we wrap a TD in a SPAN so lets see if the can use the first child instead
\r
17223 // This will happen if you tripple click a table cell and use remove formatting
\r
17224 if (/^(TR|TD)$/.test(startContainer.nodeName) && startContainer.firstChild) {
\r
17225 startContainer = (startContainer.nodeName == "TD" ? startContainer.firstChild : startContainer.firstChild.firstChild) || startContainer;
\r
17228 // Wrap start/end nodes in span element since these might be cloned/moved
\r
17229 startContainer = wrap(startContainer, 'span', {id : '_start', 'data-mce-type' : 'bookmark'});
\r
17230 endContainer = wrap(endContainer, 'span', {id : '_end', 'data-mce-type' : 'bookmark'});
\r
17232 // Split start/end
\r
17233 splitToFormatRoot(startContainer);
\r
17234 splitToFormatRoot(endContainer);
\r
17236 // Unwrap start/end to get real elements again
\r
17237 startContainer = unwrap(TRUE);
\r
17238 endContainer = unwrap();
\r
17240 startContainer = endContainer = splitToFormatRoot(startContainer);
\r
17242 // Update range positions since they might have changed after the split operations
\r
17243 rng.startContainer = startContainer.parentNode;
\r
17244 rng.startOffset = nodeIndex(startContainer);
\r
17245 rng.endContainer = endContainer.parentNode;
\r
17246 rng.endOffset = nodeIndex(endContainer) + 1;
\r
17249 // Remove items between start/end
\r
17250 rangeUtils.walk(rng, function(nodes) {
\r
17251 each(nodes, function(node) {
\r
17254 // Remove parent span if it only contains text-decoration: underline, yet a parent node is also underlined.
\r
17255 if (node.nodeType === 1 && ed.dom.getStyle(node, 'text-decoration') === 'underline' && node.parentNode && getTextDecoration(node.parentNode) === 'underline') {
\r
17256 removeFormat({'deep': false, 'exact': true, 'inline': 'span', 'styles': {'textDecoration' : 'underline'}}, null, node);
\r
17264 if (node.nodeType) {
\r
17265 rng = dom.createRng();
\r
17266 rng.setStartBefore(node);
\r
17267 rng.setEndAfter(node);
\r
17268 removeRngStyle(rng);
\r
17270 removeRngStyle(node);
\r
17276 if (!selection.isCollapsed() || !format.inline || dom.select('td.mceSelected,th.mceSelected').length) {
\r
17277 bookmark = selection.getBookmark();
\r
17278 removeRngStyle(selection.getRng(TRUE));
\r
17279 selection.moveToBookmark(bookmark);
\r
17281 // Check if start element still has formatting then we are at: "<b>text|</b>text" and need to move the start into the next text node
\r
17282 if (format.inline && match(name, vars, selection.getStart())) {
\r
17283 moveStart(selection.getRng(true));
\r
17286 ed.nodeChanged();
\r
17288 performCaretAction('remove', name, vars);
\r
17291 function toggle(name, vars, node) {
\r
17292 var fmt = get(name);
\r
17294 if (match(name, vars, node) && (!('toggle' in fmt[0]) || fmt[0].toggle))
\r
17295 remove(name, vars, node);
\r
17297 apply(name, vars, node);
\r
17300 function matchNode(node, name, vars, similar) {
\r
17301 var formatList = get(name), format, i, classes;
\r
17303 function matchItems(node, format, item_name) {
\r
17304 var key, value, items = format[item_name], i;
\r
17307 if (format.onmatch) {
\r
17308 return format.onmatch(node, format, item_name);
\r
17311 // Check all items
\r
17313 // Non indexed object
\r
17314 if (items.length === undef) {
\r
17315 for (key in items) {
\r
17316 if (items.hasOwnProperty(key)) {
\r
17317 if (item_name === 'attributes')
\r
17318 value = dom.getAttrib(node, key);
\r
17320 value = getStyle(node, key);
\r
17322 if (similar && !value && !format.exact)
\r
17325 if ((!similar || format.exact) && !isEq(value, replaceVars(items[key], vars)))
\r
17330 // Only one match needed for indexed arrays
\r
17331 for (i = 0; i < items.length; i++) {
\r
17332 if (item_name === 'attributes' ? dom.getAttrib(node, items[i]) : getStyle(node, items[i]))
\r
17341 if (formatList && node) {
\r
17342 // Check each format in list
\r
17343 for (i = 0; i < formatList.length; i++) {
\r
17344 format = formatList[i];
\r
17346 // Name name, attributes, styles and classes
\r
17347 if (matchName(node, format) && matchItems(node, format, 'attributes') && matchItems(node, format, 'styles')) {
\r
17349 if (classes = format.classes) {
\r
17350 for (i = 0; i < classes.length; i++) {
\r
17351 if (!dom.hasClass(node, classes[i]))
\r
17362 function match(name, vars, node) {
\r
17365 function matchParents(node) {
\r
17366 // Find first node with similar format settings
\r
17367 node = dom.getParent(node, function(node) {
\r
17368 return !!matchNode(node, name, vars, true);
\r
17371 // Do an exact check on the similar format element
\r
17372 return matchNode(node, name, vars);
\r
17375 // Check specified node
\r
17377 return matchParents(node);
\r
17379 // Check selected node
\r
17380 node = selection.getNode();
\r
17381 if (matchParents(node))
\r
17384 // Check start node if it's different
\r
17385 startNode = selection.getStart();
\r
17386 if (startNode != node) {
\r
17387 if (matchParents(startNode))
\r
17394 function matchAll(names, vars) {
\r
17395 var startElement, matchedFormatNames = [], checkedMap = {}, i, ni, name;
\r
17397 // Check start of selection for formats
\r
17398 startElement = selection.getStart();
\r
17399 dom.getParent(startElement, function(node) {
\r
17402 for (i = 0; i < names.length; i++) {
\r
17405 if (!checkedMap[name] && matchNode(node, name, vars)) {
\r
17406 checkedMap[name] = true;
\r
17407 matchedFormatNames.push(name);
\r
17410 }, dom.getRoot());
\r
17412 return matchedFormatNames;
\r
17415 function canApply(name) {
\r
17416 var formatList = get(name), startNode, parents, i, x, selector;
\r
17418 if (formatList) {
\r
17419 startNode = selection.getStart();
\r
17420 parents = getParents(startNode);
\r
17422 for (x = formatList.length - 1; x >= 0; x--) {
\r
17423 selector = formatList[x].selector;
\r
17425 // Format is not selector based, then always return TRUE
\r
17429 for (i = parents.length - 1; i >= 0; i--) {
\r
17430 if (dom.is(parents[i], selector))
\r
17439 function formatChanged(formats, callback, similar) {
\r
17440 var currentFormats;
\r
17442 // Setup format node change logic
\r
17443 if (!formatChangeData) {
\r
17444 formatChangeData = {};
\r
17445 currentFormats = {};
\r
17447 ed.onNodeChange.addToTop(function(ed, cm, node) {
\r
17448 var parents = getParents(node), matchedFormats = {};
\r
17450 // Check for new formats
\r
17451 each(formatChangeData, function(callbacks, format) {
\r
17452 each(parents, function(node) {
\r
17453 if (matchNode(node, format, {}, callbacks.similar)) {
\r
17454 if (!currentFormats[format]) {
\r
17455 // Execute callbacks
\r
17456 each(callbacks, function(callback) {
\r
17457 callback(true, {node: node, format: format, parents: parents});
\r
17460 currentFormats[format] = callbacks;
\r
17463 matchedFormats[format] = callbacks;
\r
17469 // Check if current formats still match
\r
17470 each(currentFormats, function(callbacks, format) {
\r
17471 if (!matchedFormats[format]) {
\r
17472 delete currentFormats[format];
\r
17474 each(callbacks, function(callback) {
\r
17475 callback(false, {node: node, format: format, parents: parents});
\r
17482 // Add format listeners
\r
17483 each(formats.split(','), function(format) {
\r
17484 if (!formatChangeData[format]) {
\r
17485 formatChangeData[format] = [];
\r
17486 formatChangeData[format].similar = similar;
\r
17489 formatChangeData[format].push(callback);
\r
17495 // Expose to public
\r
17496 tinymce.extend(this, {
\r
17498 register : register,
\r
17503 matchAll : matchAll,
\r
17504 matchNode : matchNode,
\r
17505 canApply : canApply,
\r
17506 formatChanged: formatChanged
\r
17510 defaultFormats();
\r
17511 addKeyboardShortcuts();
\r
17513 // Private functions
\r
17515 function matchName(node, format) {
\r
17516 // Check for inline match
\r
17517 if (isEq(node, format.inline))
\r
17520 // Check for block match
\r
17521 if (isEq(node, format.block))
\r
17524 // Check for selector match
\r
17525 if (format.selector)
\r
17526 return dom.is(node, format.selector);
\r
17529 function isEq(str1, str2) {
\r
17530 str1 = str1 || '';
\r
17531 str2 = str2 || '';
\r
17533 str1 = '' + (str1.nodeName || str1);
\r
17534 str2 = '' + (str2.nodeName || str2);
\r
17536 return str1.toLowerCase() == str2.toLowerCase();
\r
17539 function getStyle(node, name) {
\r
17540 var styleVal = dom.getStyle(node, name);
\r
17542 // Force the format to hex
\r
17543 if (name == 'color' || name == 'backgroundColor')
\r
17544 styleVal = dom.toHex(styleVal);
\r
17546 // Opera will return bold as 700
\r
17547 if (name == 'fontWeight' && styleVal == 700)
\r
17548 styleVal = 'bold';
\r
17550 return '' + styleVal;
\r
17553 function replaceVars(value, vars) {
\r
17554 if (typeof(value) != "string")
\r
17555 value = value(vars);
\r
17557 value = value.replace(/%(\w+)/g, function(str, name) {
\r
17558 return vars[name] || str;
\r
17565 function isWhiteSpaceNode(node) {
\r
17566 return node && node.nodeType === 3 && /^([\t \r\n]+|)$/.test(node.nodeValue);
\r
17569 function wrap(node, name, attrs) {
\r
17570 var wrapper = dom.create(name, attrs);
\r
17572 node.parentNode.insertBefore(wrapper, node);
\r
17573 wrapper.appendChild(node);
\r
17578 function expandRng(rng, format, remove) {
\r
17579 var sibling, lastIdx, leaf, endPoint,
\r
17580 startContainer = rng.startContainer,
\r
17581 startOffset = rng.startOffset,
\r
17582 endContainer = rng.endContainer,
\r
17583 endOffset = rng.endOffset;
\r
17585 // This function walks up the tree if there is no siblings before/after the node
\r
17586 function findParentContainer(start) {
\r
17587 var container, parent, child, sibling, siblingName, root;
\r
17589 container = parent = start ? startContainer : endContainer;
\r
17590 siblingName = start ? 'previousSibling' : 'nextSibling';
\r
17591 root = dom.getRoot();
\r
17593 function isBogusBr(node) {
\r
17594 return node.nodeName == "BR" && node.getAttribute('data-mce-bogus') && !node.nextSibling;
\r
17597 // If it's a text node and the offset is inside the text
\r
17598 if (container.nodeType == 3 && !isWhiteSpaceNode(container)) {
\r
17599 if (start ? startOffset > 0 : endOffset < container.nodeValue.length) {
\r
17600 return container;
\r
17605 // Stop expanding on block elements
\r
17606 if (!format[0].block_expand && isBlock(parent))
\r
17609 // Walk left/right
\r
17610 for (sibling = parent[siblingName]; sibling; sibling = sibling[siblingName]) {
\r
17611 if (!isBookmarkNode(sibling) && !isWhiteSpaceNode(sibling) && !isBogusBr(sibling)) {
\r
17616 // Check if we can move up are we at root level or body level
\r
17617 if (parent.parentNode == root) {
\r
17618 container = parent;
\r
17622 parent = parent.parentNode;
\r
17625 return container;
\r
17628 // This function walks down the tree to find the leaf at the selection.
\r
17629 // The offset is also returned as if node initially a leaf, the offset may be in the middle of the text node.
\r
17630 function findLeaf(node, offset) {
\r
17631 if (offset === undef)
\r
17632 offset = node.nodeType === 3 ? node.length : node.childNodes.length;
\r
17633 while (node && node.hasChildNodes()) {
\r
17634 node = node.childNodes[offset];
\r
17636 offset = node.nodeType === 3 ? node.length : node.childNodes.length;
\r
17638 return { node: node, offset: offset };
\r
17641 // If index based start position then resolve it
\r
17642 if (startContainer.nodeType == 1 && startContainer.hasChildNodes()) {
\r
17643 lastIdx = startContainer.childNodes.length - 1;
\r
17644 startContainer = startContainer.childNodes[startOffset > lastIdx ? lastIdx : startOffset];
\r
17646 if (startContainer.nodeType == 3)
\r
17650 // If index based end position then resolve it
\r
17651 if (endContainer.nodeType == 1 && endContainer.hasChildNodes()) {
\r
17652 lastIdx = endContainer.childNodes.length - 1;
\r
17653 endContainer = endContainer.childNodes[endOffset > lastIdx ? lastIdx : endOffset - 1];
\r
17655 if (endContainer.nodeType == 3)
\r
17656 endOffset = endContainer.nodeValue.length;
\r
17659 // Expands the node to the closes contentEditable false element if it exists
\r
17660 function findParentContentEditable(node) {
\r
17661 var parent = node;
\r
17664 if (parent.nodeType === 1 && getContentEditable(parent)) {
\r
17665 return getContentEditable(parent) === "false" ? parent : node;
\r
17668 parent = parent.parentNode;
\r
17674 function findWordEndPoint(container, offset, start) {
\r
17675 var walker, node, pos, lastTextNode;
\r
17677 function findSpace(node, offset) {
\r
17678 var pos, pos2, str = node.nodeValue;
\r
17680 if (typeof(offset) == "undefined") {
\r
17681 offset = start ? str.length : 0;
\r
17685 pos = str.lastIndexOf(' ', offset);
\r
17686 pos2 = str.lastIndexOf('\u00a0', offset);
\r
17687 pos = pos > pos2 ? pos : pos2;
\r
17689 // Include the space on remove to avoid tag soup
\r
17690 if (pos !== -1 && !remove) {
\r
17694 pos = str.indexOf(' ', offset);
\r
17695 pos2 = str.indexOf('\u00a0', offset);
\r
17696 pos = pos !== -1 && (pos2 === -1 || pos < pos2) ? pos : pos2;
\r
17702 if (container.nodeType === 3) {
\r
17703 pos = findSpace(container, offset);
\r
17705 if (pos !== -1) {
\r
17706 return {container : container, offset : pos};
\r
17709 lastTextNode = container;
\r
17712 // Walk the nodes inside the block
\r
17713 walker = new TreeWalker(container, dom.getParent(container, isBlock) || ed.getBody());
\r
17714 while (node = walker[start ? 'prev' : 'next']()) {
\r
17715 if (node.nodeType === 3) {
\r
17716 lastTextNode = node;
\r
17717 pos = findSpace(node);
\r
17719 if (pos !== -1) {
\r
17720 return {container : node, offset : pos};
\r
17722 } else if (isBlock(node)) {
\r
17727 if (lastTextNode) {
\r
17731 offset = lastTextNode.length;
\r
17734 return {container: lastTextNode, offset: offset};
\r
17738 function findSelectorEndPoint(container, sibling_name) {
\r
17739 var parents, i, y, curFormat;
\r
17741 if (container.nodeType == 3 && container.nodeValue.length === 0 && container[sibling_name])
\r
17742 container = container[sibling_name];
\r
17744 parents = getParents(container);
\r
17745 for (i = 0; i < parents.length; i++) {
\r
17746 for (y = 0; y < format.length; y++) {
\r
17747 curFormat = format[y];
\r
17749 // If collapsed state is set then skip formats that doesn't match that
\r
17750 if ("collapsed" in curFormat && curFormat.collapsed !== rng.collapsed)
\r
17753 if (dom.is(parents[i], curFormat.selector))
\r
17754 return parents[i];
\r
17758 return container;
\r
17761 function findBlockEndPoint(container, sibling_name, sibling_name2) {
\r
17764 // Expand to block of similar type
\r
17765 if (!format[0].wrapper)
\r
17766 node = dom.getParent(container, format[0].block);
\r
17768 // Expand to first wrappable block element or any block element
\r
17770 node = dom.getParent(container.nodeType == 3 ? container.parentNode : container, isTextBlock);
\r
17772 // Exclude inner lists from wrapping
\r
17773 if (node && format[0].wrapper)
\r
17774 node = getParents(node, 'ul,ol').reverse()[0] || node;
\r
17776 // Didn't find a block element look for first/last wrappable element
\r
17778 node = container;
\r
17780 while (node[sibling_name] && !isBlock(node[sibling_name])) {
\r
17781 node = node[sibling_name];
\r
17783 // Break on BR but include it will be removed later on
\r
17784 // we can't remove it now since we need to check if it can be wrapped
\r
17785 if (isEq(node, 'br'))
\r
17790 return node || container;
\r
17793 // Expand to closest contentEditable element
\r
17794 startContainer = findParentContentEditable(startContainer);
\r
17795 endContainer = findParentContentEditable(endContainer);
\r
17797 // Exclude bookmark nodes if possible
\r
17798 if (isBookmarkNode(startContainer.parentNode) || isBookmarkNode(startContainer)) {
\r
17799 startContainer = isBookmarkNode(startContainer) ? startContainer : startContainer.parentNode;
\r
17800 startContainer = startContainer.nextSibling || startContainer;
\r
17802 if (startContainer.nodeType == 3)
\r
17806 if (isBookmarkNode(endContainer.parentNode) || isBookmarkNode(endContainer)) {
\r
17807 endContainer = isBookmarkNode(endContainer) ? endContainer : endContainer.parentNode;
\r
17808 endContainer = endContainer.previousSibling || endContainer;
\r
17810 if (endContainer.nodeType == 3)
\r
17811 endOffset = endContainer.length;
\r
17814 if (format[0].inline) {
\r
17815 if (rng.collapsed) {
\r
17816 // Expand left to closest word boundery
\r
17817 endPoint = findWordEndPoint(startContainer, startOffset, true);
\r
17819 startContainer = endPoint.container;
\r
17820 startOffset = endPoint.offset;
\r
17823 // Expand right to closest word boundery
\r
17824 endPoint = findWordEndPoint(endContainer, endOffset);
\r
17826 endContainer = endPoint.container;
\r
17827 endOffset = endPoint.offset;
\r
17831 // Avoid applying formatting to a trailing space.
\r
17832 leaf = findLeaf(endContainer, endOffset);
\r
17834 while (leaf.node && leaf.offset === 0 && leaf.node.previousSibling)
\r
17835 leaf = findLeaf(leaf.node.previousSibling);
\r
17837 if (leaf.node && leaf.offset > 0 && leaf.node.nodeType === 3 &&
\r
17838 leaf.node.nodeValue.charAt(leaf.offset - 1) === ' ') {
\r
17840 if (leaf.offset > 1) {
\r
17841 endContainer = leaf.node;
\r
17842 endContainer.splitText(leaf.offset - 1);
\r
17848 // Move start/end point up the tree if the leaves are sharp and if we are in different containers
\r
17849 // Example * becomes !: !<p><b><i>*text</i><i>text*</i></b></p>!
\r
17850 // This will reduce the number of wrapper elements that needs to be created
\r
17851 // Move start point up the tree
\r
17852 if (format[0].inline || format[0].block_expand) {
\r
17853 if (!format[0].inline || (startContainer.nodeType != 3 || startOffset === 0)) {
\r
17854 startContainer = findParentContainer(true);
\r
17857 if (!format[0].inline || (endContainer.nodeType != 3 || endOffset === endContainer.nodeValue.length)) {
\r
17858 endContainer = findParentContainer();
\r
17862 // Expand start/end container to matching selector
\r
17863 if (format[0].selector && format[0].expand !== FALSE && !format[0].inline) {
\r
17864 // Find new startContainer/endContainer if there is better one
\r
17865 startContainer = findSelectorEndPoint(startContainer, 'previousSibling');
\r
17866 endContainer = findSelectorEndPoint(endContainer, 'nextSibling');
\r
17869 // Expand start/end container to matching block element or text node
\r
17870 if (format[0].block || format[0].selector) {
\r
17871 // Find new startContainer/endContainer if there is better one
\r
17872 startContainer = findBlockEndPoint(startContainer, 'previousSibling');
\r
17873 endContainer = findBlockEndPoint(endContainer, 'nextSibling');
\r
17875 // Non block element then try to expand up the leaf
\r
17876 if (format[0].block) {
\r
17877 if (!isBlock(startContainer))
\r
17878 startContainer = findParentContainer(true);
\r
17880 if (!isBlock(endContainer))
\r
17881 endContainer = findParentContainer();
\r
17885 // Setup index for startContainer
\r
17886 if (startContainer.nodeType == 1) {
\r
17887 startOffset = nodeIndex(startContainer);
\r
17888 startContainer = startContainer.parentNode;
\r
17891 // Setup index for endContainer
\r
17892 if (endContainer.nodeType == 1) {
\r
17893 endOffset = nodeIndex(endContainer) + 1;
\r
17894 endContainer = endContainer.parentNode;
\r
17897 // Return new range like object
\r
17899 startContainer : startContainer,
\r
17900 startOffset : startOffset,
\r
17901 endContainer : endContainer,
\r
17902 endOffset : endOffset
\r
17906 function removeFormat(format, vars, node, compare_node) {
\r
17907 var i, attrs, stylesModified;
\r
17909 // Check if node matches format
\r
17910 if (!matchName(node, format))
\r
17913 // Should we compare with format attribs and styles
\r
17914 if (format.remove != 'all') {
\r
17916 each(format.styles, function(value, name) {
\r
17917 value = replaceVars(value, vars);
\r
17920 if (typeof(name) === 'number') {
\r
17922 compare_node = 0;
\r
17925 if (!compare_node || isEq(getStyle(compare_node, name), value))
\r
17926 dom.setStyle(node, name, '');
\r
17928 stylesModified = 1;
\r
17931 // Remove style attribute if it's empty
\r
17932 if (stylesModified && dom.getAttrib(node, 'style') == '') {
\r
17933 node.removeAttribute('style');
\r
17934 node.removeAttribute('data-mce-style');
\r
17937 // Remove attributes
\r
17938 each(format.attributes, function(value, name) {
\r
17941 value = replaceVars(value, vars);
\r
17944 if (typeof(name) === 'number') {
\r
17946 compare_node = 0;
\r
17949 if (!compare_node || isEq(dom.getAttrib(compare_node, name), value)) {
\r
17950 // Keep internal classes
\r
17951 if (name == 'class') {
\r
17952 value = dom.getAttrib(node, name);
\r
17954 // Build new class value where everything is removed except the internal prefixed classes
\r
17956 each(value.split(/\s+/), function(cls) {
\r
17957 if (/mce\w+/.test(cls))
\r
17958 valueOut += (valueOut ? ' ' : '') + cls;
\r
17961 // We got some internal classes left
\r
17963 dom.setAttrib(node, name, valueOut);
\r
17969 // IE6 has a bug where the attribute doesn't get removed correctly
\r
17970 if (name == "class")
\r
17971 node.removeAttribute('className');
\r
17973 // Remove mce prefixed attributes
\r
17974 if (MCE_ATTR_RE.test(name))
\r
17975 node.removeAttribute('data-mce-' + name);
\r
17977 node.removeAttribute(name);
\r
17981 // Remove classes
\r
17982 each(format.classes, function(value) {
\r
17983 value = replaceVars(value, vars);
\r
17985 if (!compare_node || dom.hasClass(compare_node, value))
\r
17986 dom.removeClass(node, value);
\r
17989 // Check for non internal attributes
\r
17990 attrs = dom.getAttribs(node);
\r
17991 for (i = 0; i < attrs.length; i++) {
\r
17992 if (attrs[i].nodeName.indexOf('_') !== 0)
\r
17997 // Remove the inline child if it's empty for example <b> or <span>
\r
17998 if (format.remove != 'none') {
\r
17999 removeNode(node, format);
\r
18004 function removeNode(node, format) {
\r
18005 var parentNode = node.parentNode, rootBlockElm;
\r
18007 function find(node, next, inc) {
\r
18008 node = getNonWhiteSpaceSibling(node, next, inc);
\r
18010 return !node || (node.nodeName == 'BR' || isBlock(node));
\r
18013 if (format.block) {
\r
18014 if (!forcedRootBlock) {
\r
18015 // Append BR elements if needed before we remove the block
\r
18016 if (isBlock(node) && !isBlock(parentNode)) {
\r
18017 if (!find(node, FALSE) && !find(node.firstChild, TRUE, 1))
\r
18018 node.insertBefore(dom.create('br'), node.firstChild);
\r
18020 if (!find(node, TRUE) && !find(node.lastChild, FALSE, 1))
\r
18021 node.appendChild(dom.create('br'));
\r
18024 // Wrap the block in a forcedRootBlock if we are at the root of document
\r
18025 if (parentNode == dom.getRoot()) {
\r
18026 if (!format.list_block || !isEq(node, format.list_block)) {
\r
18027 each(tinymce.grep(node.childNodes), function(node) {
\r
18028 if (isValid(forcedRootBlock, node.nodeName.toLowerCase())) {
\r
18029 if (!rootBlockElm)
\r
18030 rootBlockElm = wrap(node, forcedRootBlock);
\r
18032 rootBlockElm.appendChild(node);
\r
18034 rootBlockElm = 0;
\r
18041 // Never remove nodes that isn't the specified inline element if a selector is specified too
\r
18042 if (format.selector && format.inline && !isEq(format.inline, node))
\r
18045 dom.remove(node, 1);
\r
18048 function getNonWhiteSpaceSibling(node, next, inc) {
\r
18050 next = next ? 'nextSibling' : 'previousSibling';
\r
18052 for (node = inc ? node : node[next]; node; node = node[next]) {
\r
18053 if (node.nodeType == 1 || !isWhiteSpaceNode(node))
\r
18059 function isBookmarkNode(node) {
\r
18060 return node && node.nodeType == 1 && node.getAttribute('data-mce-type') == 'bookmark';
\r
18063 function mergeSiblings(prev, next) {
\r
18064 var marker, sibling, tmpSibling;
\r
18066 function compareElements(node1, node2) {
\r
18067 // Not the same name
\r
18068 if (node1.nodeName != node2.nodeName)
\r
18071 function getAttribs(node) {
\r
18072 var attribs = {};
\r
18074 each(dom.getAttribs(node), function(attr) {
\r
18075 var name = attr.nodeName.toLowerCase();
\r
18077 // Don't compare internal attributes or style
\r
18078 if (name.indexOf('_') !== 0 && name !== 'style')
\r
18079 attribs[name] = dom.getAttrib(node, name);
\r
18085 function compareObjects(obj1, obj2) {
\r
18088 for (name in obj1) {
\r
18089 // Obj1 has item obj2 doesn't have
\r
18090 if (obj1.hasOwnProperty(name)) {
\r
18091 value = obj2[name];
\r
18093 // Obj2 doesn't have obj1 item
\r
18094 if (value === undef)
\r
18097 // Obj2 item has a different value
\r
18098 if (obj1[name] != value)
\r
18101 // Delete similar value
\r
18102 delete obj2[name];
\r
18106 // Check if obj 2 has something obj 1 doesn't have
\r
18107 for (name in obj2) {
\r
18108 // Obj2 has item obj1 doesn't have
\r
18109 if (obj2.hasOwnProperty(name))
\r
18116 // Attribs are not the same
\r
18117 if (!compareObjects(getAttribs(node1), getAttribs(node2)))
\r
18120 // Styles are not the same
\r
18121 if (!compareObjects(dom.parseStyle(dom.getAttrib(node1, 'style')), dom.parseStyle(dom.getAttrib(node2, 'style'))))
\r
18127 function findElementSibling(node, sibling_name) {
\r
18128 for (sibling = node; sibling; sibling = sibling[sibling_name]) {
\r
18129 if (sibling.nodeType == 3 && sibling.nodeValue.length !== 0)
\r
18132 if (sibling.nodeType == 1 && !isBookmarkNode(sibling))
\r
18139 // Check if next/prev exists and that they are elements
\r
18140 if (prev && next) {
\r
18141 // If previous sibling is empty then jump over it
\r
18142 prev = findElementSibling(prev, 'previousSibling');
\r
18143 next = findElementSibling(next, 'nextSibling');
\r
18145 // Compare next and previous nodes
\r
18146 if (compareElements(prev, next)) {
\r
18147 // Append nodes between
\r
18148 for (sibling = prev.nextSibling; sibling && sibling != next;) {
\r
18149 tmpSibling = sibling;
\r
18150 sibling = sibling.nextSibling;
\r
18151 prev.appendChild(tmpSibling);
\r
18154 // Remove next node
\r
18155 dom.remove(next);
\r
18157 // Move children into prev node
\r
18158 each(tinymce.grep(next.childNodes), function(node) {
\r
18159 prev.appendChild(node);
\r
18169 function getContainer(rng, start) {
\r
18170 var container, offset, lastIdx, walker;
\r
18172 container = rng[start ? 'startContainer' : 'endContainer'];
\r
18173 offset = rng[start ? 'startOffset' : 'endOffset'];
\r
18175 if (container.nodeType == 1) {
\r
18176 lastIdx = container.childNodes.length - 1;
\r
18178 if (!start && offset)
\r
18181 container = container.childNodes[offset > lastIdx ? lastIdx : offset];
\r
18184 // If start text node is excluded then walk to the next node
\r
18185 if (container.nodeType === 3 && start && offset >= container.nodeValue.length) {
\r
18186 container = new TreeWalker(container, ed.getBody()).next() || container;
\r
18189 // If end text node is excluded then walk to the previous node
\r
18190 if (container.nodeType === 3 && !start && offset === 0) {
\r
18191 container = new TreeWalker(container, ed.getBody()).prev() || container;
\r
18194 return container;
\r
18197 function performCaretAction(type, name, vars) {
\r
18198 var caretContainerId = '_mce_caret', debug = ed.settings.caret_debug;
\r
18200 // Creates a caret container bogus element
\r
18201 function createCaretContainer(fill) {
\r
18202 var caretContainer = dom.create('span', {id: caretContainerId, 'data-mce-bogus': true, style: debug ? 'color:red' : ''});
\r
18205 caretContainer.appendChild(ed.getDoc().createTextNode(INVISIBLE_CHAR));
\r
18208 return caretContainer;
\r
18211 function isCaretContainerEmpty(node, nodes) {
\r
18213 if ((node.nodeType === 3 && node.nodeValue !== INVISIBLE_CHAR) || node.childNodes.length > 1) {
\r
18218 if (nodes && node.nodeType === 1) {
\r
18219 nodes.push(node);
\r
18222 node = node.firstChild;
\r
18228 // Returns any parent caret container element
\r
18229 function getParentCaretContainer(node) {
\r
18231 if (node.id === caretContainerId) {
\r
18235 node = node.parentNode;
\r
18239 // Finds the first text node in the specified node
\r
18240 function findFirstTextNode(node) {
\r
18244 walker = new TreeWalker(node, node);
\r
18246 for (node = walker.current(); node; node = walker.next()) {
\r
18247 if (node.nodeType === 3) {
\r
18254 // Removes the caret container for the specified node or all on the current document
\r
18255 function removeCaretContainer(node, move_caret) {
\r
18259 node = getParentCaretContainer(selection.getStart());
\r
18262 while (node = dom.get(caretContainerId)) {
\r
18263 removeCaretContainer(node, false);
\r
18267 rng = selection.getRng(true);
\r
18269 if (isCaretContainerEmpty(node)) {
\r
18270 if (move_caret !== false) {
\r
18271 rng.setStartBefore(node);
\r
18272 rng.setEndBefore(node);
\r
18275 dom.remove(node);
\r
18277 child = findFirstTextNode(node);
\r
18279 if (child.nodeValue.charAt(0) === INVISIBLE_CHAR) {
\r
18280 child = child.deleteData(0, 1);
\r
18283 dom.remove(node, 1);
\r
18286 selection.setRng(rng);
\r
18290 // Applies formatting to the caret postion
\r
18291 function applyCaretFormat() {
\r
18292 var rng, caretContainer, textNode, offset, bookmark, container, text;
\r
18294 rng = selection.getRng(true);
\r
18295 offset = rng.startOffset;
\r
18296 container = rng.startContainer;
\r
18297 text = container.nodeValue;
\r
18299 caretContainer = getParentCaretContainer(selection.getStart());
\r
18300 if (caretContainer) {
\r
18301 textNode = findFirstTextNode(caretContainer);
\r
18304 // Expand to word is caret is in the middle of a text node and the char before/after is a alpha numeric character
\r
18305 if (text && offset > 0 && offset < text.length && /\w/.test(text.charAt(offset)) && /\w/.test(text.charAt(offset - 1))) {
\r
18306 // Get bookmark of caret position
\r
18307 bookmark = selection.getBookmark();
\r
18309 // Collapse bookmark range (WebKit)
\r
18310 rng.collapse(true);
\r
18312 // Expand the range to the closest word and split it at those points
\r
18313 rng = expandRng(rng, get(name));
\r
18314 rng = rangeUtils.split(rng);
\r
18316 // Apply the format to the range
\r
18317 apply(name, vars, rng);
\r
18319 // Move selection back to caret position
\r
18320 selection.moveToBookmark(bookmark);
\r
18322 if (!caretContainer || textNode.nodeValue !== INVISIBLE_CHAR) {
\r
18323 caretContainer = createCaretContainer(true);
\r
18324 textNode = caretContainer.firstChild;
\r
18326 rng.insertNode(caretContainer);
\r
18329 apply(name, vars, caretContainer);
\r
18331 apply(name, vars, caretContainer);
\r
18334 // Move selection to text node
\r
18335 selection.setCursorLocation(textNode, offset);
\r
18339 function removeCaretFormat() {
\r
18340 var rng = selection.getRng(true), container, offset, bookmark,
\r
18341 hasContentAfter, node, formatNode, parents = [], i, caretContainer;
\r
18343 container = rng.startContainer;
\r
18344 offset = rng.startOffset;
\r
18345 node = container;
\r
18347 if (container.nodeType == 3) {
\r
18348 if (offset != container.nodeValue.length || container.nodeValue === INVISIBLE_CHAR) {
\r
18349 hasContentAfter = true;
\r
18352 node = node.parentNode;
\r
18356 if (matchNode(node, name, vars)) {
\r
18357 formatNode = node;
\r
18361 if (node.nextSibling) {
\r
18362 hasContentAfter = true;
\r
18365 parents.push(node);
\r
18366 node = node.parentNode;
\r
18369 // Node doesn't have the specified format
\r
18370 if (!formatNode) {
\r
18374 // Is there contents after the caret then remove the format on the element
\r
18375 if (hasContentAfter) {
\r
18376 // Get bookmark of caret position
\r
18377 bookmark = selection.getBookmark();
\r
18379 // Collapse bookmark range (WebKit)
\r
18380 rng.collapse(true);
\r
18382 // Expand the range to the closest word and split it at those points
\r
18383 rng = expandRng(rng, get(name), true);
\r
18384 rng = rangeUtils.split(rng);
\r
18386 // Remove the format from the range
\r
18387 remove(name, vars, rng);
\r
18389 // Move selection back to caret position
\r
18390 selection.moveToBookmark(bookmark);
\r
18392 caretContainer = createCaretContainer();
\r
18394 node = caretContainer;
\r
18395 for (i = parents.length - 1; i >= 0; i--) {
\r
18396 node.appendChild(dom.clone(parents[i], false));
\r
18397 node = node.firstChild;
\r
18400 // Insert invisible character into inner most format element
\r
18401 node.appendChild(dom.doc.createTextNode(INVISIBLE_CHAR));
\r
18402 node = node.firstChild;
\r
18404 var block = dom.getParent(formatNode, isTextBlock);
\r
18406 if (block && dom.isEmpty(block)) {
\r
18407 // Replace formatNode with caretContainer when removing format from empty block like <p><b>|</b></p>
\r
18408 formatNode.parentNode.replaceChild(caretContainer, formatNode);
\r
18410 // Insert caret container after the formated node
\r
18411 dom.insertAfter(caretContainer, formatNode);
\r
18414 // Move selection to text node
\r
18415 selection.setCursorLocation(node, 1);
\r
18417 // If the formatNode is empty, we can remove it safely.
\r
18418 if (dom.isEmpty(formatNode)) {
\r
18419 dom.remove(formatNode);
\r
18424 // Checks if the parent caret container node isn't empty if that is the case it
\r
18425 // will remove the bogus state on all children that isn't empty
\r
18426 function unmarkBogusCaretParents() {
\r
18427 var i, caretContainer, node;
\r
18429 caretContainer = getParentCaretContainer(selection.getStart());
\r
18430 if (caretContainer && !dom.isEmpty(caretContainer)) {
\r
18431 tinymce.walk(caretContainer, function(node) {
\r
18432 if (node.nodeType == 1 && node.id !== caretContainerId && !dom.isEmpty(node)) {
\r
18433 dom.setAttrib(node, 'data-mce-bogus', null);
\r
18435 }, 'childNodes');
\r
18439 // Only bind the caret events once
\r
18440 if (!self._hasCaretEvents) {
\r
18441 // Mark current caret container elements as bogus when getting the contents so we don't end up with empty elements
\r
18442 ed.onBeforeGetContent.addToTop(function() {
\r
18443 var nodes = [], i;
\r
18445 if (isCaretContainerEmpty(getParentCaretContainer(selection.getStart()), nodes)) {
\r
18447 i = nodes.length;
\r
18449 dom.setAttrib(nodes[i], 'data-mce-bogus', '1');
\r
18454 // Remove caret container on mouse up and on key up
\r
18455 tinymce.each('onMouseUp onKeyUp'.split(' '), function(name) {
\r
18456 ed[name].addToTop(function() {
\r
18457 removeCaretContainer();
\r
18458 unmarkBogusCaretParents();
\r
18462 // Remove caret container on keydown and it's a backspace, enter or left/right arrow keys
\r
18463 ed.onKeyDown.addToTop(function(ed, e) {
\r
18464 var keyCode = e.keyCode;
\r
18466 if (keyCode == 8 || keyCode == 37 || keyCode == 39) {
\r
18467 removeCaretContainer(getParentCaretContainer(selection.getStart()));
\r
18470 unmarkBogusCaretParents();
\r
18473 // Remove bogus state if they got filled by contents using editor.selection.setContent
\r
18474 selection.onSetContent.add(unmarkBogusCaretParents);
\r
18476 self._hasCaretEvents = true;
\r
18479 // Do apply or remove caret format
\r
18480 if (type == "apply") {
\r
18481 applyCaretFormat();
\r
18483 removeCaretFormat();
\r
18487 function moveStart(rng) {
\r
18488 var container = rng.startContainer,
\r
18489 offset = rng.startOffset, isAtEndOfText,
\r
18490 walker, node, nodes, tmpNode;
\r
18492 // Convert text node into index if possible
\r
18493 if (container.nodeType == 3 && offset >= container.nodeValue.length) {
\r
18494 // Get the parent container location and walk from there
\r
18495 offset = nodeIndex(container);
\r
18496 container = container.parentNode;
\r
18497 isAtEndOfText = true;
\r
18500 // Move startContainer/startOffset in to a suitable node
\r
18501 if (container.nodeType == 1) {
\r
18502 nodes = container.childNodes;
\r
18503 container = nodes[Math.min(offset, nodes.length - 1)];
\r
18504 walker = new TreeWalker(container, dom.getParent(container, dom.isBlock));
\r
18506 // If offset is at end of the parent node walk to the next one
\r
18507 if (offset > nodes.length - 1 || isAtEndOfText)
\r
18510 for (node = walker.current(); node; node = walker.next()) {
\r
18511 if (node.nodeType == 3 && !isWhiteSpaceNode(node)) {
\r
18512 // IE has a "neat" feature where it moves the start node into the closest element
\r
18513 // we can avoid this by inserting an element before it and then remove it after we set the selection
\r
18514 tmpNode = dom.create('a', null, INVISIBLE_CHAR);
\r
18515 node.parentNode.insertBefore(tmpNode, node);
\r
18517 // Set selection and remove tmpNode
\r
18518 rng.setStart(node, 0);
\r
18519 selection.setRng(rng);
\r
18520 dom.remove(tmpNode);
\r
18530 tinymce.onAddEditor.add(function(tinymce, ed) {
\r
18531 var filters, fontSizes, dom, settings = ed.settings;
\r
18533 function replaceWithSpan(node, styles) {
\r
18534 tinymce.each(styles, function(value, name) {
\r
18536 dom.setStyle(node, name, value);
\r
18539 dom.rename(node, 'span');
\r
18542 function convert(editor, params) {
\r
18543 dom = editor.dom;
\r
18545 if (settings.convert_fonts_to_spans) {
\r
18546 tinymce.each(dom.select('font,u,strike', params.node), function(node) {
\r
18547 filters[node.nodeName.toLowerCase()](ed.dom, node);
\r
18552 if (settings.inline_styles) {
\r
18553 fontSizes = tinymce.explode(settings.font_size_legacy_values);
\r
18556 font : function(dom, node) {
\r
18557 replaceWithSpan(node, {
\r
18558 backgroundColor : node.style.backgroundColor,
\r
18559 color : node.color,
\r
18560 fontFamily : node.face,
\r
18561 fontSize : fontSizes[parseInt(node.size, 10) - 1]
\r
18565 u : function(dom, node) {
\r
18566 replaceWithSpan(node, {
\r
18567 textDecoration : 'underline'
\r
18571 strike : function(dom, node) {
\r
18572 replaceWithSpan(node, {
\r
18573 textDecoration : 'line-through'
\r
18578 ed.onPreProcess.add(convert);
\r
18579 ed.onSetContent.add(convert);
\r
18581 ed.onInit.add(function() {
\r
18582 ed.selection.onSetContent.add(convert);
\r
18587 (function(tinymce) {
\r
18588 var TreeWalker = tinymce.dom.TreeWalker;
\r
18590 tinymce.EnterKey = function(editor) {
\r
18591 var dom = editor.dom, selection = editor.selection, settings = editor.settings, undoManager = editor.undoManager, nonEmptyElementsMap = editor.schema.getNonEmptyElements();
\r
18593 function handleEnterKey(evt) {
\r
18594 var rng = selection.getRng(true), tmpRng, editableRoot, container, offset, parentBlock, documentMode, shiftKey,
\r
18595 newBlock, fragment, containerBlock, parentBlockName, containerBlockName, newBlockName, isAfterLastNodeInContainer;
\r
18597 // Returns true if the block can be split into two blocks or not
\r
18598 function canSplitBlock(node) {
\r
18600 dom.isBlock(node) &&
\r
18601 !/^(TD|TH|CAPTION|FORM)$/.test(node.nodeName) &&
\r
18602 !/^(fixed|absolute)/i.test(node.style.position) &&
\r
18603 dom.getContentEditable(node) !== "true";
\r
18606 // Renders empty block on IE
\r
18607 function renderBlockOnIE(block) {
\r
18610 if (tinymce.isIE && !tinymce.isIE11 && dom.isBlock(block)) {
\r
18611 oldRng = selection.getRng();
\r
18612 block.appendChild(dom.create('span', null, '\u00a0'));
\r
18613 selection.select(block);
\r
18614 block.lastChild.outerHTML = '';
\r
18615 selection.setRng(oldRng);
\r
18619 // Remove the first empty inline element of the block so this: <p><b><em></em></b>x</p> becomes this: <p>x</p>
\r
18620 function trimInlineElementsOnLeftSideOfBlock(block) {
\r
18621 var node = block, firstChilds = [], i;
\r
18623 // Find inner most first child ex: <p><i><b>*</b></i></p>
\r
18624 while (node = node.firstChild) {
\r
18625 if (dom.isBlock(node)) {
\r
18629 if (node.nodeType == 1 && !nonEmptyElementsMap[node.nodeName.toLowerCase()]) {
\r
18630 firstChilds.push(node);
\r
18634 i = firstChilds.length;
\r
18636 node = firstChilds[i];
\r
18637 if (!node.hasChildNodes() || (node.firstChild == node.lastChild && node.firstChild.nodeValue === '')) {
\r
18638 dom.remove(node);
\r
18640 // Remove <a> </a> see #5381
\r
18641 if (node.nodeName == "A" && (node.innerText || node.textContent) === ' ') {
\r
18642 dom.remove(node);
\r
18648 // Moves the caret to a suitable position within the root for example in the first non pure whitespace text node or before an image
\r
18649 function moveToCaretPosition(root) {
\r
18650 var walker, node, rng, y, viewPort, lastNode = root, tempElm;
\r
18652 rng = dom.createRng();
\r
18654 if (root.hasChildNodes()) {
\r
18655 walker = new TreeWalker(root, root);
\r
18657 while (node = walker.current()) {
\r
18658 if (node.nodeType == 3) {
\r
18659 rng.setStart(node, 0);
\r
18660 rng.setEnd(node, 0);
\r
18664 if (nonEmptyElementsMap[node.nodeName.toLowerCase()]) {
\r
18665 rng.setStartBefore(node);
\r
18666 rng.setEndBefore(node);
\r
18671 node = walker.next();
\r
18675 rng.setStart(lastNode, 0);
\r
18676 rng.setEnd(lastNode, 0);
\r
18679 if (root.nodeName == 'BR') {
\r
18680 if (root.nextSibling && dom.isBlock(root.nextSibling)) {
\r
18681 // Trick on older IE versions to render the caret before the BR between two lists
\r
18682 if (!documentMode || documentMode < 9) {
\r
18683 tempElm = dom.create('br');
\r
18684 root.parentNode.insertBefore(tempElm, root);
\r
18687 rng.setStartBefore(root);
\r
18688 rng.setEndBefore(root);
\r
18690 rng.setStartAfter(root);
\r
18691 rng.setEndAfter(root);
\r
18694 rng.setStart(root, 0);
\r
18695 rng.setEnd(root, 0);
\r
18699 selection.setRng(rng);
\r
18701 // Remove tempElm created for old IE:s
\r
18702 dom.remove(tempElm);
\r
18704 viewPort = dom.getViewPort(editor.getWin());
\r
18706 // 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
18707 y = dom.getPos(root).y;
\r
18708 if (y < viewPort.y || y + 25 > viewPort.y + viewPort.h) {
\r
18709 editor.getWin().scrollTo(0, y < viewPort.y ? y : y - viewPort.h + 25); // Needs to be hardcoded to roughly one line of text if a huge text block is broken into two blocks
\r
18713 // Creates a new block element by cloning the current one or creating a new one if the name is specified
\r
18714 // This function will also copy any text formatting from the parent block and add it to the new one
\r
18715 function createNewBlock(name) {
\r
18716 var node = container, block, clonedNode, caretNode;
\r
18718 block = name || parentBlockName == "TABLE" ? dom.create(name || newBlockName) : parentBlock.cloneNode(false);
\r
18719 caretNode = block;
\r
18721 // Clone any parent styles
\r
18722 if (settings.keep_styles !== false) {
\r
18724 if (/^(SPAN|STRONG|B|EM|I|FONT|STRIKE|U)$/.test(node.nodeName)) {
\r
18725 // Never clone a caret containers
\r
18726 if (node.id == '_mce_caret') {
\r
18730 clonedNode = node.cloneNode(false);
\r
18731 dom.setAttrib(clonedNode, 'id', ''); // Remove ID since it needs to be document unique
\r
18733 if (block.hasChildNodes()) {
\r
18734 clonedNode.appendChild(block.firstChild);
\r
18735 block.appendChild(clonedNode);
\r
18737 caretNode = clonedNode;
\r
18738 block.appendChild(clonedNode);
\r
18741 } while (node = node.parentNode);
\r
18744 // BR is needed in empty blocks on non IE browsers
\r
18745 if (!tinymce.isIE || tinymce.isIE11) {
\r
18746 caretNode.innerHTML = '<br data-mce-bogus="1">';
\r
18752 // Returns true/false if the caret is at the start/end of the parent block element
\r
18753 function isCaretAtStartOrEndOfBlock(start) {
\r
18754 var walker, node, name;
\r
18756 // Caret is in the middle of a text node like "a|b"
\r
18757 if (container.nodeType == 3 && (start ? offset > 0 : offset < container.nodeValue.length)) {
\r
18761 // If after the last element in block node edge case for #5091
\r
18762 if (container.parentNode == parentBlock && isAfterLastNodeInContainer && !start) {
\r
18766 // If the caret if before the first element in parentBlock
\r
18767 if (start && container.nodeType == 1 && container == parentBlock.firstChild) {
\r
18771 // Caret can be before/after a table
\r
18772 if (container.nodeName === "TABLE" || (container.previousSibling && container.previousSibling.nodeName == "TABLE")) {
\r
18773 return (isAfterLastNodeInContainer && !start) || (!isAfterLastNodeInContainer && start);
\r
18776 // Walk the DOM and look for text nodes or non empty elements
\r
18777 walker = new TreeWalker(container, parentBlock);
\r
18779 // If caret is in beginning or end of a text block then jump to the next/previous node
\r
18780 if (container.nodeType == 3) {
\r
18781 if (start && offset == 0) {
\r
18783 } else if (!start && offset == container.nodeValue.length) {
\r
18788 while (node = walker.current()) {
\r
18789 if (node.nodeType === 1) {
\r
18790 // Ignore bogus elements
\r
18791 if (!node.getAttribute('data-mce-bogus')) {
\r
18792 // Keep empty elements like <img /> <input /> but not trailing br:s like <p>text|<br></p>
\r
18793 name = node.nodeName.toLowerCase();
\r
18794 if (nonEmptyElementsMap[name] && name !== 'br') {
\r
18798 } else if (node.nodeType === 3 && !/^[ \t\r\n]*$/.test(node.nodeValue)) {
\r
18812 // Wraps any text nodes or inline elements in the specified forced root block name
\r
18813 function wrapSelfAndSiblingsInDefaultBlock(container, offset) {
\r
18814 var newBlock, parentBlock, startNode, node, next, blockName = newBlockName || 'P';
\r
18816 // Not in a block element or in a table cell or caption
\r
18817 parentBlock = dom.getParent(container, dom.isBlock);
\r
18818 if (!parentBlock || !canSplitBlock(parentBlock)) {
\r
18819 parentBlock = parentBlock || editableRoot;
\r
18821 if (!parentBlock.hasChildNodes()) {
\r
18822 newBlock = dom.create(blockName);
\r
18823 parentBlock.appendChild(newBlock);
\r
18824 rng.setStart(newBlock, 0);
\r
18825 rng.setEnd(newBlock, 0);
\r
18829 // Find parent that is the first child of parentBlock
\r
18830 node = container;
\r
18831 while (node.parentNode != parentBlock) {
\r
18832 node = node.parentNode;
\r
18835 // Loop left to find start node start wrapping at
\r
18836 while (node && !dom.isBlock(node)) {
\r
18837 startNode = node;
\r
18838 node = node.previousSibling;
\r
18842 newBlock = dom.create(blockName);
\r
18843 startNode.parentNode.insertBefore(newBlock, startNode);
\r
18845 // Start wrapping until we hit a block
\r
18846 node = startNode;
\r
18847 while (node && !dom.isBlock(node)) {
\r
18848 next = node.nextSibling;
\r
18849 newBlock.appendChild(node);
\r
18853 // Restore range to it's past location
\r
18854 rng.setStart(container, offset);
\r
18855 rng.setEnd(container, offset);
\r
18859 return container;
\r
18862 // Inserts a block or br before/after or in the middle of a split list of the LI is empty
\r
18863 function handleEmptyListItem() {
\r
18864 function isFirstOrLastLi(first) {
\r
18865 var node = containerBlock[first ? 'firstChild' : 'lastChild'];
\r
18867 // Find first/last element since there might be whitespace there
\r
18869 if (node.nodeType == 1) {
\r
18873 node = node[first ? 'nextSibling' : 'previousSibling'];
\r
18876 return node === parentBlock;
\r
18879 newBlock = newBlockName ? createNewBlock(newBlockName) : dom.create('BR');
\r
18881 if (isFirstOrLastLi(true) && isFirstOrLastLi()) {
\r
18882 // Is first and last list item then replace the OL/UL with a text block
\r
18883 dom.replace(newBlock, containerBlock);
\r
18884 } else if (isFirstOrLastLi(true)) {
\r
18885 // First LI in list then remove LI and add text block before list
\r
18886 containerBlock.parentNode.insertBefore(newBlock, containerBlock);
\r
18887 } else if (isFirstOrLastLi()) {
\r
18888 // Last LI in list then temove LI and add text block after list
\r
18889 dom.insertAfter(newBlock, containerBlock);
\r
18890 renderBlockOnIE(newBlock);
\r
18892 // Middle LI in list the split the list and insert a text block in the middle
\r
18893 // Extract after fragment and insert it after the current block
\r
18894 tmpRng = rng.cloneRange();
\r
18895 tmpRng.setStartAfter(parentBlock);
\r
18896 tmpRng.setEndAfter(containerBlock);
\r
18897 fragment = tmpRng.extractContents();
\r
18898 dom.insertAfter(fragment, containerBlock);
\r
18899 dom.insertAfter(newBlock, containerBlock);
\r
18902 dom.remove(parentBlock);
\r
18903 moveToCaretPosition(newBlock);
\r
18904 undoManager.add();
\r
18907 // Walks the parent block to the right and look for any contents
\r
18908 function hasRightSideContent() {
\r
18909 var walker = new TreeWalker(container, parentBlock), node;
\r
18911 while (node = walker.next()) {
\r
18912 if (nonEmptyElementsMap[node.nodeName.toLowerCase()] || node.length > 0) {
\r
18918 // Inserts a BR element if the forced_root_block option is set to false or empty string
\r
18919 function insertBr() {
\r
18920 var brElm, extraBr, marker;
\r
18922 if (container && container.nodeType == 3 && offset >= container.nodeValue.length) {
\r
18923 // Insert extra BR element at the end block elements
\r
18924 if ((!tinymce.isIE || tinymce.isIE11) && !hasRightSideContent()) {
\r
18925 brElm = dom.create('br');
\r
18926 rng.insertNode(brElm);
\r
18927 rng.setStartAfter(brElm);
\r
18928 rng.setEndAfter(brElm);
\r
18933 brElm = dom.create('br');
\r
18934 rng.insertNode(brElm);
\r
18936 // Rendering modes below IE8 doesn't display BR elements in PRE unless we have a \n before it
\r
18937 if ((tinymce.isIE && !tinymce.isIE11) && parentBlockName == 'PRE' && (!documentMode || documentMode < 8)) {
\r
18938 brElm.parentNode.insertBefore(dom.doc.createTextNode('\r'), brElm);
\r
18941 // Insert temp marker and scroll to that
\r
18942 marker = dom.create('span', {}, ' ');
\r
18943 brElm.parentNode.insertBefore(marker, brElm);
\r
18944 selection.scrollIntoView(marker);
\r
18945 dom.remove(marker);
\r
18948 rng.setStartAfter(brElm);
\r
18949 rng.setEndAfter(brElm);
\r
18951 rng.setStartBefore(brElm);
\r
18952 rng.setEndBefore(brElm);
\r
18955 selection.setRng(rng);
\r
18956 undoManager.add();
\r
18959 // Trims any linebreaks at the beginning of node user for example when pressing enter in a PRE element
\r
18960 function trimLeadingLineBreaks(node) {
\r
18962 if (node.nodeType === 3) {
\r
18963 node.nodeValue = node.nodeValue.replace(/^[\r\n]+/, '');
\r
18966 node = node.firstChild;
\r
18970 function getEditableRoot(node) {
\r
18971 var root = dom.getRoot(), parent, editableRoot;
\r
18973 // Get all parents until we hit a non editable parent or the root
\r
18975 while (parent !== root && dom.getContentEditable(parent) !== "false") {
\r
18976 if (dom.getContentEditable(parent) === "true") {
\r
18977 editableRoot = parent;
\r
18980 parent = parent.parentNode;
\r
18983 return parent !== root ? editableRoot : root;
\r
18986 // Adds a BR at the end of blocks that only contains an IMG or INPUT since these might be floated and then they won't expand the block
\r
18987 function addBrToBlockIfNeeded(block) {
\r
18990 // IE will render the blocks correctly other browsers needs a BR
\r
18991 if (!tinymce.isIE || tinymce.isIE11) {
\r
18992 block.normalize(); // Remove empty text nodes that got left behind by the extract
\r
18994 // Check if the block is empty or contains a floated last child
\r
18995 lastChild = block.lastChild;
\r
18996 if (!lastChild || (/^(left|right)$/gi.test(dom.getStyle(lastChild, 'float', true)))) {
\r
18997 dom.add(block, 'br');
\r
19002 // Delete any selected contents
\r
19003 if (!rng.collapsed) {
\r
19004 editor.execCommand('Delete');
\r
19008 // Event is blocked by some other handler for example the lists plugin
\r
19009 if (evt.isDefaultPrevented()) {
\r
19013 // Setup range items and newBlockName
\r
19014 container = rng.startContainer;
\r
19015 offset = rng.startOffset;
\r
19016 newBlockName = (settings.force_p_newlines ? 'p' : '') || settings.forced_root_block;
\r
19017 newBlockName = newBlockName ? newBlockName.toUpperCase() : '';
\r
19018 documentMode = dom.doc.documentMode;
\r
19019 shiftKey = evt.shiftKey;
\r
19021 // Resolve node index
\r
19022 if (container.nodeType == 1 && container.hasChildNodes()) {
\r
19023 isAfterLastNodeInContainer = offset > container.childNodes.length - 1;
\r
19024 container = container.childNodes[Math.min(offset, container.childNodes.length - 1)] || container;
\r
19025 if (isAfterLastNodeInContainer && container.nodeType == 3) {
\r
19026 offset = container.nodeValue.length;
\r
19032 // Get editable root node normaly the body element but sometimes a div or span
\r
19033 editableRoot = getEditableRoot(container);
\r
19035 // If there is no editable root then enter is done inside a contentEditable false element
\r
19036 if (!editableRoot) {
\r
19040 undoManager.beforeChange();
\r
19042 // If editable root isn't block nor the root of the editor
\r
19043 if (!dom.isBlock(editableRoot) && editableRoot != dom.getRoot()) {
\r
19044 if (!newBlockName || shiftKey) {
\r
19051 // Wrap the current node and it's sibling in a default block if it's needed.
\r
19052 // for example this <td>text|<b>text2</b></td> will become this <td><p>text|<b>text2</p></b></td>
\r
19053 // This won't happen if root blocks are disabled or the shiftKey is pressed
\r
19054 if ((newBlockName && !shiftKey) || (!newBlockName && shiftKey)) {
\r
19055 container = wrapSelfAndSiblingsInDefaultBlock(container, offset);
\r
19058 // Find parent block and setup empty block paddings
\r
19059 parentBlock = dom.getParent(container, dom.isBlock);
\r
19060 containerBlock = parentBlock ? dom.getParent(parentBlock.parentNode, dom.isBlock) : null;
\r
19062 // Setup block names
\r
19063 parentBlockName = parentBlock ? parentBlock.nodeName.toUpperCase() : ''; // IE < 9 & HTML5
\r
19064 containerBlockName = containerBlock ? containerBlock.nodeName.toUpperCase() : ''; // IE < 9 & HTML5
\r
19066 // Enter inside block contained within a LI then split or insert before/after LI
\r
19067 if (containerBlockName == 'LI' && !evt.ctrlKey) {
\r
19068 parentBlock = containerBlock;
\r
19069 parentBlockName = containerBlockName;
\r
19072 // Handle enter in LI
\r
19073 if (parentBlockName == 'LI') {
\r
19074 if (!newBlockName && shiftKey) {
\r
19079 // Handle enter inside an empty list item
\r
19080 if (dom.isEmpty(parentBlock)) {
\r
19081 // Let the list plugin or browser handle nested lists for now
\r
19082 if (/^(UL|OL|LI)$/.test(containerBlock.parentNode.nodeName)) {
\r
19086 handleEmptyListItem();
\r
19091 // Don't split PRE tags but insert a BR instead easier when writing code samples etc
\r
19092 if (parentBlockName == 'PRE' && settings.br_in_pre !== false) {
\r
19098 // If no root block is configured then insert a BR by default or if the shiftKey is pressed
\r
19099 if ((!newBlockName && !shiftKey && parentBlockName != 'LI') || (newBlockName && shiftKey)) {
\r
19105 // Default block name if it's not configured
\r
19106 newBlockName = newBlockName || 'P';
\r
19108 // Insert new block before/after the parent block depending on caret location
\r
19109 if (isCaretAtStartOrEndOfBlock()) {
\r
19110 // If the caret is at the end of a header we produce a P tag after it similar to Word unless we are in a hgroup
\r
19111 if (/^(H[1-6]|PRE)$/.test(parentBlockName) && containerBlockName != 'HGROUP') {
\r
19112 newBlock = createNewBlock(newBlockName);
\r
19114 newBlock = createNewBlock();
\r
19117 // Split the current container block element if enter is pressed inside an empty inner block element
\r
19118 if (settings.end_container_on_empty_block && canSplitBlock(containerBlock) && dom.isEmpty(parentBlock)) {
\r
19119 // Split container block for example a BLOCKQUOTE at the current blockParent location for example a P
\r
19120 newBlock = dom.split(containerBlock, parentBlock);
\r
19122 dom.insertAfter(newBlock, parentBlock);
\r
19125 moveToCaretPosition(newBlock);
\r
19126 } else if (isCaretAtStartOrEndOfBlock(true)) {
\r
19127 // Insert new block before
\r
19128 newBlock = parentBlock.parentNode.insertBefore(createNewBlock(), parentBlock);
\r
19129 renderBlockOnIE(newBlock);
\r
19131 // Extract after fragment and insert it after the current block
\r
19132 tmpRng = rng.cloneRange();
\r
19133 tmpRng.setEndAfter(parentBlock);
\r
19134 fragment = tmpRng.extractContents();
\r
19135 trimLeadingLineBreaks(fragment);
\r
19136 newBlock = fragment.firstChild;
\r
19137 dom.insertAfter(fragment, parentBlock);
\r
19138 trimInlineElementsOnLeftSideOfBlock(newBlock);
\r
19139 addBrToBlockIfNeeded(parentBlock);
\r
19140 moveToCaretPosition(newBlock);
\r
19143 dom.setAttrib(newBlock, 'id', ''); // Remove ID since it needs to be document unique
\r
19144 undoManager.add();
\r
19147 editor.onKeyDown.add(function(ed, evt) {
\r
19148 if (evt.keyCode == 13) {
\r
19149 if (handleEnterKey(evt) !== false) {
\r
19150 evt.preventDefault();
\r