| | |
| | | // FILE IS GENERATED BY COMBINING THE SOURCES IN THE "classes" DIRECTORY SO DON'T MODIFY THIS FILE DIRECTLY
|
| | | (function(win) {
|
| | | var whiteSpaceRe = /^\s*|\s*$/g,
|
| | | undef, isRegExpBroken = 'B'.replace(/A(.)|B/, '$1') === '$1';
|
| | |
|
| | | /* file:jscripts/tiny_mce/classes/TinyMCE_Engine.class.js */
|
| | | var tinymce = {
|
| | | majorVersion : '3',
|
| | |
|
| | | function TinyMCE_Engine() {
|
| | | var ua;
|
| | | minorVersion : '5.6',
|
| | |
|
| | | this.majorVersion = "2";
|
| | | this.minorVersion = "1.1.1";
|
| | | this.releaseDate = "2007-05-14";
|
| | | releaseDate : '2012-07-26',
|
| | |
|
| | | this.instances = [];
|
| | | this.switchClassCache = [];
|
| | | this.windowArgs = [];
|
| | | this.loadedFiles = [];
|
| | | this.pendingFiles = [];
|
| | | this.loadingIndex = 0;
|
| | | this.configs = [];
|
| | | this.currentConfig = 0;
|
| | | this.eventHandlers = [];
|
| | | this.log = [];
|
| | | this.undoLevels = [];
|
| | | this.undoIndex = 0;
|
| | | this.typingUndoIndex = -1;
|
| | | this.settings = [];
|
| | | _init : function() {
|
| | | var t = this, d = document, na = navigator, ua = na.userAgent, i, nl, n, base, p, v;
|
| | |
|
| | | // Browser check
|
| | | ua = navigator.userAgent;
|
| | | this.isMSIE = (navigator.appName == "Microsoft Internet Explorer");
|
| | | this.isMSIE5 = this.isMSIE && (ua.indexOf('MSIE 5') != -1);
|
| | | this.isMSIE5_0 = this.isMSIE && (ua.indexOf('MSIE 5.0') != -1);
|
| | | this.isMSIE7 = this.isMSIE && (ua.indexOf('MSIE 7') != -1);
|
| | | this.isGecko = ua.indexOf('Gecko') != -1; // Will also be true on Safari
|
| | | this.isSafari = ua.indexOf('Safari') != -1;
|
| | | this.isOpera = window['opera'] && opera.buildNumber ? true : false;
|
| | | this.isMac = ua.indexOf('Mac') != -1;
|
| | | this.isNS7 = ua.indexOf('Netscape/7') != -1;
|
| | | this.isNS71 = ua.indexOf('Netscape/7.1') != -1;
|
| | | this.dialogCounter = 0;
|
| | | this.plugins = [];
|
| | | this.themes = [];
|
| | | this.menus = [];
|
| | | this.loadedPlugins = [];
|
| | | this.buttonMap = [];
|
| | | this.isLoaded = false;
|
| | | t.isOpera = win.opera && opera.buildNumber;
|
| | |
|
| | | // Fake MSIE on Opera and if Opera fakes IE, Gecko or Safari cancel those
|
| | | if (this.isOpera) {
|
| | | this.isMSIE = true;
|
| | | this.isGecko = false;
|
| | | this.isSafari = false;
|
| | | }
|
| | | t.isWebKit = /WebKit/.test(ua);
|
| | |
|
| | | this.isIE = this.isMSIE;
|
| | | this.isRealIE = this.isMSIE && !this.isOpera;
|
| | | t.isIE = !t.isWebKit && !t.isOpera && (/MSIE/gi).test(ua) && (/Explorer/gi).test(na.appName);
|
| | |
|
| | | // TinyMCE editor id instance counter
|
| | | this.idCounter = 0;
|
| | | };
|
| | | t.isIE6 = t.isIE && /MSIE [56]/.test(ua);
|
| | |
|
| | | TinyMCE_Engine.prototype = {
|
| | | init : function(settings) {
|
| | | var theme, nl, baseHREF = "", i, cssPath, entities, h, p, src, elements = [], head;
|
| | | t.isIE7 = t.isIE && /MSIE [7]/.test(ua);
|
| | |
|
| | | // IE 5.0x is no longer supported since 5.5, 6.0 and 7.0 now exists. We can't support old browsers forever, sorry.
|
| | | if (this.isMSIE5_0)
|
| | | return;
|
| | | t.isIE8 = t.isIE && /MSIE [8]/.test(ua);
|
| | |
|
| | | this.settings = settings;
|
| | | t.isIE9 = t.isIE && /MSIE [9]/.test(ua);
|
| | |
|
| | | // Check if valid browser has execcommand support
|
| | | if (typeof(document.execCommand) == 'undefined')
|
| | | return;
|
| | | t.isGecko = !t.isWebKit && /Gecko/.test(ua);
|
| | |
|
| | | // Get script base path
|
| | | if (!tinyMCE.baseURL) {
|
| | | // Search through head
|
| | | head = document.getElementsByTagName('head')[0];
|
| | | t.isMac = ua.indexOf('Mac') != -1;
|
| | |
|
| | | if (head) {
|
| | | for (i=0, nl = head.getElementsByTagName('script'); i<nl.length; i++)
|
| | | elements.push(nl[i]);
|
| | | t.isAir = /adobeair/i.test(ua);
|
| | |
|
| | | t.isIDevice = /(iPad|iPhone)/.test(ua);
|
| | | |
| | | t.isIOS5 = t.isIDevice && ua.match(/AppleWebKit\/(\d*)/)[1]>=534;
|
| | |
|
| | | // TinyMCE .NET webcontrol might be setting the values for TinyMCE
|
| | | if (win.tinyMCEPreInit) {
|
| | | t.suffix = tinyMCEPreInit.suffix;
|
| | | t.baseURL = tinyMCEPreInit.base;
|
| | | t.query = tinyMCEPreInit.query;
|
| | | return;
|
| | | }
|
| | |
|
| | | // Search through rest of document
|
| | | for (i=0, nl = document.getElementsByTagName('script'); i<nl.length; i++)
|
| | | elements.push(nl[i]);
|
| | | // Get suffix and base
|
| | | t.suffix = '';
|
| | |
|
| | | // If base element found, add that infront of baseURL
|
| | | nl = document.getElementsByTagName('base');
|
| | | nl = d.getElementsByTagName('base');
|
| | | for (i=0; i<nl.length; i++) {
|
| | | if (nl[i].href)
|
| | | baseHREF = nl[i].href;
|
| | | v = nl[i].href;
|
| | | if (v) {
|
| | | // Host only value like http://site.com or http://site.com:8008
|
| | | if (/^https?:\/\/[^\/]+$/.test(v))
|
| | | v += '/';
|
| | |
|
| | | base = v ? v.match(/.*\//)[0] : ''; // Get only directory
|
| | | }
|
| | | }
|
| | |
|
| | | for (i=0; i<elements.length; i++) {
|
| | | if (elements[i].src && (elements[i].src.indexOf("tiny_mce.js") != -1 || elements[i].src.indexOf("tiny_mce_dev.js") != -1 || elements[i].src.indexOf("tiny_mce_src.js") != -1 || elements[i].src.indexOf("tiny_mce_gzip") != -1)) {
|
| | | src = elements[i].src;
|
| | | function getBase(n) {
|
| | | if (n.src && /tiny_mce(|_gzip|_jquery|_prototype|_full)(_dev|_src)?.js/.test(n.src)) {
|
| | | if (/_(src|dev)\.js/g.test(n.src))
|
| | | t.suffix = '_src';
|
| | |
|
| | | tinyMCE.srcMode = (src.indexOf('_src') != -1 || src.indexOf('_dev') != -1) ? '_src' : '';
|
| | | tinyMCE.gzipMode = src.indexOf('_gzip') != -1;
|
| | | src = src.substring(0, src.lastIndexOf('/'));
|
| | | if ((p = n.src.indexOf('?')) != -1)
|
| | | t.query = n.src.substring(p + 1);
|
| | |
|
| | | if (settings.exec_mode == "src" || settings.exec_mode == "normal")
|
| | | tinyMCE.srcMode = settings.exec_mode == "src" ? '_src' : '';
|
| | | t.baseURL = n.src.substring(0, n.src.lastIndexOf('/'));
|
| | |
|
| | | // Force it absolute if page has a base href
|
| | | if (baseHREF !== '' && src.indexOf('://') == -1)
|
| | | tinyMCE.baseURL = baseHREF + src;
|
| | | else
|
| | | tinyMCE.baseURL = src;
|
| | | // If path to script is relative and a base href was found add that one infront
|
| | | // the src property will always be an absolute one on non IE browsers and IE 8
|
| | | // so this logic will basically only be executed on older IE versions
|
| | | if (base && t.baseURL.indexOf('://') == -1 && t.baseURL.indexOf('/') !== 0)
|
| | | t.baseURL = base + t.baseURL;
|
| | |
|
| | | return t.baseURL;
|
| | | }
|
| | |
|
| | | return null;
|
| | | };
|
| | |
|
| | | // Check document
|
| | | nl = d.getElementsByTagName('script');
|
| | | for (i=0; i<nl.length; i++) {
|
| | | if (getBase(nl[i]))
|
| | | return;
|
| | | }
|
| | |
|
| | | // Check head
|
| | | n = d.getElementsByTagName('head')[0];
|
| | | if (n) {
|
| | | nl = n.getElementsByTagName('script');
|
| | | for (i=0; i<nl.length; i++) {
|
| | | if (getBase(nl[i]))
|
| | | return;
|
| | | }
|
| | | }
|
| | |
|
| | | return;
|
| | | },
|
| | |
|
| | | is : function(o, t) {
|
| | | if (!t)
|
| | | return o !== undef;
|
| | |
|
| | | if (t == 'array' && (o.hasOwnProperty && o instanceof Array))
|
| | | return true;
|
| | |
|
| | | return typeof(o) == t;
|
| | | },
|
| | |
|
| | | makeMap : function(items, delim, map) {
|
| | | var i;
|
| | |
|
| | | items = items || [];
|
| | | delim = delim || ',';
|
| | |
|
| | | if (typeof(items) == "string")
|
| | | items = items.split(delim);
|
| | |
|
| | | map = map || {};
|
| | |
|
| | | i = items.length;
|
| | | while (i--)
|
| | | map[items[i]] = {};
|
| | |
|
| | | return map;
|
| | | },
|
| | |
|
| | | each : function(o, cb, s) {
|
| | | var n, l;
|
| | |
|
| | | if (!o)
|
| | | return 0;
|
| | |
|
| | | s = s || o;
|
| | |
|
| | | if (o.length !== undef) {
|
| | | // Indexed arrays, needed for Safari
|
| | | for (n=0, l = o.length; n < l; n++) {
|
| | | if (cb.call(s, o[n], n, o) === false)
|
| | | return 0;
|
| | | }
|
| | | } else {
|
| | | // Hashtables
|
| | | for (n in o) {
|
| | | if (o.hasOwnProperty(n)) {
|
| | | if (cb.call(s, o[n], n, o) === false)
|
| | | return 0;
|
| | | }
|
| | | }
|
| | | }
|
| | |
|
| | | return 1;
|
| | | },
|
| | |
|
| | |
|
| | | map : function(a, f) {
|
| | | var o = [];
|
| | |
|
| | | tinymce.each(a, function(v) {
|
| | | o.push(f(v));
|
| | | });
|
| | |
|
| | | return o;
|
| | | },
|
| | |
|
| | | grep : function(a, f) {
|
| | | var o = [];
|
| | |
|
| | | tinymce.each(a, function(v) {
|
| | | if (!f || f(v))
|
| | | o.push(v);
|
| | | });
|
| | |
|
| | | return o;
|
| | | },
|
| | |
|
| | | inArray : function(a, v) {
|
| | | var i, l;
|
| | |
|
| | | if (a) {
|
| | | for (i = 0, l = a.length; i < l; i++) {
|
| | | if (a[i] === v)
|
| | | return i;
|
| | | }
|
| | | }
|
| | |
|
| | | return -1;
|
| | | },
|
| | |
|
| | | extend : function(obj, ext) {
|
| | | var i, l, name, args = arguments, value;
|
| | |
|
| | | for (i = 1, l = args.length; i < l; i++) {
|
| | | ext = args[i];
|
| | | for (name in ext) {
|
| | | if (ext.hasOwnProperty(name)) {
|
| | | value = ext[name];
|
| | |
|
| | | if (value !== undef) {
|
| | | obj[name] = value;
|
| | | }
|
| | | }
|
| | | }
|
| | | }
|
| | |
|
| | | return obj;
|
| | | },
|
| | |
|
| | |
|
| | | trim : function(s) {
|
| | | return (s ? '' + s : '').replace(whiteSpaceRe, '');
|
| | | },
|
| | |
|
| | | create : function(s, p, root) {
|
| | | var t = this, sp, ns, cn, scn, c, de = 0;
|
| | |
|
| | | // Parse : <prefix> <class>:<super class>
|
| | | s = /^((static) )?([\w.]+)(:([\w.]+))?/.exec(s);
|
| | | cn = s[3].match(/(^|\.)(\w+)$/i)[2]; // Class name
|
| | |
|
| | | // Create namespace for new class
|
| | | ns = t.createNS(s[3].replace(/\.\w+$/, ''), root);
|
| | |
|
| | | // Class already exists
|
| | | if (ns[cn])
|
| | | return;
|
| | |
|
| | | // Make pure static class
|
| | | if (s[2] == 'static') {
|
| | | ns[cn] = p;
|
| | |
|
| | | if (this.onCreate)
|
| | | this.onCreate(s[2], s[3], ns[cn]);
|
| | |
|
| | | return;
|
| | | }
|
| | |
|
| | | // Create default constructor
|
| | | if (!p[cn]) {
|
| | | p[cn] = function() {};
|
| | | de = 1;
|
| | | }
|
| | |
|
| | | // Add constructor and methods
|
| | | ns[cn] = p[cn];
|
| | | t.extend(ns[cn].prototype, p);
|
| | |
|
| | | // Extend
|
| | | if (s[5]) {
|
| | | sp = t.resolve(s[5]).prototype;
|
| | | scn = s[5].match(/\.(\w+)$/i)[1]; // Class name
|
| | |
|
| | | // Extend constructor
|
| | | c = ns[cn];
|
| | | if (de) {
|
| | | // Add passthrough constructor
|
| | | ns[cn] = function() {
|
| | | return sp[scn].apply(this, arguments);
|
| | | };
|
| | | } else {
|
| | | // Add inherit constructor
|
| | | ns[cn] = function() {
|
| | | this.parent = sp[scn];
|
| | | return c.apply(this, arguments);
|
| | | };
|
| | | }
|
| | | ns[cn].prototype[cn] = ns[cn];
|
| | |
|
| | | // Add super methods
|
| | | t.each(sp, function(f, n) {
|
| | | ns[cn].prototype[n] = sp[n];
|
| | | });
|
| | |
|
| | | // Add overridden methods
|
| | | t.each(p, function(f, n) {
|
| | | // Extend methods if needed
|
| | | if (sp[n]) {
|
| | | ns[cn].prototype[n] = function() {
|
| | | this.parent = sp[n];
|
| | | return f.apply(this, arguments);
|
| | | };
|
| | | } else {
|
| | | if (n != cn)
|
| | | ns[cn].prototype[n] = f;
|
| | | }
|
| | | });
|
| | | }
|
| | |
|
| | | // Add static methods
|
| | | t.each(p['static'], function(f, n) {
|
| | | ns[cn][n] = f;
|
| | | });
|
| | |
|
| | | if (this.onCreate)
|
| | | this.onCreate(s[2], s[3], ns[cn].prototype);
|
| | | },
|
| | |
|
| | | walk : function(o, f, n, s) {
|
| | | s = s || this;
|
| | |
|
| | | if (o) {
|
| | | if (n)
|
| | | o = o[n];
|
| | |
|
| | | tinymce.each(o, function(o, i) {
|
| | | if (f.call(s, o, i, n) === false)
|
| | | return false;
|
| | |
|
| | | tinymce.walk(o, f, n, s);
|
| | | });
|
| | | }
|
| | | },
|
| | |
|
| | | createNS : function(n, o) {
|
| | | var i, v;
|
| | |
|
| | | o = o || win;
|
| | |
|
| | | n = n.split('.');
|
| | | for (i=0; i<n.length; i++) {
|
| | | v = n[i];
|
| | |
|
| | | if (!o[v])
|
| | | o[v] = {};
|
| | |
|
| | | o = o[v];
|
| | | }
|
| | |
|
| | | return o;
|
| | | },
|
| | |
|
| | | resolve : function(n, o) {
|
| | | var i, l;
|
| | |
|
| | | o = o || win;
|
| | |
|
| | | n = n.split('.');
|
| | | for (i = 0, l = n.length; i < l; i++) {
|
| | | o = o[n[i]];
|
| | |
|
| | | if (!o)
|
| | | break;
|
| | | }
|
| | | }
|
| | |
|
| | | return o;
|
| | | },
|
| | |
|
| | | addUnload : function(f, s) {
|
| | | var t = this, unload;
|
| | |
|
| | | unload = function() {
|
| | | var li = t.unloads, o, n;
|
| | |
|
| | | if (li) {
|
| | | // Call unload handlers
|
| | | for (n in li) {
|
| | | o = li[n];
|
| | |
|
| | | if (o && o.func)
|
| | | o.func.call(o.scope, 1); // Send in one arg to distinct unload and user destroy
|
| | | }
|
| | |
|
| | | // Detach unload function
|
| | | if (win.detachEvent) {
|
| | | win.detachEvent('onbeforeunload', fakeUnload);
|
| | | win.detachEvent('onunload', unload);
|
| | | } else if (win.removeEventListener)
|
| | | win.removeEventListener('unload', unload, false);
|
| | |
|
| | | // Destroy references
|
| | | t.unloads = o = li = w = unload = 0;
|
| | |
|
| | | // Run garbarge collector on IE
|
| | | if (win.CollectGarbage)
|
| | | CollectGarbage();
|
| | | }
|
| | | };
|
| | |
|
| | | function fakeUnload() {
|
| | | var d = document;
|
| | |
|
| | | function stop() {
|
| | | // Prevent memory leak
|
| | | d.detachEvent('onstop', stop);
|
| | |
|
| | | // Call unload handler
|
| | | if (unload)
|
| | | unload();
|
| | |
|
| | | d = 0;
|
| | | };
|
| | |
|
| | | // Is there things still loading, then do some magic
|
| | | if (d.readyState == 'interactive') {
|
| | | // Fire unload when the currently loading page is stopped
|
| | | if (d)
|
| | | d.attachEvent('onstop', stop);
|
| | |
|
| | | // Remove onstop listener after a while to prevent the unload function
|
| | | // to execute if the user presses cancel in an onbeforeunload
|
| | | // confirm dialog and then presses the browser stop button
|
| | | win.setTimeout(function() {
|
| | | if (d)
|
| | | d.detachEvent('onstop', stop);
|
| | | }, 0);
|
| | | }
|
| | | };
|
| | |
|
| | | f = {func : f, scope : s || this};
|
| | |
|
| | | if (!t.unloads) {
|
| | | // Attach unload handler
|
| | | if (win.attachEvent) {
|
| | | win.attachEvent('onunload', unload);
|
| | | win.attachEvent('onbeforeunload', fakeUnload);
|
| | | } else if (win.addEventListener)
|
| | | win.addEventListener('unload', unload, false);
|
| | |
|
| | | // Setup initial unload handler array
|
| | | t.unloads = [f];
|
| | | } else
|
| | | t.unloads.push(f);
|
| | |
|
| | | return f;
|
| | | },
|
| | |
|
| | | removeUnload : function(f) {
|
| | | var u = this.unloads, r = null;
|
| | |
|
| | | tinymce.each(u, function(o, i) {
|
| | | if (o && o.func == f) {
|
| | | u.splice(i, 1);
|
| | | r = f;
|
| | | return false;
|
| | | }
|
| | | });
|
| | |
|
| | | return r;
|
| | | },
|
| | |
|
| | | explode : function(s, d) {
|
| | | if (!s || tinymce.is(s, 'array')) {
|
| | | return s;
|
| | | }
|
| | |
|
| | | return tinymce.map(s.split(d || ','), tinymce.trim);
|
| | | },
|
| | |
|
| | | _addVer : function(u) {
|
| | | var v;
|
| | |
|
| | | if (!this.query)
|
| | | return u;
|
| | |
|
| | | v = (u.indexOf('?') == -1 ? '?' : '&') + this.query;
|
| | |
|
| | | if (u.indexOf('#') == -1)
|
| | | return u + v;
|
| | |
|
| | | return u.replace('#', v + '#');
|
| | | },
|
| | |
|
| | | // Fix function for IE 9 where regexps isn't working correctly
|
| | | // Todo: remove me once MS fixes the bug
|
| | | _replace : function(find, replace, str) {
|
| | | // On IE9 we have to fake $x replacement
|
| | | if (isRegExpBroken) {
|
| | | return str.replace(find, function() {
|
| | | var val = replace, args = arguments, i;
|
| | |
|
| | | for (i = 0; i < args.length - 2; i++) {
|
| | | if (args[i] === undef) {
|
| | | val = val.replace(new RegExp('\\$' + i, 'g'), '');
|
| | | } else {
|
| | | val = val.replace(new RegExp('\\$' + i, 'g'), args[i]);
|
| | | }
|
| | | }
|
| | |
|
| | | return val;
|
| | | });
|
| | | }
|
| | |
|
| | | return str.replace(find, replace);
|
| | | }
|
| | |
|
| | | // Get document base path
|
| | | this.documentBasePath = document.location.href;
|
| | | if (this.documentBasePath.indexOf('?') != -1)
|
| | | this.documentBasePath = this.documentBasePath.substring(0, this.documentBasePath.indexOf('?'));
|
| | | this.documentURL = this.documentBasePath;
|
| | | this.documentBasePath = this.documentBasePath.substring(0, this.documentBasePath.lastIndexOf('/'));
|
| | | };
|
| | |
|
| | | // If not HTTP absolute
|
| | | if (tinyMCE.baseURL.indexOf('://') == -1 && tinyMCE.baseURL.charAt(0) != '/') {
|
| | | // If site absolute
|
| | | tinyMCE.baseURL = this.documentBasePath + "/" + tinyMCE.baseURL;
|
| | | }
|
| | | // Initialize the API
|
| | | tinymce._init();
|
| | |
|
| | | // Set default values on settings
|
| | | this._def("mode", "none");
|
| | | this._def("theme", "advanced");
|
| | | this._def("plugins", "", true);
|
| | | this._def("language", "en");
|
| | | this._def("docs_language", this.settings.language);
|
| | | this._def("elements", "");
|
| | | this._def("textarea_trigger", "mce_editable");
|
| | | this._def("editor_selector", "");
|
| | | this._def("editor_deselector", "mceNoEditor");
|
| | | this._def("valid_elements", "+a[id|style|rel|rev|charset|hreflang|dir|lang|tabindex|accesskey|type|name|href|target|title|class|onfocus|onblur|onclick|ondblclick|onmousedown|onmouseup|onmouseover|onmousemove|onmouseout|onkeypress|onkeydown|onkeyup],-strong/-b[class|style],-em/-i[class|style],-strike[class|style],-u[class|style],#p[id|style|dir|class|align],-ol[class|style],-ul[class|style],-li[class|style],br,img[id|dir|lang|longdesc|usemap|style|class|src|onmouseover|onmouseout|border|alt=|title|hspace|vspace|width|height|align],-sub[style|class],-sup[style|class],-blockquote[dir|style],-table[border=0|cellspacing|cellpadding|width|height|class|align|summary|style|dir|id|lang|bgcolor|background|bordercolor],-tr[id|lang|dir|class|rowspan|width|height|align|valign|style|bgcolor|background|bordercolor],tbody[id|class],thead[id|class],tfoot[id|class],#td[id|lang|dir|class|colspan|rowspan|width|height|align|valign|style|bgcolor|background|bordercolor|scope],-th[id|lang|dir|class|colspan|rowspan|width|height|align|valign|style|scope],caption[id|lang|dir|class|style],-div[id|dir|class|align|style],-span[style|class|align],-pre[class|align|style],address[class|align|style],-h1[id|style|dir|class|align],-h2[id|style|dir|class|align],-h3[id|style|dir|class|align],-h4[id|style|dir|class|align],-h5[id|style|dir|class|align],-h6[id|style|dir|class|align],hr[class|style],-font[face|size|style|id|class|dir|color],dd[id|class|title|style|dir|lang],dl[id|class|title|style|dir|lang],dt[id|class|title|style|dir|lang],cite[title|id|class|style|dir|lang],abbr[title|id|class|style|dir|lang],acronym[title|id|class|style|dir|lang],del[title|id|class|style|dir|lang|datetime|cite],ins[title|id|class|style|dir|lang|datetime|cite]");
|
| | | this._def("extended_valid_elements", "");
|
| | | this._def("invalid_elements", "");
|
| | | this._def("encoding", "");
|
| | | this._def("urlconverter_callback", tinyMCE.getParam("urlconvertor_callback", "TinyMCE_Engine.prototype.convertURL"));
|
| | | this._def("save_callback", "");
|
| | | this._def("force_br_newlines", false);
|
| | | this._def("force_p_newlines", true);
|
| | | this._def("add_form_submit_trigger", true);
|
| | | this._def("relative_urls", true);
|
| | | this._def("remove_script_host", true);
|
| | | this._def("focus_alert", true);
|
| | | this._def("document_base_url", this.documentURL);
|
| | | this._def("visual", true);
|
| | | this._def("visual_table_class", "mceVisualAid");
|
| | | this._def("setupcontent_callback", "");
|
| | | this._def("fix_content_duplication", true);
|
| | | this._def("custom_undo_redo", true);
|
| | | this._def("custom_undo_redo_levels", -1);
|
| | | this._def("custom_undo_redo_keyboard_shortcuts", true);
|
| | | this._def("custom_undo_redo_restore_selection", true);
|
| | | this._def("custom_undo_redo_global", false);
|
| | | this._def("verify_html", true);
|
| | | this._def("apply_source_formatting", false);
|
| | | this._def("directionality", "ltr");
|
| | | this._def("cleanup_on_startup", false);
|
| | | this._def("inline_styles", false);
|
| | | this._def("convert_newlines_to_brs", false);
|
| | | this._def("auto_reset_designmode", true);
|
| | | this._def("entities", "39,#39,160,nbsp,161,iexcl,162,cent,163,pound,164,curren,165,yen,166,brvbar,167,sect,168,uml,169,copy,170,ordf,171,laquo,172,not,173,shy,174,reg,175,macr,176,deg,177,plusmn,178,sup2,179,sup3,180,acute,181,micro,182,para,183,middot,184,cedil,185,sup1,186,ordm,187,raquo,188,frac14,189,frac12,190,frac34,191,iquest,192,Agrave,193,Aacute,194,Acirc,195,Atilde,196,Auml,197,Aring,198,AElig,199,Ccedil,200,Egrave,201,Eacute,202,Ecirc,203,Euml,204,Igrave,205,Iacute,206,Icirc,207,Iuml,208,ETH,209,Ntilde,210,Ograve,211,Oacute,212,Ocirc,213,Otilde,214,Ouml,215,times,216,Oslash,217,Ugrave,218,Uacute,219,Ucirc,220,Uuml,221,Yacute,222,THORN,223,szlig,224,agrave,225,aacute,226,acirc,227,atilde,228,auml,229,aring,230,aelig,231,ccedil,232,egrave,233,eacute,234,ecirc,235,euml,236,igrave,237,iacute,238,icirc,239,iuml,240,eth,241,ntilde,242,ograve,243,oacute,244,ocirc,245,otilde,246,ouml,247,divide,248,oslash,249,ugrave,250,uacute,251,ucirc,252,uuml,253,yacute,254,thorn,255,yuml,402,fnof,913,Alpha,914,Beta,915,Gamma,916,Delta,917,Epsilon,918,Zeta,919,Eta,920,Theta,921,Iota,922,Kappa,923,Lambda,924,Mu,925,Nu,926,Xi,927,Omicron,928,Pi,929,Rho,931,Sigma,932,Tau,933,Upsilon,934,Phi,935,Chi,936,Psi,937,Omega,945,alpha,946,beta,947,gamma,948,delta,949,epsilon,950,zeta,951,eta,952,theta,953,iota,954,kappa,955,lambda,956,mu,957,nu,958,xi,959,omicron,960,pi,961,rho,962,sigmaf,963,sigma,964,tau,965,upsilon,966,phi,967,chi,968,psi,969,omega,977,thetasym,978,upsih,982,piv,8226,bull,8230,hellip,8242,prime,8243,Prime,8254,oline,8260,frasl,8472,weierp,8465,image,8476,real,8482,trade,8501,alefsym,8592,larr,8593,uarr,8594,rarr,8595,darr,8596,harr,8629,crarr,8656,lArr,8657,uArr,8658,rArr,8659,dArr,8660,hArr,8704,forall,8706,part,8707,exist,8709,empty,8711,nabla,8712,isin,8713,notin,8715,ni,8719,prod,8721,sum,8722,minus,8727,lowast,8730,radic,8733,prop,8734,infin,8736,ang,8743,and,8744,or,8745,cap,8746,cup,8747,int,8756,there4,8764,sim,8773,cong,8776,asymp,8800,ne,8801,equiv,8804,le,8805,ge,8834,sub,8835,sup,8836,nsub,8838,sube,8839,supe,8853,oplus,8855,otimes,8869,perp,8901,sdot,8968,lceil,8969,rceil,8970,lfloor,8971,rfloor,9001,lang,9002,rang,9674,loz,9824,spades,9827,clubs,9829,hearts,9830,diams,34,quot,38,amp,60,lt,62,gt,338,OElig,339,oelig,352,Scaron,353,scaron,376,Yuml,710,circ,732,tilde,8194,ensp,8195,emsp,8201,thinsp,8204,zwnj,8205,zwj,8206,lrm,8207,rlm,8211,ndash,8212,mdash,8216,lsquo,8217,rsquo,8218,sbquo,8220,ldquo,8221,rdquo,8222,bdquo,8224,dagger,8225,Dagger,8240,permil,8249,lsaquo,8250,rsaquo,8364,euro", true);
|
| | | this._def("entity_encoding", "named");
|
| | | this._def("cleanup_callback", "");
|
| | | this._def("add_unload_trigger", true);
|
| | | this._def("ask", false);
|
| | | this._def("nowrap", false);
|
| | | this._def("auto_resize", false);
|
| | | this._def("auto_focus", false);
|
| | | this._def("cleanup", true);
|
| | | this._def("remove_linebreaks", true);
|
| | | this._def("button_tile_map", false);
|
| | | this._def("submit_patch", true);
|
| | | this._def("browsers", "msie,safari,gecko,opera", true);
|
| | | this._def("dialog_type", "window");
|
| | | this._def("accessibility_warnings", true);
|
| | | this._def("accessibility_focus", true);
|
| | | this._def("merge_styles_invalid_parents", "");
|
| | | this._def("force_hex_style_colors", true);
|
| | | this._def("trim_span_elements", true);
|
| | | this._def("convert_fonts_to_spans", false);
|
| | | this._def("doctype", '<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">');
|
| | | this._def("font_size_classes", '');
|
| | | this._def("font_size_style_values", 'xx-small,x-small,small,medium,large,x-large,xx-large', true);
|
| | | this._def("event_elements", 'a,img', true);
|
| | | this._def("convert_urls", true);
|
| | | this._def("table_inline_editing", false);
|
| | | this._def("object_resizing", true);
|
| | | this._def("custom_shortcuts", true);
|
| | | this._def("convert_on_click", false);
|
| | | this._def("content_css", '');
|
| | | this._def("fix_list_elements", true);
|
| | | this._def("fix_table_elements", false);
|
| | | this._def("strict_loading_mode", document.contentType == 'application/xhtml+xml');
|
| | | this._def("hidden_tab_class", '');
|
| | | this._def("display_tab_class", '');
|
| | | this._def("gecko_spellcheck", false);
|
| | | this._def("hide_selects_on_submit", true);
|
| | | this._def("forced_root_block", false);
|
| | | this._def("remove_trailing_nbsp", false);
|
| | | // Expose tinymce namespace to the global namespace (window)
|
| | | win.tinymce = win.tinyMCE = tinymce;
|
| | |
|
| | | // Force strict loading mode to false on non Gecko browsers
|
| | | if (this.isMSIE && !this.isOpera)
|
| | | this.settings.strict_loading_mode = false;
|
| | | // Describe the different namespaces
|
| | |
|
| | | // Browser check IE
|
| | | if (this.isMSIE && this.settings.browsers.indexOf('msie') == -1)
|
| | | return;
|
| | | })(window);
|
| | |
|
| | | // Browser check Gecko
|
| | | if (this.isGecko && this.settings.browsers.indexOf('gecko') == -1)
|
| | | return;
|
| | |
|
| | | // Browser check Safari
|
| | | if (this.isSafari && this.settings.browsers.indexOf('safari') == -1)
|
| | | return;
|
| | |
|
| | | // Browser check Opera
|
| | | if (this.isOpera && this.settings.browsers.indexOf('opera') == -1)
|
| | | return;
|
| | | tinymce.create('tinymce.util.Dispatcher', {
|
| | | scope : null,
|
| | | listeners : null,
|
| | | inDispatch: false,
|
| | |
|
| | | // If not super absolute make it so
|
| | | baseHREF = tinyMCE.settings.document_base_url;
|
| | | h = document.location.href;
|
| | | p = h.indexOf('://');
|
| | | if (p > 0 && document.location.protocol != "file:") {
|
| | | p = h.indexOf('/', p + 3);
|
| | | h = h.substring(0, p);
|
| | | Dispatcher : function(scope) {
|
| | | this.scope = scope || this;
|
| | | this.listeners = [];
|
| | | },
|
| | |
|
| | | if (baseHREF.indexOf('://') == -1)
|
| | | baseHREF = h + baseHREF;
|
| | | add : function(callback, scope) {
|
| | | this.listeners.push({cb : callback, scope : scope || this.scope});
|
| | |
|
| | | tinyMCE.settings.document_base_url = baseHREF;
|
| | | tinyMCE.settings.document_base_prefix = h;
|
| | | }
|
| | | return callback;
|
| | | },
|
| | |
|
| | | // Trim away query part
|
| | | if (baseHREF.indexOf('?') != -1)
|
| | | baseHREF = baseHREF.substring(0, baseHREF.indexOf('?'));
|
| | | addToTop : function(callback, scope) {
|
| | | var self = this, listener = {cb : callback, scope : scope || self.scope};
|
| | |
|
| | | this.settings.base_href = baseHREF.substring(0, baseHREF.lastIndexOf('/')) + "/";
|
| | |
|
| | | theme = this.settings.theme;
|
| | | this.inlineStrict = 'A|BR|SPAN|BDO|MAP|OBJECT|IMG|TT|I|B|BIG|SMALL|EM|STRONG|DFN|CODE|Q|SAMP|KBD|VAR|CITE|ABBR|ACRONYM|SUB|SUP|#text|#comment';
|
| | | this.inlineTransitional = 'A|BR|SPAN|BDO|OBJECT|APPLET|IMG|MAP|IFRAME|TT|I|B|U|S|STRIKE|BIG|SMALL|FONT|BASEFONT|EM|STRONG|DFN|CODE|Q|SAMP|KBD|VAR|CITE|ABBR|ACRONYM|SUB|SUP|INPUT|SELECT|TEXTAREA|LABEL|BUTTON|#text|#comment';
|
| | | this.blockElms = 'H[1-6]|P|DIV|ADDRESS|PRE|FORM|TABLE|LI|OL|UL|TD|CAPTION|BLOCKQUOTE|CENTER|DL|DT|DD|DIR|FIELDSET|FORM|NOSCRIPT|NOFRAMES|MENU|ISINDEX|SAMP';
|
| | | this.blockRegExp = new RegExp("^(" + this.blockElms + ")$", "i");
|
| | | this.posKeyCodes = [13,45,36,35,33,34,37,38,39,40];
|
| | | this.uniqueURL = 'javascript:void(091039730);'; // Make unique URL non real URL
|
| | | this.uniqueTag = '<div id="mceTMPElement" style="display: none">TMP</div>';
|
| | | this.callbacks = ['onInit', 'getInfo', 'getEditorTemplate', 'setupContent', 'onChange', 'onPageLoad', 'handleNodeChange', 'initInstance', 'execCommand', 'getControlHTML', 'handleEvent', 'cleanup', 'removeInstance'];
|
| | |
|
| | | // Theme url
|
| | | this.settings.theme_href = tinyMCE.baseURL + "/themes/" + theme;
|
| | |
|
| | | if (!tinyMCE.isIE || tinyMCE.isOpera)
|
| | | this.settings.force_br_newlines = false;
|
| | |
|
| | | if (tinyMCE.getParam("popups_css", false)) {
|
| | | cssPath = tinyMCE.getParam("popups_css", "");
|
| | |
|
| | | // Is relative
|
| | | if (cssPath.indexOf('://') == -1 && cssPath.charAt(0) != '/')
|
| | | this.settings.popups_css = this.documentBasePath + "/" + cssPath;
|
| | | else
|
| | | this.settings.popups_css = cssPath;
|
| | | } else
|
| | | this.settings.popups_css = tinyMCE.baseURL + "/themes/" + theme + "/css/editor_popup.css";
|
| | |
|
| | | if (tinyMCE.getParam("editor_css", false)) {
|
| | | cssPath = tinyMCE.getParam("editor_css", "");
|
| | |
|
| | | // Is relative
|
| | | if (cssPath.indexOf('://') == -1 && cssPath.charAt(0) != '/')
|
| | | this.settings.editor_css = this.documentBasePath + "/" + cssPath;
|
| | | else
|
| | | this.settings.editor_css = cssPath;
|
| | | // Create new listeners if addToTop is executed in a dispatch loop
|
| | | if (self.inDispatch) {
|
| | | self.listeners = [listener].concat(self.listeners);
|
| | | } else {
|
| | | if (this.settings.editor_css !== '')
|
| | | this.settings.editor_css = tinyMCE.baseURL + "/themes/" + theme + "/css/editor_ui.css";
|
| | | self.listeners.unshift(listener);
|
| | | }
|
| | |
|
| | | // Only do this once
|
| | | if (this.configs.length == 0) {
|
| | | if (typeof(TinyMCECompressed) == "undefined") {
|
| | | tinyMCE.addEvent(window, "DOMContentLoaded", TinyMCE_Engine.prototype.onLoad);
|
| | | return callback;
|
| | | },
|
| | |
|
| | | if (tinyMCE.isRealIE) {
|
| | | if (document.body)
|
| | | tinyMCE.addEvent(document.body, "readystatechange", TinyMCE_Engine.prototype.onLoad);
|
| | | else
|
| | | tinyMCE.addEvent(document, "readystatechange", TinyMCE_Engine.prototype.onLoad);
|
| | | remove : function(callback) {
|
| | | var listeners = this.listeners, output = null;
|
| | |
|
| | | tinymce.each(listeners, function(listener, i) {
|
| | | if (callback == listener.cb) {
|
| | | output = listener;
|
| | | listeners.splice(i, 1);
|
| | | return false;
|
| | | }
|
| | | });
|
| | |
|
| | | return output;
|
| | | },
|
| | |
|
| | | dispatch : function() {
|
| | | var self = this, returnValue, args = arguments, i, listeners = self.listeners, listener;
|
| | |
|
| | | self.inDispatch = true;
|
| | | |
| | | // Needs to be a real loop since the listener count might change while looping
|
| | | // And this is also more efficient
|
| | | for (i = 0; i < listeners.length; i++) {
|
| | | listener = listeners[i];
|
| | | returnValue = listener.cb.apply(listener.scope, args.length > 0 ? args : [listener.scope]);
|
| | |
|
| | | if (returnValue === false)
|
| | | break;
|
| | | }
|
| | |
|
| | | self.inDispatch = false;
|
| | |
|
| | | return returnValue;
|
| | | }
|
| | |
|
| | | });
|
| | |
|
| | | (function() {
|
| | | var each = tinymce.each;
|
| | |
|
| | | tinymce.create('tinymce.util.URI', {
|
| | | URI : function(u, s) {
|
| | | var t = this, o, a, b, base_url;
|
| | |
|
| | | // Trim whitespace
|
| | | u = tinymce.trim(u);
|
| | |
|
| | | // Default settings
|
| | | s = t.settings = s || {};
|
| | |
|
| | | // Strange app protocol that isn't http/https or local anchor
|
| | | // For example: mailto,skype,tel etc.
|
| | | if (/^([\w\-]+):([^\/]{2})/i.test(u) || /^\s*#/.test(u)) {
|
| | | t.source = u;
|
| | | return;
|
| | | }
|
| | |
|
| | | // Absolute path with no host, fake host and protocol
|
| | | if (u.indexOf('/') === 0 && u.indexOf('//') !== 0)
|
| | | u = (s.base_uri ? s.base_uri.protocol || 'http' : 'http') + '://mce_host' + u;
|
| | |
|
| | | // Relative path http:// or protocol relative //path
|
| | | if (!/^[\w\-]*:?\/\//.test(u)) {
|
| | | base_url = s.base_uri ? s.base_uri.path : new tinymce.util.URI(location.href).directory;
|
| | | u = ((s.base_uri && s.base_uri.protocol) || 'http') + '://mce_host' + t.toAbsPath(base_url, u);
|
| | | }
|
| | |
|
| | | // Parse URL (Credits goes to Steave, http://blog.stevenlevithan.com/archives/parseuri)
|
| | | u = u.replace(/@@/g, '(mce_at)'); // Zope 3 workaround, they use @@something
|
| | | u = /^(?:(?![^:@]+:[^:@\/]*@)([^:\/?#.]+):)?(?:\/\/)?((?:(([^:@\/]*):?([^:@\/]*))?@)?([^:\/?#]*)(?::(\d*))?)(((\/(?:[^?#](?![^?#\/]*\.[^?#\/.]+(?:[?#]|$)))*\/?)?([^?#\/]*))(?:\?([^#]*))?(?:#(.*))?)/.exec(u);
|
| | | each(["source","protocol","authority","userInfo","user","password","host","port","relative","path","directory","file","query","anchor"], function(v, i) {
|
| | | var s = u[i];
|
| | |
|
| | | // Zope 3 workaround, they use @@something
|
| | | if (s)
|
| | | s = s.replace(/\(mce_at\)/g, '@@');
|
| | |
|
| | | t[v] = s;
|
| | | });
|
| | |
|
| | | b = s.base_uri;
|
| | | if (b) {
|
| | | if (!t.protocol)
|
| | | t.protocol = b.protocol;
|
| | |
|
| | | if (!t.userInfo)
|
| | | t.userInfo = b.userInfo;
|
| | |
|
| | | if (!t.port && t.host === 'mce_host')
|
| | | t.port = b.port;
|
| | |
|
| | | if (!t.host || t.host === 'mce_host')
|
| | | t.host = b.host;
|
| | |
|
| | | t.source = '';
|
| | | }
|
| | |
|
| | | //t.path = t.path || '/';
|
| | | },
|
| | |
|
| | | setPath : function(p) {
|
| | | var t = this;
|
| | |
|
| | | p = /^(.*?)\/?(\w+)?$/.exec(p);
|
| | |
|
| | | // Update path parts
|
| | | t.path = p[0];
|
| | | t.directory = p[1];
|
| | | t.file = p[2];
|
| | |
|
| | | // Rebuild source
|
| | | t.source = '';
|
| | | t.getURI();
|
| | | },
|
| | |
|
| | | toRelative : function(u) {
|
| | | var t = this, o;
|
| | |
|
| | | if (u === "./")
|
| | | return u;
|
| | |
|
| | | u = new tinymce.util.URI(u, {base_uri : t});
|
| | |
|
| | | // Not on same domain/port or protocol
|
| | | if ((u.host != 'mce_host' && t.host != u.host && u.host) || t.port != u.port || t.protocol != u.protocol)
|
| | | return u.getURI();
|
| | |
|
| | | var tu = t.getURI(), uu = u.getURI();
|
| | | |
| | | // Allow usage of the base_uri when relative_urls = true
|
| | | if(tu == uu || (tu.charAt(tu.length - 1) == "/" && tu.substr(0, tu.length - 1) == uu))
|
| | | return tu;
|
| | |
|
| | | o = t.toRelPath(t.path, u.path);
|
| | |
|
| | | // Add query
|
| | | if (u.query)
|
| | | o += '?' + u.query;
|
| | |
|
| | | // Add anchor
|
| | | if (u.anchor)
|
| | | o += '#' + u.anchor;
|
| | |
|
| | | return o;
|
| | | },
|
| | | |
| | | toAbsolute : function(u, nh) {
|
| | | u = new tinymce.util.URI(u, {base_uri : this});
|
| | |
|
| | | return u.getURI(this.host == u.host && this.protocol == u.protocol ? nh : 0);
|
| | | },
|
| | |
|
| | | toRelPath : function(base, path) {
|
| | | var items, bp = 0, out = '', i, l;
|
| | |
|
| | | // Split the paths
|
| | | base = base.substring(0, base.lastIndexOf('/'));
|
| | | base = base.split('/');
|
| | | items = path.split('/');
|
| | |
|
| | | if (base.length >= items.length) {
|
| | | for (i = 0, l = base.length; i < l; i++) {
|
| | | if (i >= items.length || base[i] != items[i]) {
|
| | | bp = i + 1;
|
| | | break;
|
| | | }
|
| | | }
|
| | | }
|
| | |
|
| | | if (base.length < items.length) {
|
| | | for (i = 0, l = items.length; i < l; i++) {
|
| | | if (i >= base.length || base[i] != items[i]) {
|
| | | bp = i + 1;
|
| | | break;
|
| | | }
|
| | | }
|
| | | }
|
| | |
|
| | | if (bp === 1)
|
| | | return path;
|
| | |
|
| | | for (i = 0, l = base.length - (bp - 1); i < l; i++)
|
| | | out += "../";
|
| | |
|
| | | for (i = bp - 1, l = items.length; i < l; i++) {
|
| | | if (i != bp - 1)
|
| | | out += "/" + items[i];
|
| | | else
|
| | | out += items[i];
|
| | | }
|
| | |
|
| | | return out;
|
| | | },
|
| | |
|
| | | toAbsPath : function(base, path) {
|
| | | var i, nb = 0, o = [], tr, outPath;
|
| | |
|
| | | // Split paths
|
| | | tr = /\/$/.test(path) ? '/' : '';
|
| | | base = base.split('/');
|
| | | path = path.split('/');
|
| | |
|
| | | // Remove empty chunks
|
| | | each(base, function(k) {
|
| | | if (k)
|
| | | o.push(k);
|
| | | });
|
| | |
|
| | | base = o;
|
| | |
|
| | | // Merge relURLParts chunks
|
| | | for (i = path.length - 1, o = []; i >= 0; i--) {
|
| | | // Ignore empty or .
|
| | | if (path[i].length === 0 || path[i] === ".")
|
| | | continue;
|
| | |
|
| | | // Is parent
|
| | | if (path[i] === '..') {
|
| | | nb++;
|
| | | continue;
|
| | | }
|
| | |
|
| | | tinyMCE.addEvent(window, "load", TinyMCE_Engine.prototype.onLoad);
|
| | | tinyMCE._addUnloadEvents();
|
| | | // Move up
|
| | | if (nb > 0) {
|
| | | nb--;
|
| | | continue;
|
| | | }
|
| | |
|
| | | o.push(path[i]);
|
| | | }
|
| | | }
|
| | |
|
| | | this.loadScript(tinyMCE.baseURL + '/themes/' + this.settings.theme + '/editor_template' + tinyMCE.srcMode + '.js');
|
| | | this.loadScript(tinyMCE.baseURL + '/langs/' + this.settings.language + '.js');
|
| | | this.loadCSS(this.settings.editor_css);
|
| | | i = base.length - nb;
|
| | |
|
| | | // Add plugins
|
| | | p = tinyMCE.getParam('plugins', '', true, ',');
|
| | | if (p.length > 0) {
|
| | | for (i=0; i<p.length; i++) {
|
| | | if (p[i].charAt(0) != '-')
|
| | | this.loadScript(tinyMCE.baseURL + '/plugins/' + p[i] + '/editor_plugin' + tinyMCE.srcMode + '.js');
|
| | | // If /a/b/c or /
|
| | | if (i <= 0)
|
| | | outPath = o.reverse().join('/');
|
| | | else
|
| | | outPath = base.slice(0, i).join('/') + '/' + o.reverse().join('/');
|
| | |
|
| | | // Add front / if it's needed
|
| | | if (outPath.indexOf('/') !== 0)
|
| | | outPath = '/' + outPath;
|
| | |
|
| | | // Add traling / if it's needed
|
| | | if (tr && outPath.lastIndexOf('/') !== outPath.length - 1)
|
| | | outPath += tr;
|
| | |
|
| | | return outPath;
|
| | | },
|
| | |
|
| | | getURI : function(nh) {
|
| | | var s, t = this;
|
| | |
|
| | | // Rebuild source
|
| | | if (!t.source || nh) {
|
| | | s = '';
|
| | |
|
| | | if (!nh) {
|
| | | if (t.protocol)
|
| | | s += t.protocol + '://';
|
| | |
|
| | | if (t.userInfo)
|
| | | s += t.userInfo + '@';
|
| | |
|
| | | if (t.host)
|
| | | s += t.host;
|
| | |
|
| | | if (t.port)
|
| | | s += ':' + t.port;
|
| | | }
|
| | |
|
| | | if (t.path)
|
| | | s += t.path;
|
| | |
|
| | | if (t.query)
|
| | | s += '?' + t.query;
|
| | |
|
| | | if (t.anchor)
|
| | | s += '#' + t.anchor;
|
| | |
|
| | | t.source = s;
|
| | | }
|
| | |
|
| | | return t.source;
|
| | | }
|
| | | });
|
| | | })();
|
| | |
|
| | | (function() {
|
| | | var each = tinymce.each;
|
| | |
|
| | | tinymce.create('static tinymce.util.Cookie', {
|
| | | getHash : function(n) {
|
| | | var v = this.get(n), h;
|
| | |
|
| | | if (v) {
|
| | | each(v.split('&'), function(v) {
|
| | | v = v.split('=');
|
| | | h = h || {};
|
| | | h[unescape(v[0])] = unescape(v[1]);
|
| | | });
|
| | | }
|
| | |
|
| | | return h;
|
| | | },
|
| | |
|
| | | setHash : function(n, v, e, p, d, s) {
|
| | | var o = '';
|
| | |
|
| | | each(v, function(v, k) {
|
| | | o += (!o ? '' : '&') + escape(k) + '=' + escape(v);
|
| | | });
|
| | |
|
| | | this.set(n, o, e, p, d, s);
|
| | | },
|
| | |
|
| | | get : function(n) {
|
| | | var c = document.cookie, e, p = n + "=", b;
|
| | |
|
| | | // Strict mode
|
| | | if (!c)
|
| | | return;
|
| | |
|
| | | b = c.indexOf("; " + p);
|
| | |
|
| | | if (b == -1) {
|
| | | b = c.indexOf(p);
|
| | |
|
| | | if (b !== 0)
|
| | | return null;
|
| | | } else
|
| | | b += 2;
|
| | |
|
| | | e = c.indexOf(";", b);
|
| | |
|
| | | if (e == -1)
|
| | | e = c.length;
|
| | |
|
| | | return unescape(c.substring(b + p.length, e));
|
| | | },
|
| | |
|
| | | set : function(n, v, e, p, d, s) {
|
| | | document.cookie = n + "=" + escape(v) +
|
| | | ((e) ? "; expires=" + e.toGMTString() : "") +
|
| | | ((p) ? "; path=" + escape(p) : "") +
|
| | | ((d) ? "; domain=" + d : "") +
|
| | | ((s) ? "; secure" : "");
|
| | | },
|
| | |
|
| | | remove : function(name, path, domain) {
|
| | | var date = new Date();
|
| | |
|
| | | date.setTime(date.getTime() - 1000);
|
| | |
|
| | | this.set(name, '', date, path, domain);
|
| | | }
|
| | | });
|
| | | })();
|
| | |
|
| | | (function() {
|
| | | function serialize(o, quote) {
|
| | | var i, v, t, name;
|
| | |
|
| | | quote = quote || '"';
|
| | |
|
| | | if (o == null)
|
| | | return 'null';
|
| | |
|
| | | t = typeof o;
|
| | |
|
| | | if (t == 'string') {
|
| | | v = '\bb\tt\nn\ff\rr\""\'\'\\\\';
|
| | |
|
| | | return quote + o.replace(/([\u0080-\uFFFF\x00-\x1f\"\'\\])/g, function(a, b) {
|
| | | // Make sure single quotes never get encoded inside double quotes for JSON compatibility
|
| | | if (quote === '"' && a === "'")
|
| | | return a;
|
| | |
|
| | | i = v.indexOf(b);
|
| | |
|
| | | if (i + 1)
|
| | | return '\\' + v.charAt(i + 1);
|
| | |
|
| | | a = b.charCodeAt().toString(16);
|
| | |
|
| | | return '\\u' + '0000'.substring(a.length) + a;
|
| | | }) + quote;
|
| | | }
|
| | |
|
| | | // Setup entities
|
| | | if (tinyMCE.getParam('entity_encoding') == 'named') {
|
| | | settings.cleanup_entities = [];
|
| | | entities = tinyMCE.getParam('entities', '', true, ',');
|
| | | for (i=0; i<entities.length; i+=2)
|
| | | settings.cleanup_entities['c' + entities[i]] = entities[i+1];
|
| | | if (t == 'object') {
|
| | | if (o.hasOwnProperty && o instanceof Array) {
|
| | | for (i=0, v = '['; i<o.length; i++)
|
| | | v += (i > 0 ? ',' : '') + serialize(o[i], quote);
|
| | |
|
| | | return v + ']';
|
| | | }
|
| | |
|
| | | v = '{';
|
| | |
|
| | | for (name in o) {
|
| | | if (o.hasOwnProperty(name)) {
|
| | | v += typeof o[name] != 'function' ? (v.length > 1 ? ',' + quote : quote) + name + quote +':' + serialize(o[name], quote) : '';
|
| | | }
|
| | | }
|
| | |
|
| | | return v + '}';
|
| | | }
|
| | |
|
| | | // Save away this config
|
| | | settings.index = this.configs.length;
|
| | | this.configs[this.configs.length] = settings;
|
| | | return '' + o;
|
| | | };
|
| | |
|
| | | // Start loading first one in chain
|
| | | this.loadNextScript();
|
| | | tinymce.util.JSON = {
|
| | | serialize: serialize,
|
| | |
|
| | | // Force flicker free CSS backgrounds in IE
|
| | | if (this.isIE && !this.isOpera) {
|
| | | parse: function(s) {
|
| | | try {
|
| | | document.execCommand('BackgroundImageCache', false, true);
|
| | | } catch (e) {
|
| | | return eval('(' + s + ')');
|
| | | } catch (ex) {
|
| | | // Ignore
|
| | | }
|
| | | }
|
| | |
|
| | | // Setup XML encoding regexps
|
| | | this.xmlEncodeRe = new RegExp('[<>&"]', 'g');
|
| | | },
|
| | | };
|
| | | })();
|
| | |
|
| | | _addUnloadEvents : function() {
|
| | | var st = tinyMCE.settings.add_unload_trigger;
|
| | | tinymce.create('static tinymce.util.XHR', {
|
| | | send : function(o) {
|
| | | var x, t, w = window, c = 0;
|
| | |
|
| | | if (tinyMCE.isIE) {
|
| | | if (st) {
|
| | | tinyMCE.addEvent(window, "unload", TinyMCE_Engine.prototype.unloadHandler);
|
| | | tinyMCE.addEvent(window.document, "beforeunload", TinyMCE_Engine.prototype.unloadHandler);
|
| | | }
|
| | | } else {
|
| | | if (st)
|
| | | tinyMCE.addEvent(window, "unload", function () {tinyMCE.triggerSave(true, true);});
|
| | | }
|
| | | },
|
| | | function ready() {
|
| | | if (!o.async || x.readyState == 4 || c++ > 10000) {
|
| | | if (o.success && c < 10000 && x.status == 200)
|
| | | o.success.call(o.success_scope, '' + x.responseText, x, o);
|
| | | else if (o.error)
|
| | | o.error.call(o.error_scope, c > 10000 ? 'TIMED_OUT' : 'GENERAL', x, o);
|
| | |
|
| | | _def : function(key, def_val, t) {
|
| | | var v = tinyMCE.getParam(key, def_val);
|
| | |
|
| | | v = t ? v.replace(/\s+/g, "") : v;
|
| | |
|
| | | this.settings[key] = v;
|
| | | },
|
| | |
|
| | | hasPlugin : function(n) {
|
| | | return typeof(this.plugins[n]) != "undefined" && this.plugins[n] != null;
|
| | | },
|
| | |
|
| | | addPlugin : function(n, p) {
|
| | | var op = this.plugins[n];
|
| | |
|
| | | // Use the previous plugin object base URL used when loading external plugins
|
| | | p.baseURL = op ? op.baseURL : tinyMCE.baseURL + "/plugins/" + n;
|
| | | this.plugins[n] = p;
|
| | |
|
| | | this.loadNextScript();
|
| | | },
|
| | |
|
| | | setPluginBaseURL : function(n, u) {
|
| | | var op = this.plugins[n];
|
| | |
|
| | | if (op)
|
| | | op.baseURL = u;
|
| | | else
|
| | | this.plugins[n] = {baseURL : u};
|
| | | },
|
| | |
|
| | | loadPlugin : function(n, u) {
|
| | | u = u.indexOf('.js') != -1 ? u.substring(0, u.lastIndexOf('/')) : u;
|
| | | u = u.charAt(u.length-1) == '/' ? u.substring(0, u.length-1) : u;
|
| | | this.plugins[n] = {baseURL : u};
|
| | | this.loadScript(u + "/editor_plugin" + (tinyMCE.srcMode ? '_src' : '') + ".js");
|
| | | },
|
| | |
|
| | | hasTheme : function(n) {
|
| | | return typeof(this.themes[n]) != "undefined" && this.themes[n] != null;
|
| | | },
|
| | |
|
| | | addTheme : function(n, t) {
|
| | | this.themes[n] = t;
|
| | |
|
| | | this.loadNextScript();
|
| | | },
|
| | |
|
| | | addMenu : function(n, m) {
|
| | | this.menus[n] = m;
|
| | | },
|
| | |
|
| | | hasMenu : function(n) {
|
| | | return typeof(this.plugins[n]) != "undefined" && this.plugins[n] != null;
|
| | | },
|
| | |
|
| | | loadScript : function(url) {
|
| | | var i;
|
| | |
|
| | | for (i=0; i<this.loadedFiles.length; i++) {
|
| | | if (this.loadedFiles[i] == url)
|
| | | return;
|
| | | }
|
| | |
|
| | | if (tinyMCE.settings.strict_loading_mode)
|
| | | this.pendingFiles[this.pendingFiles.length] = url;
|
| | | else
|
| | | document.write('<sc'+'ript language="javascript" type="text/javascript" src="' + url + '"></script>');
|
| | |
|
| | | this.loadedFiles[this.loadedFiles.length] = url;
|
| | | },
|
| | |
|
| | | loadNextScript : function() {
|
| | | var d = document, se;
|
| | |
|
| | | if (!tinyMCE.settings.strict_loading_mode)
|
| | | return;
|
| | |
|
| | | if (this.loadingIndex < this.pendingFiles.length) {
|
| | | se = d.createElementNS('http://www.w3.org/1999/xhtml', 'script');
|
| | | se.setAttribute('language', 'javascript');
|
| | | se.setAttribute('type', 'text/javascript');
|
| | | se.setAttribute('src', this.pendingFiles[this.loadingIndex++]);
|
| | |
|
| | | d.getElementsByTagName("head")[0].appendChild(se);
|
| | | } else
|
| | | this.loadingIndex = -1; // Done with loading
|
| | | },
|
| | |
|
| | | loadCSS : function(url) {
|
| | | var ar = url.replace(/\s+/, '').split(',');
|
| | | var lflen = 0, csslen = 0, skip = false;
|
| | | var x = 0, i = 0, nl, le;
|
| | |
|
| | | for (x = 0,csslen = ar.length; x<csslen; x++) {
|
| | | if (ar[x] != null && ar[x] != 'null' && ar[x].length > 0) {
|
| | | /* Make sure it doesn't exist. */
|
| | | for (i=0, lflen=this.loadedFiles.length; i<lflen; i++) {
|
| | | if (this.loadedFiles[i] == ar[x]) {
|
| | | skip = true;
|
| | | break;
|
| | | }
|
| | | }
|
| | |
|
| | | if (!skip) {
|
| | | if (tinyMCE.settings.strict_loading_mode) {
|
| | | nl = document.getElementsByTagName("head");
|
| | |
|
| | | le = document.createElement('link');
|
| | | le.setAttribute('href', ar[x]);
|
| | | le.setAttribute('rel', 'stylesheet');
|
| | | le.setAttribute('type', 'text/css');
|
| | |
|
| | | nl[0].appendChild(le); |
| | | } else
|
| | | document.write('<link href="' + ar[x] + '" rel="stylesheet" type="text/css" />');
|
| | |
|
| | | this.loadedFiles[this.loadedFiles.length] = ar[x];
|
| | | }
|
| | | }
|
| | | }
|
| | | },
|
| | |
|
| | | importCSS : function(doc, css) {
|
| | | var css_ary = css.replace(/\s+/, '').split(',');
|
| | | var csslen, elm, headArr, x, css_file;
|
| | |
|
| | | for (x = 0, csslen = css_ary.length; x<csslen; x++) {
|
| | | css_file = css_ary[x];
|
| | |
|
| | | if (css_file != null && css_file != 'null' && css_file.length > 0) {
|
| | | // Is relative, make absolute
|
| | | if (css_file.indexOf('://') == -1 && css_file.charAt(0) != '/')
|
| | | css_file = this.documentBasePath + "/" + css_file;
|
| | |
|
| | | if (typeof(doc.createStyleSheet) == "undefined") {
|
| | | elm = doc.createElement("link");
|
| | |
|
| | | elm.rel = "stylesheet";
|
| | | elm.href = css_file;
|
| | |
|
| | | if ((headArr = doc.getElementsByTagName("head")) != null && headArr.length > 0)
|
| | | headArr[0].appendChild(elm);
|
| | | } else
|
| | | doc.createStyleSheet(css_file);
|
| | | }
|
| | | }
|
| | | },
|
| | |
|
| | | confirmAdd : function(e, settings) {
|
| | | var elm = tinyMCE.isIE ? event.srcElement : e.target;
|
| | | var elementId = elm.name ? elm.name : elm.id;
|
| | |
|
| | | tinyMCE.settings = settings;
|
| | |
|
| | | if (tinyMCE.settings.convert_on_click || (!elm.getAttribute('mce_noask') && confirm(tinyMCELang.lang_edit_confirm)))
|
| | | tinyMCE.addMCEControl(elm, elementId);
|
| | |
|
| | | elm.setAttribute('mce_noask', 'true');
|
| | | },
|
| | |
|
| | | updateContent : function(form_element_name) {
|
| | | var formElement, n, inst, doc;
|
| | |
|
| | | // Find MCE instance linked to given form element and copy it's value
|
| | | formElement = document.getElementById(form_element_name);
|
| | | for (n in tinyMCE.instances) {
|
| | | inst = tinyMCE.instances[n];
|
| | |
|
| | | if (!tinyMCE.isInstance(inst))
|
| | | continue;
|
| | |
|
| | | inst.switchSettings();
|
| | |
|
| | | if (inst.formElement == formElement) {
|
| | | doc = inst.getDoc();
|
| | |
|
| | | tinyMCE._setHTML(doc, inst.formElement.value);
|
| | |
|
| | | if (!tinyMCE.isIE)
|
| | | doc.body.innerHTML = tinyMCE._cleanupHTML(inst, doc, this.settings, doc.body, inst.visualAid);
|
| | | }
|
| | | }
|
| | | },
|
| | |
|
| | | addMCEControl : function(replace_element, form_element_name, target_document) {
|
| | | var id = "mce_editor_" + tinyMCE.idCounter++;
|
| | | var inst = new TinyMCE_Control(tinyMCE.settings);
|
| | |
|
| | | inst.editorId = id;
|
| | | this.instances[id] = inst;
|
| | |
|
| | | inst._onAdd(replace_element, form_element_name, target_document);
|
| | | },
|
| | |
|
| | | removeInstance : function(ti) {
|
| | | var t = [], n, i;
|
| | |
|
| | | // Remove from instances
|
| | | for (n in tinyMCE.instances) {
|
| | | i = tinyMCE.instances[n];
|
| | |
|
| | | if (tinyMCE.isInstance(i) && ti != i)
|
| | | t[n] = i;
|
| | | }
|
| | |
|
| | | tinyMCE.instances = t;
|
| | |
|
| | | // Remove from global undo/redo
|
| | | n = [];
|
| | | t = tinyMCE.undoLevels;
|
| | |
|
| | | for (i=0; i<t.length; i++) {
|
| | | if (t[i] != ti)
|
| | | n.push(t[i]);
|
| | | }
|
| | |
|
| | | tinyMCE.undoLevels = n;
|
| | | tinyMCE.undoIndex = n.length;
|
| | |
|
| | | // Dispatch remove instance call
|
| | | tinyMCE.dispatchCallback(ti, 'remove_instance_callback', 'removeInstance', ti);
|
| | |
|
| | | return ti;
|
| | | },
|
| | |
|
| | | removeMCEControl : function(editor_id) {
|
| | | var inst = tinyMCE.getInstanceById(editor_id), h, re, ot, tn;
|
| | |
|
| | | if (inst) {
|
| | | inst.switchSettings();
|
| | |
|
| | | editor_id = inst.editorId;
|
| | | h = tinyMCE.getContent(editor_id);
|
| | |
|
| | | this.removeInstance(inst);
|
| | |
|
| | | tinyMCE.selectedElement = null;
|
| | | tinyMCE.selectedInstance = null;
|
| | |
|
| | | // Remove element
|
| | | re = document.getElementById(editor_id + "_parent");
|
| | | ot = inst.oldTargetElement;
|
| | | tn = ot.nodeName.toLowerCase();
|
| | |
|
| | | if (tn == "textarea" || tn == "input") {
|
| | | re.parentNode.removeChild(re);
|
| | | ot.style.display = "inline";
|
| | | ot.value = h;
|
| | | } else {
|
| | | ot.innerHTML = h;
|
| | | ot.style.display = 'block';
|
| | | re.parentNode.insertBefore(ot, re);
|
| | | re.parentNode.removeChild(re);
|
| | | }
|
| | | }
|
| | | },
|
| | |
|
| | | triggerSave : function(skip_cleanup, skip_callback) {
|
| | | var inst, n;
|
| | |
|
| | | // Default to false
|
| | | if (typeof(skip_cleanup) == "undefined")
|
| | | skip_cleanup = false;
|
| | |
|
| | | // Default to false
|
| | | if (typeof(skip_callback) == "undefined")
|
| | | skip_callback = false;
|
| | |
|
| | | // Cleanup and set all form fields
|
| | | for (n in tinyMCE.instances) {
|
| | | inst = tinyMCE.instances[n];
|
| | |
|
| | | if (!tinyMCE.isInstance(inst))
|
| | | continue;
|
| | |
|
| | | inst.triggerSave(skip_cleanup, skip_callback);
|
| | | }
|
| | | },
|
| | |
|
| | | resetForm : function(form_index) {
|
| | | var i, inst, n, formObj = document.forms[form_index];
|
| | |
|
| | | for (n in tinyMCE.instances) {
|
| | | inst = tinyMCE.instances[n];
|
| | |
|
| | | if (!tinyMCE.isInstance(inst))
|
| | | continue;
|
| | |
|
| | | inst.switchSettings();
|
| | |
|
| | | for (i=0; i<formObj.elements.length; i++) {
|
| | | if (inst.formTargetElementId == formObj.elements[i].name)
|
| | | inst.getBody().innerHTML = inst.startContent;
|
| | | }
|
| | | }
|
| | | },
|
| | |
|
| | | execInstanceCommand : function(editor_id, command, user_interface, value, focus) {
|
| | | var inst = tinyMCE.getInstanceById(editor_id), r;
|
| | |
|
| | | if (inst) {
|
| | | r = inst.selection.getRng();
|
| | |
|
| | | if (typeof(focus) == "undefined")
|
| | | focus = true;
|
| | |
|
| | | // IE bug lost focus on images in absolute divs Bug #1534575
|
| | | if (focus && (!r || !r.item))
|
| | | inst.contentWindow.focus();
|
| | |
|
| | | // Reset design mode if lost
|
| | | inst.autoResetDesignMode();
|
| | |
|
| | | this.selectedElement = inst.getFocusElement();
|
| | | inst.select();
|
| | | tinyMCE.execCommand(command, user_interface, value);
|
| | |
|
| | | // Cancel event so it doesn't call onbeforeonunlaod
|
| | | if (tinyMCE.isIE && window.event != null)
|
| | | tinyMCE.cancelEvent(window.event);
|
| | | }
|
| | | },
|
| | |
|
| | | execCommand : function(command, user_interface, value) {
|
| | | var inst = tinyMCE.selectedInstance, n, pe, te;
|
| | |
|
| | | // Default input
|
| | | user_interface = user_interface ? user_interface : false;
|
| | | value = value ? value : null;
|
| | |
|
| | | if (inst)
|
| | | inst.switchSettings();
|
| | |
|
| | | switch (command) {
|
| | | case "Undo":
|
| | | if (this.getParam('custom_undo_redo_global')) {
|
| | | if (this.undoIndex > 0) {
|
| | | tinyMCE.nextUndoRedoAction = 'Undo';
|
| | | inst = this.undoLevels[--this.undoIndex];
|
| | | inst.select();
|
| | |
|
| | | if (!tinyMCE.nextUndoRedoInstanceId)
|
| | | inst.execCommand('Undo');
|
| | | }
|
| | | } else
|
| | | inst.execCommand('Undo');
|
| | | return true;
|
| | |
|
| | | case "Redo":
|
| | | if (this.getParam('custom_undo_redo_global')) {
|
| | | if (this.undoIndex <= this.undoLevels.length - 1) {
|
| | | tinyMCE.nextUndoRedoAction = 'Redo';
|
| | | inst = this.undoLevels[this.undoIndex++];
|
| | | inst.select();
|
| | |
|
| | | if (!tinyMCE.nextUndoRedoInstanceId)
|
| | | inst.execCommand('Redo');
|
| | | }
|
| | | } else
|
| | | inst.execCommand('Redo');
|
| | |
|
| | | return true;
|
| | |
|
| | | case 'mceFocus':
|
| | | inst = tinyMCE.getInstanceById(value);
|
| | |
|
| | | if (inst)
|
| | | inst.getWin().focus();
|
| | | return;
|
| | |
|
| | | case "mceAddControl":
|
| | | case "mceAddEditor":
|
| | | tinyMCE.addMCEControl(tinyMCE._getElementById(value), value);
|
| | | return;
|
| | |
|
| | | case "mceAddFrameControl":
|
| | | tinyMCE.addMCEControl(tinyMCE._getElementById(value.element, value.document), value.element, value.document);
|
| | | return;
|
| | |
|
| | | case "mceRemoveControl":
|
| | | case "mceRemoveEditor":
|
| | | tinyMCE.removeMCEControl(value);
|
| | | return;
|
| | |
|
| | | case "mceToggleEditor":
|
| | | inst = tinyMCE.getInstanceById(value);
|
| | |
|
| | | if (inst) {
|
| | | pe = document.getElementById(inst.editorId + '_parent');
|
| | | te = inst.oldTargetElement;
|
| | |
|
| | | if (typeof(inst.enabled) == 'undefined')
|
| | | inst.enabled = true;
|
| | |
|
| | | inst.enabled = !inst.enabled;
|
| | |
|
| | | if (!inst.enabled) {
|
| | | pe.style.display = 'none';
|
| | |
|
| | | if (te.nodeName == 'TEXTAREA' || te.nodeName == 'INPUT')
|
| | | te.value = inst.getHTML();
|
| | | else
|
| | | te.innerHTML = inst.getHTML();
|
| | |
|
| | | te.style.display = inst.oldTargetDisplay;
|
| | | tinyMCE.dispatchCallback(inst, 'hide_instance_callback', 'hideInstance', inst);
|
| | | } else {
|
| | | pe.style.display = 'block';
|
| | | te.style.display = 'none';
|
| | |
|
| | | if (te.nodeName == 'TEXTAREA' || te.nodeName == 'INPUT')
|
| | | inst.setHTML(te.value);
|
| | | else
|
| | | inst.setHTML(te.innerHTML);
|
| | |
|
| | | inst.useCSS = false;
|
| | | tinyMCE.dispatchCallback(inst, 'show_instance_callback', 'showInstance', inst);
|
| | | }
|
| | | } else
|
| | | tinyMCE.addMCEControl(tinyMCE._getElementById(value), value);
|
| | |
|
| | | return;
|
| | |
|
| | | case "mceResetDesignMode":
|
| | | // Resets the designmode state of the editors in Gecko
|
| | | if (tinyMCE.isGecko) {
|
| | | for (n in tinyMCE.instances) {
|
| | | if (!tinyMCE.isInstance(tinyMCE.instances[n]))
|
| | | continue;
|
| | |
|
| | | try {
|
| | | tinyMCE.instances[n].getDoc().designMode = "off";
|
| | | tinyMCE.instances[n].getDoc().designMode = "on";
|
| | | tinyMCE.instances[n].useCSS = false;
|
| | | } catch (e) {
|
| | | // Ignore any errors
|
| | | }
|
| | | }
|
| | | }
|
| | |
|
| | | return;
|
| | | }
|
| | |
|
| | | if (inst) {
|
| | | inst.execCommand(command, user_interface, value);
|
| | | } else if (tinyMCE.settings.focus_alert)
|
| | | alert(tinyMCELang.lang_focus_alert);
|
| | | },
|
| | |
|
| | | _createIFrame : function(replace_element, doc, win) {
|
| | | var iframe, id = replace_element.getAttribute("id");
|
| | | var aw, ah;
|
| | |
|
| | | if (typeof(doc) == "undefined")
|
| | | doc = document;
|
| | |
|
| | | if (typeof(win) == "undefined")
|
| | | win = window;
|
| | |
|
| | | iframe = doc.createElement("iframe");
|
| | |
|
| | | aw = "" + tinyMCE.settings.area_width;
|
| | | ah = "" + tinyMCE.settings.area_height;
|
| | |
|
| | | if (aw.indexOf('%') == -1) {
|
| | | aw = parseInt(aw);
|
| | | aw = (isNaN(aw) || aw < 0) ? 300 : aw;
|
| | | aw = aw + "px";
|
| | | }
|
| | |
|
| | | if (ah.indexOf('%') == -1) {
|
| | | ah = parseInt(ah);
|
| | | ah = (isNaN(ah) || ah < 0) ? 240 : ah;
|
| | | ah = ah + "px";
|
| | | }
|
| | |
|
| | | iframe.setAttribute("id", id);
|
| | | iframe.setAttribute("name", id);
|
| | | iframe.setAttribute("class", "mceEditorIframe");
|
| | | iframe.setAttribute("border", "0");
|
| | | iframe.setAttribute("frameBorder", "0");
|
| | | iframe.setAttribute("marginWidth", "0");
|
| | | iframe.setAttribute("marginHeight", "0");
|
| | | iframe.setAttribute("leftMargin", "0");
|
| | | iframe.setAttribute("topMargin", "0");
|
| | | iframe.setAttribute("width", aw);
|
| | | iframe.setAttribute("height", ah);
|
| | | iframe.setAttribute("allowtransparency", "true");
|
| | | iframe.className = 'mceEditorIframe';
|
| | |
|
| | | if (tinyMCE.settings.auto_resize)
|
| | | iframe.setAttribute("scrolling", "no");
|
| | |
|
| | | // Must have a src element in MSIE HTTPs breaks aswell as absoute URLs
|
| | | if (tinyMCE.isRealIE)
|
| | | iframe.setAttribute("src", this.settings.default_document);
|
| | |
|
| | | iframe.style.width = aw;
|
| | | iframe.style.height = ah;
|
| | |
|
| | | // Ugly hack for Gecko problem in strict mode
|
| | | if (tinyMCE.settings.strict_loading_mode)
|
| | | iframe.style.marginBottom = '-5px';
|
| | |
|
| | | // MSIE 5.0 issue
|
| | | if (tinyMCE.isRealIE)
|
| | | replace_element.outerHTML = iframe.outerHTML;
|
| | | else
|
| | | replace_element.parentNode.replaceChild(iframe, replace_element);
|
| | |
|
| | | if (tinyMCE.isRealIE)
|
| | | return win.frames[id];
|
| | | else
|
| | | return iframe;
|
| | | },
|
| | |
|
| | | setupContent : function(editor_id) {
|
| | | var inst = tinyMCE.instances[editor_id], i, doc = inst.getDoc(), head = doc.getElementsByTagName('head').item(0);
|
| | | var content = inst.startContent, contentElement, body;
|
| | |
|
| | | // HTML values get XML encoded in strict mode
|
| | | if (tinyMCE.settings.strict_loading_mode) {
|
| | | content = content.replace(/</g, '<');
|
| | | content = content.replace(/>/g, '>');
|
| | | content = content.replace(/"/g, '"');
|
| | | content = content.replace(/&/g, '&');
|
| | | }
|
| | |
|
| | | tinyMCE.selectedInstance = inst;
|
| | | inst.switchSettings();
|
| | |
|
| | | // Not loaded correctly hit it again, Mozilla bug #997860
|
| | | if (!tinyMCE.isIE && tinyMCE.getParam("setupcontent_reload", false) && doc.title != "blank_page") {
|
| | | // This part will remove the designMode status
|
| | | // Failes first time in Firefox 1.5b2 on Mac
|
| | | try {doc.location.href = tinyMCE.baseURL + "/blank.htm";} catch (ex) {}
|
| | | window.setTimeout("tinyMCE.setupContent('" + editor_id + "');", 1000);
|
| | | return;
|
| | | }
|
| | |
|
| | | // Wait for it to load
|
| | | if (!head || !doc.body) {
|
| | | window.setTimeout("tinyMCE.setupContent('" + editor_id + "');", 10);
|
| | | return;
|
| | | }
|
| | |
|
| | | // Import theme specific content CSS the user specific
|
| | | tinyMCE.importCSS(inst.getDoc(), tinyMCE.baseURL + "/themes/" + inst.settings.theme + "/css/editor_content.css");
|
| | | tinyMCE.importCSS(inst.getDoc(), inst.settings.content_css);
|
| | | tinyMCE.dispatchCallback(inst, 'init_instance_callback', 'initInstance', inst);
|
| | |
|
| | | // Setup keyboard shortcuts
|
| | | if (tinyMCE.getParam('custom_undo_redo_keyboard_shortcuts')) {
|
| | | inst.addShortcut('ctrl', 'z', 'lang_undo_desc', 'Undo');
|
| | | inst.addShortcut('ctrl', 'y', 'lang_redo_desc', 'Redo');
|
| | | }
|
| | |
|
| | | // BlockFormat shortcuts keys
|
| | | for (i=1; i<=6; i++)
|
| | | inst.addShortcut('ctrl', '' + i, '', 'FormatBlock', false, '<h' + i + '>');
|
| | |
|
| | | inst.addShortcut('ctrl', '7', '', 'FormatBlock', false, '<p>');
|
| | | inst.addShortcut('ctrl', '8', '', 'FormatBlock', false, '<div>');
|
| | | inst.addShortcut('ctrl', '9', '', 'FormatBlock', false, '<address>');
|
| | |
|
| | | // Add default shortcuts for gecko
|
| | | if (tinyMCE.isGecko) {
|
| | | inst.addShortcut('ctrl', 'b', 'lang_bold_desc', 'Bold');
|
| | | inst.addShortcut('ctrl', 'i', 'lang_italic_desc', 'Italic');
|
| | | inst.addShortcut('ctrl', 'u', 'lang_underline_desc', 'Underline');
|
| | | }
|
| | |
|
| | | // Setup span styles
|
| | | if (tinyMCE.getParam("convert_fonts_to_spans"))
|
| | | inst.getBody().setAttribute('id', 'mceSpanFonts');
|
| | |
|
| | | if (tinyMCE.settings.nowrap)
|
| | | doc.body.style.whiteSpace = "nowrap";
|
| | |
|
| | | doc.body.dir = this.settings.directionality;
|
| | | doc.editorId = editor_id;
|
| | |
|
| | | // Add on document element in Mozilla
|
| | | if (!tinyMCE.isIE)
|
| | | doc.documentElement.editorId = editor_id;
|
| | |
|
| | | inst.setBaseHREF(tinyMCE.settings.base_href);
|
| | |
|
| | | // Replace new line characters to BRs
|
| | | if (tinyMCE.settings.convert_newlines_to_brs) {
|
| | | content = tinyMCE.regexpReplace(content, "\r\n", "<br />", "gi");
|
| | | content = tinyMCE.regexpReplace(content, "\r", "<br />", "gi");
|
| | | content = tinyMCE.regexpReplace(content, "\n", "<br />", "gi");
|
| | | }
|
| | |
|
| | | // Open closed anchors
|
| | | // content = content.replace(new RegExp('<a(.*?)/>', 'gi'), '<a$1></a>');
|
| | |
|
| | | // Call custom cleanup code
|
| | | content = tinyMCE.storeAwayURLs(content);
|
| | | content = tinyMCE._customCleanup(inst, "insert_to_editor", content);
|
| | |
|
| | | if (tinyMCE.isIE) {
|
| | | // Ugly!!!
|
| | | window.setInterval('try{tinyMCE.getCSSClasses(tinyMCE.instances["' + editor_id + '"].getDoc(), "' + editor_id + '");}catch(e){}', 500);
|
| | |
|
| | | if (tinyMCE.settings.force_br_newlines)
|
| | | doc.styleSheets[0].addRule("p", "margin: 0;");
|
| | |
|
| | | body = inst.getBody();
|
| | | body.editorId = editor_id;
|
| | | }
|
| | |
|
| | | content = tinyMCE.cleanupHTMLCode(content);
|
| | |
|
| | | // Fix for bug #958637
|
| | | if (!tinyMCE.isIE) {
|
| | | contentElement = inst.getDoc().createElement("body");
|
| | | doc = inst.getDoc();
|
| | |
|
| | | contentElement.innerHTML = content;
|
| | |
|
| | | if (tinyMCE.settings.cleanup_on_startup)
|
| | | tinyMCE.setInnerHTML(inst.getBody(), tinyMCE._cleanupHTML(inst, doc, this.settings, contentElement));
|
| | | else
|
| | | tinyMCE.setInnerHTML(inst.getBody(), content);
|
| | |
|
| | | tinyMCE.convertAllRelativeURLs(inst.getBody());
|
| | | } else {
|
| | | if (tinyMCE.settings.cleanup_on_startup) {
|
| | | tinyMCE._setHTML(inst.getDoc(), content);
|
| | |
|
| | | // Produces permission denied error in MSIE 5.5
|
| | | try {
|
| | | tinyMCE.setInnerHTML(inst.getBody(), tinyMCE._cleanupHTML(inst, inst.contentDocument, this.settings, inst.getBody()));
|
| | | } catch(e) {
|
| | | // Ignore
|
| | | }
|
| | | x = null;
|
| | | } else
|
| | | tinyMCE._setHTML(inst.getDoc(), content);
|
| | | }
|
| | | w.setTimeout(ready, 10);
|
| | | };
|
| | |
|
| | | // Fix for bug #957681
|
| | | //inst.getDoc().designMode = inst.getDoc().designMode;
|
| | | // Default settings
|
| | | o.scope = o.scope || this;
|
| | | o.success_scope = o.success_scope || o.scope;
|
| | | o.error_scope = o.error_scope || o.scope;
|
| | | o.async = o.async === false ? false : true;
|
| | | o.data = o.data || '';
|
| | |
|
| | | tinyMCE.handleVisualAid(inst.getBody(), true, tinyMCE.settings.visual, inst);
|
| | | tinyMCE.dispatchCallback(inst, 'setupcontent_callback', 'setupContent', editor_id, inst.getBody(), inst.getDoc());
|
| | | function get(s) {
|
| | | x = 0;
|
| | |
|
| | | // Re-add design mode on mozilla
|
| | | if (!tinyMCE.isIE)
|
| | | tinyMCE.addEventHandlers(inst);
|
| | |
|
| | | // Add blur handler
|
| | | if (tinyMCE.isIE) {
|
| | | tinyMCE.addEvent(inst.getBody(), "blur", TinyMCE_Engine.prototype._eventPatch);
|
| | | tinyMCE.addEvent(inst.getBody(), "beforedeactivate", TinyMCE_Engine.prototype._eventPatch); // Bug #1439953
|
| | |
|
| | | // Workaround for drag drop/copy paste base href bug
|
| | | if (!tinyMCE.isOpera) {
|
| | | tinyMCE.addEvent(doc.body, "mousemove", TinyMCE_Engine.prototype.onMouseMove);
|
| | | tinyMCE.addEvent(doc.body, "beforepaste", TinyMCE_Engine.prototype._eventPatch);
|
| | | tinyMCE.addEvent(doc.body, "drop", TinyMCE_Engine.prototype._eventPatch);
|
| | | }
|
| | | }
|
| | |
|
| | | // Trigger node change, this call locks buttons for tables and so forth
|
| | | inst.select();
|
| | | tinyMCE.selectedElement = inst.contentWindow.document.body;
|
| | |
|
| | | // Call custom DOM cleanup
|
| | | tinyMCE._customCleanup(inst, "insert_to_editor_dom", inst.getBody());
|
| | | tinyMCE._customCleanup(inst, "setup_content_dom", inst.getBody());
|
| | | tinyMCE._setEventsEnabled(inst.getBody(), false);
|
| | | tinyMCE.cleanupAnchors(inst.getDoc());
|
| | |
|
| | | if (tinyMCE.getParam("convert_fonts_to_spans"))
|
| | | tinyMCE.convertSpansToFonts(inst.getDoc());
|
| | |
|
| | | inst.startContent = tinyMCE.trim(inst.getBody().innerHTML);
|
| | | inst.undoRedo.add({ content : inst.startContent });
|
| | |
|
| | | // Cleanup any mess left from storyAwayURLs
|
| | | if (tinyMCE.isGecko) {
|
| | | // Remove mce_src from textnodes and comments
|
| | | tinyMCE.selectNodes(inst.getBody(), function(n) {
|
| | | if (n.nodeType == 3 || n.nodeType == 8)
|
| | | n.nodeValue = n.nodeValue.replace(new RegExp('\\s(mce_src|mce_href)=\"[^\"]*\"', 'gi'), "");
|
| | |
|
| | | return false;
|
| | | });
|
| | | }
|
| | |
|
| | | // Remove Gecko spellchecking
|
| | | if (tinyMCE.isGecko)
|
| | | inst.getBody().spellcheck = tinyMCE.getParam("gecko_spellcheck");
|
| | |
|
| | | // Cleanup any mess left from storyAwayURLs
|
| | | tinyMCE._removeInternal(inst.getBody());
|
| | |
|
| | | inst.select();
|
| | | tinyMCE.triggerNodeChange(false, true);
|
| | | },
|
| | |
|
| | | storeAwayURLs : function(s) {
|
| | | // Remove all mce_src, mce_href and replace them with new ones
|
| | | // s = s.replace(new RegExp('mce_src\\s*=\\s*\"[^ >\"]*\"', 'gi'), '');
|
| | | // s = s.replace(new RegExp('mce_href\\s*=\\s*\"[^ >\"]*\"', 'gi'), '');
|
| | |
|
| | | if (!s.match(/(mce_src|mce_href)/gi, s)) {
|
| | | s = s.replace(new RegExp('src\\s*=\\s*\"([^ >\"]*)\"', 'gi'), 'src="$1" mce_src="$1"');
|
| | | s = s.replace(new RegExp('href\\s*=\\s*\"([^ >\"]*)\"', 'gi'), 'href="$1" mce_href="$1"');
|
| | | }
|
| | |
|
| | | return s;
|
| | | },
|
| | |
|
| | | _removeInternal : function(n) {
|
| | | if (tinyMCE.isGecko) {
|
| | | // Remove mce_src from textnodes and comments
|
| | | tinyMCE.selectNodes(n, function(n) {
|
| | | if (n.nodeType == 3 || n.nodeType == 8)
|
| | | n.nodeValue = n.nodeValue.replace(new RegExp('\\s(mce_src|mce_href)=\"[^\"]*\"', 'gi'), "");
|
| | |
|
| | | return false;
|
| | | });
|
| | | }
|
| | | },
|
| | |
|
| | | removeTinyMCEFormElements : function(form_obj) {
|
| | | var i, elementId;
|
| | |
|
| | | // Skip form element removal
|
| | | if (!tinyMCE.getParam('hide_selects_on_submit'))
|
| | | return;
|
| | |
|
| | | // Check if form is valid
|
| | | if (typeof(form_obj) == "undefined" || form_obj == null)
|
| | | return;
|
| | |
|
| | | // If not a form, find the form
|
| | | if (form_obj.nodeName != "FORM") {
|
| | | if (form_obj.form)
|
| | | form_obj = form_obj.form;
|
| | | else
|
| | | form_obj = tinyMCE.getParentElement(form_obj, "form");
|
| | | }
|
| | |
|
| | | // Still nothing
|
| | | if (form_obj == null)
|
| | | return;
|
| | |
|
| | | // Disable all UI form elements that TinyMCE created
|
| | | for (i=0; i<form_obj.elements.length; i++) {
|
| | | elementId = form_obj.elements[i].name ? form_obj.elements[i].name : form_obj.elements[i].id;
|
| | |
|
| | | if (elementId.indexOf('mce_editor_') == 0)
|
| | | form_obj.elements[i].disabled = true;
|
| | | }
|
| | | },
|
| | |
|
| | | handleEvent : function(e) {
|
| | | var inst = tinyMCE.selectedInstance, i, elm, keys;
|
| | |
|
| | | // Remove odd, error
|
| | | if (typeof(tinyMCE) == "undefined")
|
| | | return true;
|
| | |
|
| | | //tinyMCE.debug(e.type + " " + e.target.nodeName + " " + (e.relatedTarget ? e.relatedTarget.nodeName : ""));
|
| | |
|
| | | if (tinyMCE.executeCallback(tinyMCE.selectedInstance, 'handle_event_callback', 'handleEvent', e))
|
| | | return false;
|
| | |
|
| | | switch (e.type) {
|
| | | case "beforedeactivate": // Was added due to bug #1439953
|
| | | case "blur":
|
| | | if (tinyMCE.selectedInstance)
|
| | | tinyMCE.selectedInstance.execCommand('mceEndTyping');
|
| | |
|
| | | tinyMCE.hideMenus();
|
| | |
|
| | | return;
|
| | |
|
| | | // Workaround for drag drop/copy paste base href bug
|
| | | case "drop":
|
| | | case "beforepaste":
|
| | | if (tinyMCE.selectedInstance)
|
| | | tinyMCE.selectedInstance.setBaseHREF(null);
|
| | |
|
| | | // Fixes odd MSIE bug where drag/droping elements in a iframe with height 100% breaks
|
| | | // This logic forces the width/height to be in pixels while the user is drag/dropping
|
| | | if (tinyMCE.isRealIE) {
|
| | | var ife = tinyMCE.selectedInstance.iframeElement;
|
| | |
|
| | | /*if (ife.style.width.indexOf('%') != -1) {
|
| | | ife._oldWidth = ife.width.height;
|
| | | ife.style.width = ife.clientWidth;
|
| | | }*/
|
| | |
|
| | | if (ife.style.height.indexOf('%') != -1) {
|
| | | ife._oldHeight = ife.style.height;
|
| | | ife.style.height = ife.clientHeight;
|
| | | }
|
| | | }
|
| | |
|
| | | window.setTimeout("tinyMCE.selectedInstance.setBaseHREF(tinyMCE.settings.base_href);tinyMCE._resetIframeHeight();", 1);
|
| | | return;
|
| | |
|
| | | case "submit":
|
| | | tinyMCE.formSubmit(tinyMCE.isMSIE ? window.event.srcElement : e.target);
|
| | | return;
|
| | |
|
| | | case "reset":
|
| | | var formObj = tinyMCE.isIE ? window.event.srcElement : e.target;
|
| | |
|
| | | for (i=0; i<document.forms.length; i++) {
|
| | | if (document.forms[i] == formObj)
|
| | | window.setTimeout('tinyMCE.resetForm(' + i + ');', 10);
|
| | | }
|
| | |
|
| | | return;
|
| | |
|
| | | case "keypress":
|
| | | if (inst && inst.handleShortcut(e))
|
| | | return false;
|
| | |
|
| | | if (e.target.editorId) {
|
| | | tinyMCE.instances[e.target.editorId].select();
|
| | | } else {
|
| | | if (e.target.ownerDocument.editorId)
|
| | | tinyMCE.instances[e.target.ownerDocument.editorId].select();
|
| | | }
|
| | |
|
| | | if (tinyMCE.selectedInstance)
|
| | | tinyMCE.selectedInstance.switchSettings();
|
| | |
|
| | | // Insert P element
|
| | | if ((tinyMCE.isGecko || tinyMCE.isOpera || tinyMCE.isSafari) && tinyMCE.settings.force_p_newlines && e.keyCode == 13 && !e.shiftKey) {
|
| | | // Insert P element instead of BR
|
| | | if (TinyMCE_ForceParagraphs._insertPara(tinyMCE.selectedInstance, e)) {
|
| | | // Cancel event
|
| | | tinyMCE.execCommand("mceAddUndoLevel");
|
| | | return tinyMCE.cancelEvent(e);
|
| | | }
|
| | | }
|
| | |
|
| | | // Handle backspace
|
| | | if ((tinyMCE.isGecko && !tinyMCE.isSafari) && tinyMCE.settings.force_p_newlines && (e.keyCode == 8 || e.keyCode == 46) && !e.shiftKey) {
|
| | | // Insert P element instead of BR
|
| | | if (TinyMCE_ForceParagraphs._handleBackSpace(tinyMCE.selectedInstance, e.type)) {
|
| | | // Cancel event
|
| | | tinyMCE.execCommand("mceAddUndoLevel");
|
| | | return tinyMCE.cancelEvent(e);
|
| | | }
|
| | | }
|
| | |
|
| | | // Return key pressed
|
| | | if (tinyMCE.isIE && tinyMCE.settings.force_br_newlines && e.keyCode == 13) {
|
| | | if (e.target.editorId)
|
| | | tinyMCE.instances[e.target.editorId].select();
|
| | |
|
| | | if (tinyMCE.selectedInstance) {
|
| | | var sel = tinyMCE.selectedInstance.getDoc().selection;
|
| | | var rng = sel.createRange();
|
| | |
|
| | | if (tinyMCE.getParentElement(rng.parentElement(), "li") != null)
|
| | | return false;
|
| | |
|
| | | // Cancel event
|
| | | e.returnValue = false;
|
| | | e.cancelBubble = true;
|
| | |
|
| | | // Insert BR element
|
| | | rng.pasteHTML("<br />");
|
| | | rng.collapse(false);
|
| | | rng.select();
|
| | |
|
| | | tinyMCE.execCommand("mceAddUndoLevel");
|
| | | tinyMCE.triggerNodeChange(false);
|
| | | return false;
|
| | | }
|
| | | }
|
| | |
|
| | | // Backspace or delete
|
| | | if (e.keyCode == 8 || e.keyCode == 46) {
|
| | | tinyMCE.selectedElement = e.target;
|
| | | tinyMCE.linkElement = tinyMCE.getParentElement(e.target, "a");
|
| | | tinyMCE.imgElement = tinyMCE.getParentElement(e.target, "img");
|
| | | tinyMCE.triggerNodeChange(false);
|
| | | }
|
| | |
|
| | | return false;
|
| | |
|
| | | case "keyup":
|
| | | case "keydown":
|
| | | tinyMCE.hideMenus();
|
| | | tinyMCE.hasMouseMoved = false;
|
| | |
|
| | | if (inst && inst.handleShortcut(e))
|
| | | return false;
|
| | |
|
| | | inst._fixRootBlocks();
|
| | |
|
| | | if (inst.settings.remove_trailing_nbsp)
|
| | | inst._fixTrailingNbsp();
|
| | |
|
| | | if (e.target.editorId)
|
| | | tinyMCE.instances[e.target.editorId].select();
|
| | |
|
| | | if (tinyMCE.selectedInstance)
|
| | | tinyMCE.selectedInstance.switchSettings();
|
| | |
|
| | | inst = tinyMCE.selectedInstance;
|
| | |
|
| | | // Handle backspace
|
| | | if (tinyMCE.isGecko && tinyMCE.settings.force_p_newlines && (e.keyCode == 8 || e.keyCode == 46) && !e.shiftKey) {
|
| | | // Insert P element instead of BR
|
| | | if (TinyMCE_ForceParagraphs._handleBackSpace(tinyMCE.selectedInstance, e.type)) {
|
| | | // Cancel event
|
| | | tinyMCE.execCommand("mceAddUndoLevel");
|
| | | e.preventDefault();
|
| | | return false;
|
| | | }
|
| | | }
|
| | |
|
| | | tinyMCE.selectedElement = null;
|
| | | tinyMCE.selectedNode = null;
|
| | | elm = tinyMCE.selectedInstance.getFocusElement();
|
| | | tinyMCE.linkElement = tinyMCE.getParentElement(elm, "a");
|
| | | tinyMCE.imgElement = tinyMCE.getParentElement(elm, "img");
|
| | | tinyMCE.selectedElement = elm;
|
| | |
|
| | | // Update visualaids on tabs
|
| | | if (tinyMCE.isGecko && e.type == "keyup" && e.keyCode == 9)
|
| | | tinyMCE.handleVisualAid(tinyMCE.selectedInstance.getBody(), true, tinyMCE.settings.visual, tinyMCE.selectedInstance);
|
| | |
|
| | | // Fix empty elements on return/enter, check where enter occured
|
| | | if (tinyMCE.isIE && e.type == "keydown" && e.keyCode == 13)
|
| | | tinyMCE.enterKeyElement = tinyMCE.selectedInstance.getFocusElement();
|
| | |
|
| | | // Fix empty elements on return/enter
|
| | | if (tinyMCE.isIE && e.type == "keyup" && e.keyCode == 13) {
|
| | | elm = tinyMCE.enterKeyElement;
|
| | | if (elm) {
|
| | | var re = new RegExp('^HR|IMG|BR$','g'); // Skip these
|
| | | var dre = new RegExp('^H[1-6]$','g'); // Add double on these
|
| | |
|
| | | if (!elm.hasChildNodes() && !re.test(elm.nodeName)) {
|
| | | if (dre.test(elm.nodeName))
|
| | | elm.innerHTML = " ";
|
| | | else
|
| | | elm.innerHTML = " ";
|
| | | }
|
| | | }
|
| | | }
|
| | |
|
| | | // Check if it's a position key
|
| | | keys = tinyMCE.posKeyCodes;
|
| | | var posKey = false;
|
| | | for (i=0; i<keys.length; i++) {
|
| | | if (keys[i] == e.keyCode) {
|
| | | posKey = true;
|
| | | break;
|
| | | }
|
| | | }
|
| | |
|
| | | // MSIE custom key handling
|
| | | if (tinyMCE.isIE && tinyMCE.settings.custom_undo_redo) {
|
| | | keys = [8, 46]; // Backspace,Delete
|
| | |
|
| | | for (i=0; i<keys.length; i++) {
|
| | | if (keys[i] == e.keyCode) {
|
| | | if (e.type == "keyup")
|
| | | tinyMCE.triggerNodeChange(false);
|
| | | }
|
| | | }
|
| | | }
|
| | |
|
| | | // If Ctrl key
|
| | | if (e.keyCode == 17)
|
| | | return true;
|
| | |
|
| | | // Handle Undo/Redo when typing content
|
| | |
|
| | | if (tinyMCE.isGecko) {
|
| | | // Start typing (not a position key or ctrl key, but ctrl+x and ctrl+p is ok)
|
| | | if (!posKey && e.type == "keyup" && !e.ctrlKey || (e.ctrlKey && (e.keyCode == 86 || e.keyCode == 88)))
|
| | | tinyMCE.execCommand("mceStartTyping");
|
| | | } else {
|
| | | // IE seems to be working better with this setting
|
| | | if (!posKey && e.type == "keyup")
|
| | | tinyMCE.execCommand("mceStartTyping");
|
| | | }
|
| | |
|
| | | // Store undo bookmark
|
| | | if (e.type == "keydown" && (posKey || e.ctrlKey) && inst)
|
| | | inst.undoBookmark = inst.selection.getBookmark();
|
| | |
|
| | | // End typing (position key) or some Ctrl event
|
| | | if (e.type == "keyup" && (posKey || e.ctrlKey))
|
| | | tinyMCE.execCommand("mceEndTyping");
|
| | |
|
| | | if (posKey && e.type == "keyup")
|
| | | tinyMCE.triggerNodeChange(false);
|
| | |
|
| | | if (tinyMCE.isIE && e.ctrlKey)
|
| | | window.setTimeout('tinyMCE.triggerNodeChange(false);', 1);
|
| | | break;
|
| | |
|
| | | case "mousedown":
|
| | | case "mouseup":
|
| | | case "click":
|
| | | case "dblclick":
|
| | | case "focus":
|
| | | tinyMCE.hideMenus();
|
| | |
|
| | | if (tinyMCE.selectedInstance) {
|
| | | tinyMCE.selectedInstance.switchSettings();
|
| | | tinyMCE.selectedInstance.isFocused = true;
|
| | | }
|
| | |
|
| | | // Check instance event trigged on
|
| | | var targetBody = tinyMCE.getParentElement(e.target, "html");
|
| | | for (var instanceName in tinyMCE.instances) {
|
| | | if (!tinyMCE.isInstance(tinyMCE.instances[instanceName]))
|
| | | continue;
|
| | |
|
| | | inst = tinyMCE.instances[instanceName];
|
| | |
|
| | | // Reset design mode if lost (on everything just in case)
|
| | | inst.autoResetDesignMode();
|
| | |
|
| | | // Use HTML element since users might click outside of body element
|
| | | if (inst.getBody().parentNode == targetBody) {
|
| | | inst.select();
|
| | | tinyMCE.selectedElement = e.target;
|
| | | tinyMCE.linkElement = tinyMCE.getParentElement(tinyMCE.selectedElement, "a");
|
| | | tinyMCE.imgElement = tinyMCE.getParentElement(tinyMCE.selectedElement, "img");
|
| | | break;
|
| | | }
|
| | | }
|
| | |
|
| | | // Add first bookmark location
|
| | | if (!tinyMCE.selectedInstance.undoRedo.undoLevels[0].bookmark && (e.type == "mouseup" || e.type == "dblclick"))
|
| | | tinyMCE.selectedInstance.undoRedo.undoLevels[0].bookmark = tinyMCE.selectedInstance.selection.getBookmark();
|
| | |
|
| | | // Reset selected node
|
| | | if (e.type != "focus")
|
| | | tinyMCE.selectedNode = null;
|
| | |
|
| | | tinyMCE.triggerNodeChange(false);
|
| | | tinyMCE.execCommand("mceEndTyping");
|
| | |
|
| | | if (e.type == "mouseup")
|
| | | tinyMCE.execCommand("mceAddUndoLevel");
|
| | |
|
| | | // Just in case
|
| | | if (!tinyMCE.selectedInstance && e.target.editorId)
|
| | | tinyMCE.instances[e.target.editorId].select();
|
| | |
|
| | | return false;
|
| | | }
|
| | | },
|
| | |
|
| | | getButtonHTML : function(id, lang, img, cmd, ui, val) {
|
| | | var h = '', m, x, io = '';
|
| | |
|
| | | cmd = 'tinyMCE.execInstanceCommand(\'{$editor_id}\',\'' + cmd + '\'';
|
| | |
|
| | | if (typeof(ui) != "undefined" && ui != null)
|
| | | cmd += ',' + ui;
|
| | |
|
| | | if (typeof(val) != "undefined" && val != null)
|
| | | cmd += ",'" + val + "'";
|
| | |
|
| | | cmd += ');';
|
| | |
|
| | | // Patch for IE7 bug with hover out not restoring correctly
|
| | | if (tinyMCE.isRealIE)
|
| | | io = 'onmouseover="tinyMCE.lastHover = this;"';
|
| | |
|
| | | // Use tilemaps when enabled and found and never in MSIE since it loads the tile each time from cache if cahce is disabled
|
| | | if (tinyMCE.getParam('button_tile_map') && (!tinyMCE.isIE || tinyMCE.isOpera) && (m = this.buttonMap[id]) != null && (tinyMCE.getParam("language") == "en" || img.indexOf('$lang') == -1)) {
|
| | | // Tiled button
|
| | | x = 0 - (m * 20) == 0 ? '0' : 0 - (m * 20);
|
| | | h += '<a id="{$editor_id}_' + id + '" href="javascript:' + cmd + '" onclick="' + cmd + 'return false;" onmousedown="return false;" ' + io + ' class="mceTiledButton mceButtonNormal" target="_self">';
|
| | | h += '<img src="{$themeurl}/images/spacer.gif" style="background-position: ' + x + 'px 0" alt="{$'+lang+'}" title="{$' + lang + '}" />';
|
| | | h += '</a>';
|
| | | } else {
|
| | | // Normal button
|
| | | h += '<a id="{$editor_id}_' + id + '" href="javascript:' + cmd + '" onclick="' + cmd + 'return false;" onmousedown="return false;" ' + io + ' class="mceButtonNormal" target="_self">';
|
| | | h += '<img src="' + img + '" alt="{$'+lang+'}" title="{$' + lang + '}" />';
|
| | | h += '</a>';
|
| | | }
|
| | |
|
| | | return h;
|
| | | },
|
| | |
|
| | | getMenuButtonHTML : function(id, lang, img, mcmd, cmd, ui, val) {
|
| | | var h = '', m, x;
|
| | |
|
| | | mcmd = 'tinyMCE.execInstanceCommand(\'{$editor_id}\',\'' + mcmd + '\');';
|
| | | cmd = 'tinyMCE.execInstanceCommand(\'{$editor_id}\',\'' + cmd + '\'';
|
| | |
|
| | | if (typeof(ui) != "undefined" && ui != null)
|
| | | cmd += ',' + ui;
|
| | |
|
| | | if (typeof(val) != "undefined" && val != null)
|
| | | cmd += ",'" + val + "'";
|
| | |
|
| | | cmd += ');';
|
| | |
|
| | | // Use tilemaps when enabled and found and never in MSIE since it loads the tile each time from cache if cahce is disabled
|
| | | if (tinyMCE.getParam('button_tile_map') && (!tinyMCE.isIE || tinyMCE.isOpera) && (m = tinyMCE.buttonMap[id]) != null && (tinyMCE.getParam("language") == "en" || img.indexOf('$lang') == -1)) {
|
| | | x = 0 - (m * 20) == 0 ? '0' : 0 - (m * 20);
|
| | |
|
| | | if (tinyMCE.isRealIE)
|
| | | h += '<span id="{$editor_id}_' + id + '" class="mceMenuButton" onmouseover="tinyMCE._menuButtonEvent(\'over\',this);tinyMCE.lastHover = this;" onmouseout="tinyMCE._menuButtonEvent(\'out\',this);">';
|
| | | else
|
| | | h += '<span id="{$editor_id}_' + id + '" class="mceMenuButton">';
|
| | |
|
| | | h += '<a href="javascript:' + cmd + '" onclick="' + cmd + 'return false;" onmousedown="return false;" class="mceTiledButton mceMenuButtonNormal" target="_self">';
|
| | | h += '<img src="{$themeurl}/images/spacer.gif" style="width: 20px; height: 20px; background-position: ' + x + 'px 0" title="{$' + lang + '}" /></a>';
|
| | | h += '<a href="javascript:' + mcmd + '" onclick="' + mcmd + 'return false;" onmousedown="return false;"><img src="{$themeurl}/images/button_menu.gif" title="{$' + lang + '}" class="mceMenuButton" />';
|
| | | h += '</a></span>';
|
| | | } else {
|
| | | if (tinyMCE.isRealIE)
|
| | | h += '<span id="{$editor_id}_' + id + '" dir="ltr" class="mceMenuButton" onmouseover="tinyMCE._menuButtonEvent(\'over\',this);tinyMCE.lastHover = this;" onmouseout="tinyMCE._menuButtonEvent(\'out\',this);">';
|
| | | else
|
| | | h += '<span id="{$editor_id}_' + id + '" dir="ltr" class="mceMenuButton">';
|
| | |
|
| | | h += '<a href="javascript:' + cmd + '" onclick="' + cmd + 'return false;" onmousedown="return false;" class="mceMenuButtonNormal" target="_self">';
|
| | | h += '<img src="' + img + '" title="{$' + lang + '}" /></a>';
|
| | | h += '<a href="javascript:' + mcmd + '" onclick="' + mcmd + 'return false;" onmousedown="return false;"><img src="{$themeurl}/images/button_menu.gif" title="{$' + lang + '}" class="mceMenuButton" />';
|
| | | h += '</a></span>';
|
| | | }
|
| | |
|
| | | return h;
|
| | | },
|
| | |
|
| | | _menuButtonEvent : function(e, o) {
|
| | | if (o.className == 'mceMenuButtonFocus')
|
| | | return;
|
| | |
|
| | | if (e == 'over')
|
| | | o.className = o.className + ' mceMenuHover';
|
| | | else
|
| | | o.className = o.className.replace(/\s.*$/, '');
|
| | | },
|
| | |
|
| | | addButtonMap : function(m) {
|
| | | var i, a = m.replace(/\s+/, '').split(',');
|
| | |
|
| | | for (i=0; i<a.length; i++)
|
| | | this.buttonMap[a[i]] = i;
|
| | | },
|
| | |
|
| | | formSubmit : function(f, p) {
|
| | | var n, inst, found = false;
|
| | |
|
| | | if (f.form)
|
| | | f = f.form;
|
| | |
|
| | | // Is it a form that has a TinyMCE instance
|
| | | for (n in tinyMCE.instances) {
|
| | | inst = tinyMCE.instances[n];
|
| | |
|
| | | if (!tinyMCE.isInstance(inst))
|
| | | continue;
|
| | |
|
| | | if (inst.formElement) {
|
| | | if (f == inst.formElement.form) {
|
| | | found = true;
|
| | | inst.isNotDirty = true;
|
| | | }
|
| | | }
|
| | | }
|
| | |
|
| | | // Is valid
|
| | | if (found) {
|
| | | tinyMCE.removeTinyMCEFormElements(f);
|
| | | tinyMCE.triggerSave();
|
| | | }
|
| | |
|
| | | // Is it patched
|
| | | if (f.mceOldSubmit && p)
|
| | | f.mceOldSubmit();
|
| | | },
|
| | |
|
| | | submitPatch : function() {
|
| | | tinyMCE.formSubmit(this, true);
|
| | | },
|
| | |
|
| | | onLoad : function() {
|
| | | var r, i, c, mode, trigger, elements, element, settings, elementId, elm;
|
| | | var selector, deselector, elementRefAr, form;
|
| | |
|
| | | // Wait for everything to be loaded first
|
| | | if (tinyMCE.settings.strict_loading_mode && this.loadingIndex != -1) {
|
| | | window.setTimeout('tinyMCE.onLoad();', 1);
|
| | | return;
|
| | | }
|
| | |
|
| | | if (tinyMCE.isRealIE && window.event.type == "readystatechange" && document.readyState != "complete")
|
| | | return true;
|
| | |
|
| | | if (tinyMCE.isLoaded)
|
| | | return true;
|
| | |
|
| | | tinyMCE.isLoaded = true;
|
| | |
|
| | | // IE produces JS error if TinyMCE is placed in a frame
|
| | | // It seems to have something to do with the selection not beeing
|
| | | // correctly initialized in IE so this hack solves the problem
|
| | | if (tinyMCE.isRealIE && document.body && window.location.href != window.top.location.href) {
|
| | | r = document.body.createTextRange();
|
| | | r.collapse(true);
|
| | | r.select();
|
| | | }
|
| | |
|
| | | tinyMCE.dispatchCallback(null, 'onpageload', 'onPageLoad');
|
| | |
|
| | | for (c=0; c<tinyMCE.configs.length; c++) {
|
| | | tinyMCE.settings = tinyMCE.configs[c];
|
| | |
|
| | | selector = tinyMCE.getParam("editor_selector");
|
| | | deselector = tinyMCE.getParam("editor_deselector");
|
| | | elementRefAr = [];
|
| | |
|
| | | // Add submit triggers
|
| | | if (document.forms && tinyMCE.settings.add_form_submit_trigger && !tinyMCE.submitTriggers) {
|
| | | for (i=0; i<document.forms.length; i++) {
|
| | | form = document.forms[i];
|
| | |
|
| | | tinyMCE.addEvent(form, "submit", TinyMCE_Engine.prototype.handleEvent);
|
| | | tinyMCE.addEvent(form, "reset", TinyMCE_Engine.prototype.handleEvent);
|
| | | tinyMCE.submitTriggers = true; // Do it only once
|
| | |
|
| | | // Patch the form.submit function
|
| | | if (tinyMCE.settings.submit_patch) {
|
| | | try {
|
| | | form.mceOldSubmit = form.submit;
|
| | | form.submit = TinyMCE_Engine.prototype.submitPatch;
|
| | | } catch (e) {
|
| | | // Do nothing
|
| | | }
|
| | | }
|
| | | }
|
| | | try {
|
| | | x = new ActiveXObject(s);
|
| | | } catch (ex) {
|
| | | }
|
| | |
|
| | | // Add editor instances based on mode
|
| | | mode = tinyMCE.settings.mode;
|
| | | switch (mode) {
|
| | | case "exact":
|
| | | elements = tinyMCE.getParam('elements', '', true, ',');
|
| | | return x;
|
| | | };
|
| | |
|
| | | for (i=0; i<elements.length; i++) {
|
| | | element = tinyMCE._getElementById(elements[i]);
|
| | | trigger = element ? element.getAttribute(tinyMCE.settings.textarea_trigger) : "";
|
| | | x = w.XMLHttpRequest ? new XMLHttpRequest() : get('Microsoft.XMLHTTP') || get('Msxml2.XMLHTTP');
|
| | |
|
| | | if (new RegExp('\\b' + deselector + '\\b').test(tinyMCE.getAttrib(element, "class")))
|
| | | continue;
|
| | | if (x) {
|
| | | if (x.overrideMimeType)
|
| | | x.overrideMimeType(o.content_type);
|
| | |
|
| | | if (trigger == "false")
|
| | | continue;
|
| | | x.open(o.type || (o.data ? 'POST' : 'GET'), o.url, o.async);
|
| | |
|
| | | if ((tinyMCE.settings.ask || tinyMCE.settings.convert_on_click) && element) {
|
| | | elementRefAr[elementRefAr.length] = element;
|
| | | continue;
|
| | | }
|
| | | if (o.content_type)
|
| | | x.setRequestHeader('Content-Type', o.content_type);
|
| | |
|
| | | if (element)
|
| | | tinyMCE.addMCEControl(element, elements[i]);
|
| | | }
|
| | | break;
|
| | | x.setRequestHeader('X-Requested-With', 'XMLHttpRequest');
|
| | |
|
| | | case "specific_textareas":
|
| | | case "textareas":
|
| | | elements = document.getElementsByTagName("textarea");
|
| | | x.send(o.data);
|
| | |
|
| | | for (i=0; i<elements.length; i++) {
|
| | | elm = elements.item(i);
|
| | | trigger = elm.getAttribute(tinyMCE.settings.textarea_trigger);
|
| | | // Syncronous request
|
| | | if (!o.async)
|
| | | return ready();
|
| | |
|
| | | if (selector !== '' && !new RegExp('\\b' + selector + '\\b').test(tinyMCE.getAttrib(elm, "class")))
|
| | | continue;
|
| | |
|
| | | if (selector !== '')
|
| | | trigger = selector !== '' ? "true" : "";
|
| | |
|
| | | if (new RegExp('\\b' + deselector + '\\b').test(tinyMCE.getAttrib(elm, "class")))
|
| | | continue;
|
| | |
|
| | | if ((mode == "specific_textareas" && trigger == "true") || (mode == "textareas" && trigger != "false"))
|
| | | elementRefAr[elementRefAr.length] = elm;
|
| | | }
|
| | | break;
|
| | | }
|
| | |
|
| | | for (i=0; i<elementRefAr.length; i++) {
|
| | | element = elementRefAr[i];
|
| | | elementId = element.name ? element.name : element.id;
|
| | |
|
| | | if (tinyMCE.settings.ask || tinyMCE.settings.convert_on_click) {
|
| | | // Focus breaks in Mozilla
|
| | | if (tinyMCE.isGecko) {
|
| | | settings = tinyMCE.settings;
|
| | |
|
| | | tinyMCE.addEvent(element, "focus", function (e) {window.setTimeout(function() {TinyMCE_Engine.prototype.confirmAdd(e, settings);}, 10);});
|
| | |
|
| | | if (element.nodeName != "TEXTAREA" && element.nodeName != "INPUT")
|
| | | tinyMCE.addEvent(element, "click", function (e) {window.setTimeout(function() {TinyMCE_Engine.prototype.confirmAdd(e, settings);}, 10);});
|
| | | // tinyMCE.addEvent(element, "mouseover", function (e) {window.setTimeout(function() {TinyMCE_Engine.prototype.confirmAdd(e, settings);}, 10);});
|
| | | } else {
|
| | | settings = tinyMCE.settings;
|
| | |
|
| | | tinyMCE.addEvent(element, "focus", function () { TinyMCE_Engine.prototype.confirmAdd(null, settings); });
|
| | | tinyMCE.addEvent(element, "click", function () { TinyMCE_Engine.prototype.confirmAdd(null, settings); });
|
| | | // tinyMCE.addEvent(element, "mouseenter", function () { TinyMCE_Engine.prototype.confirmAdd(null, settings); });
|
| | | }
|
| | | } else
|
| | | tinyMCE.addMCEControl(element, elementId);
|
| | | }
|
| | |
|
| | | // Handle auto focus
|
| | | if (tinyMCE.settings.auto_focus) {
|
| | | window.setTimeout(function () {
|
| | | var inst = tinyMCE.getInstanceById(tinyMCE.settings.auto_focus);
|
| | | inst.selection.selectNode(inst.getBody(), true, true);
|
| | | inst.contentWindow.focus();
|
| | | }, 100);
|
| | | }
|
| | |
|
| | | tinyMCE.dispatchCallback(null, 'oninit', 'onInit');
|
| | | }
|
| | | },
|
| | |
|
| | | isInstance : function(o) {
|
| | | return o != null && typeof(o) == "object" && o.isTinyMCE_Control;
|
| | | },
|
| | |
|
| | | getParam : function(name, default_value, strip_whitespace, split_chr) {
|
| | | var i, outArray, value = (typeof(this.settings[name]) == "undefined") ? default_value : this.settings[name];
|
| | |
|
| | | // Fix bool values
|
| | | if (value == "true" || value == "false")
|
| | | return (value == "true");
|
| | |
|
| | | if (strip_whitespace)
|
| | | value = tinyMCE.regexpReplace(value, "[ \t\r\n]", "");
|
| | |
|
| | | if (typeof(split_chr) != "undefined" && split_chr != null) {
|
| | | value = value.split(split_chr);
|
| | | outArray = [];
|
| | |
|
| | | for (i=0; i<value.length; i++) {
|
| | | if (value[i] && value[i] !== '')
|
| | | outArray[outArray.length] = value[i];
|
| | | }
|
| | |
|
| | | value = outArray;
|
| | | }
|
| | |
|
| | | return value;
|
| | | },
|
| | |
|
| | | getLang : function(name, default_value, parse_entities, va) {
|
| | | var v = (typeof(tinyMCELang[name]) == "undefined") ? default_value : tinyMCELang[name], n;
|
| | |
|
| | | if (parse_entities)
|
| | | v = tinyMCE.entityDecode(v);
|
| | |
|
| | | if (va) {
|
| | | for (n in va)
|
| | | v = this.replaceVar(v, n, va[n]);
|
| | | }
|
| | |
|
| | | return v;
|
| | | },
|
| | |
|
| | | entityDecode : function(s) {
|
| | | var e = document.createElement("div");
|
| | |
|
| | | e.innerHTML = s;
|
| | |
|
| | | return !e.firstChild ? s : e.firstChild.nodeValue;
|
| | | },
|
| | |
|
| | | addToLang : function(prefix, ar) {
|
| | | var k;
|
| | |
|
| | | for (k in ar) {
|
| | | if (typeof(ar[k]) == 'function')
|
| | | continue;
|
| | |
|
| | | tinyMCELang[(k.indexOf('lang_') == -1 ? 'lang_' : '') + (prefix !== '' ? (prefix + "_") : '') + k] = ar[k];
|
| | | }
|
| | |
|
| | | this.loadNextScript();
|
| | | },
|
| | |
|
| | | triggerNodeChange : function(focus, setup_content) {
|
| | | var elm, inst, editorId, undoIndex = -1, undoLevels = -1, doc, anySelection = false, st;
|
| | |
|
| | | if (tinyMCE.selectedInstance) {
|
| | | inst = tinyMCE.selectedInstance;
|
| | | elm = (typeof(setup_content) != "undefined" && setup_content) ? tinyMCE.selectedElement : inst.getFocusElement();
|
| | |
|
| | | /* if (elm == inst.lastTriggerEl)
|
| | | return;
|
| | |
|
| | | inst.lastTriggerEl = elm;*/
|
| | |
|
| | | editorId = inst.editorId;
|
| | | st = inst.selection.getSelectedText();
|
| | |
|
| | | if (tinyMCE.settings.auto_resize)
|
| | | inst.resizeToContent();
|
| | |
|
| | | if (setup_content && tinyMCE.isGecko && inst.isHidden())
|
| | | elm = inst.getBody();
|
| | |
|
| | | inst.switchSettings();
|
| | |
|
| | | if (tinyMCE.selectedElement)
|
| | | anySelection = (tinyMCE.selectedElement.nodeName.toLowerCase() == "img") || (st && st.length > 0);
|
| | |
|
| | | if (tinyMCE.settings.custom_undo_redo) {
|
| | | undoIndex = inst.undoRedo.undoIndex;
|
| | | undoLevels = inst.undoRedo.undoLevels.length;
|
| | | }
|
| | |
|
| | | tinyMCE.dispatchCallback(inst, 'handle_node_change_callback', 'handleNodeChange', editorId, elm, undoIndex, undoLevels, inst.visualAid, anySelection, setup_content);
|
| | | }
|
| | |
|
| | | if (this.selectedInstance && (typeof(focus) == "undefined" || focus))
|
| | | this.selectedInstance.contentWindow.focus();
|
| | | },
|
| | |
|
| | | _customCleanup : function(inst, type, content) {
|
| | | var pl, po, i, customCleanup;
|
| | |
|
| | | // Call custom cleanup
|
| | | customCleanup = tinyMCE.settings.cleanup_callback;
|
| | | if (customCleanup != '')
|
| | | content = tinyMCE.resolveDots(tinyMCE.settings.cleanup_callback, window)(type, content, inst);
|
| | |
|
| | | // Trigger theme cleanup
|
| | | po = tinyMCE.themes[tinyMCE.settings.theme];
|
| | | if (po && po.cleanup)
|
| | | content = po.cleanup(type, content, inst);
|
| | |
|
| | | // Trigger plugin cleanups
|
| | | pl = inst.plugins;
|
| | | for (i=0; i<pl.length; i++) {
|
| | | po = tinyMCE.plugins[pl[i]];
|
| | |
|
| | | if (po && po.cleanup)
|
| | | content = po.cleanup(type, content, inst);
|
| | | }
|
| | |
|
| | | return content;
|
| | | },
|
| | |
|
| | | setContent : function(h) {
|
| | | if (tinyMCE.selectedInstance) {
|
| | | tinyMCE.selectedInstance.execCommand('mceSetContent', false, h);
|
| | | tinyMCE.selectedInstance.repaint();
|
| | | }
|
| | | },
|
| | |
|
| | | importThemeLanguagePack : function(name) {
|
| | | if (typeof(name) == "undefined")
|
| | | name = tinyMCE.settings.theme;
|
| | |
|
| | | tinyMCE.loadScript(tinyMCE.baseURL + '/themes/' + name + '/langs/' + tinyMCE.settings.language + '.js');
|
| | | },
|
| | |
|
| | | importPluginLanguagePack : function(name) {
|
| | | var b = tinyMCE.baseURL + '/plugins/' + name;
|
| | |
|
| | | if (this.plugins[name])
|
| | | b = this.plugins[name].baseURL;
|
| | |
|
| | | tinyMCE.loadScript(b + '/langs/' + tinyMCE.settings.language + '.js');
|
| | | },
|
| | |
|
| | | applyTemplate : function(h, ag) {
|
| | | return h.replace(new RegExp('\\{\\$([a-z0-9_]+)\\}', 'gi'), function(m, s) {
|
| | | if (s.indexOf('lang_') == 0 && tinyMCELang[s])
|
| | | return tinyMCELang[s];
|
| | |
|
| | | if (ag && ag[s])
|
| | | return ag[s];
|
| | |
|
| | | if (tinyMCE.settings[s])
|
| | | return tinyMCE.settings[s];
|
| | |
|
| | | if (m == 'themeurl')
|
| | | return tinyMCE.themeURL;
|
| | |
|
| | | return m;
|
| | | });
|
| | | },
|
| | |
|
| | | replaceVar : function(h, r, v) {
|
| | | return h.replace(new RegExp('{\\\$' + r + '}', 'g'), v);
|
| | | },
|
| | |
|
| | | openWindow : function(template, args) {
|
| | | var html, width, height, x, y, resizable, scrollbars, url, name, win, modal, features;
|
| | |
|
| | | args = !args ? {} : args;
|
| | |
|
| | | args.mce_template_file = template.file;
|
| | | args.mce_width = template.width;
|
| | | args.mce_height = template.height;
|
| | | tinyMCE.windowArgs = args;
|
| | |
|
| | | html = template.html;
|
| | | if (!(width = parseInt(template.width)))
|
| | | width = 320;
|
| | |
|
| | | if (!(height = parseInt(template.height)))
|
| | | height = 200;
|
| | |
|
| | | // Add to height in M$ due to SP2 WHY DON'T YOU GUYS IMPLEMENT innerWidth of windows!!
|
| | | if (tinyMCE.isIE)
|
| | | height += 40;
|
| | | else
|
| | | height += 20;
|
| | |
|
| | | x = parseInt(screen.width / 2.0) - (width / 2.0);
|
| | | y = parseInt(screen.height / 2.0) - (height / 2.0);
|
| | |
|
| | | resizable = (args && args.resizable) ? args.resizable : "no";
|
| | | scrollbars = (args && args.scrollbars) ? args.scrollbars : "no";
|
| | |
|
| | | if (template.file.charAt(0) != '/' && template.file.indexOf('://') == -1)
|
| | | url = tinyMCE.baseURL + "/themes/" + tinyMCE.getParam("theme") + "/" + template.file;
|
| | | else
|
| | | url = template.file;
|
| | |
|
| | | // Replace all args as variables in URL
|
| | | for (name in args) {
|
| | | if (typeof(args[name]) == 'function')
|
| | | continue;
|
| | |
|
| | | url = tinyMCE.replaceVar(url, name, escape(args[name]));
|
| | | }
|
| | |
|
| | | if (html) {
|
| | | html = tinyMCE.replaceVar(html, "css", this.settings.popups_css);
|
| | | html = tinyMCE.applyTemplate(html, args);
|
| | |
|
| | | win = window.open("", "mcePopup" + new Date().getTime(), "top=" + y + ",left=" + x + ",scrollbars=" + scrollbars + ",dialog=yes,minimizable=" + resizable + ",modal=yes,width=" + width + ",height=" + height + ",resizable=" + resizable);
|
| | | if (win == null) {
|
| | | alert(tinyMCELang.lang_popup_blocked);
|
| | | return;
|
| | | }
|
| | |
|
| | | win.document.write(html);
|
| | | win.document.close();
|
| | | win.resizeTo(width, height);
|
| | | win.focus();
|
| | | } else {
|
| | | if ((tinyMCE.isRealIE) && resizable != 'yes' && tinyMCE.settings.dialog_type == "modal") {
|
| | | height += 10;
|
| | |
|
| | | features = "resizable:" + resizable + ";scroll:" + scrollbars + ";status:yes;center:yes;help:no;dialogWidth:" + width + "px;dialogHeight:" + height + "px;";
|
| | |
|
| | | window.showModalDialog(url, window, features);
|
| | | } else {
|
| | | modal = (resizable == "yes") ? "no" : "yes";
|
| | |
|
| | | if (tinyMCE.isGecko && tinyMCE.isMac)
|
| | | modal = "no";
|
| | |
|
| | | if (template.close_previous != "no")
|
| | | try {tinyMCE.lastWindow.close();} catch (ex) {}
|
| | |
|
| | | win = window.open(url, "mcePopup" + new Date().getTime(), "top=" + y + ",left=" + x + ",scrollbars=" + scrollbars + ",dialog=" + modal + ",minimizable=" + resizable + ",modal=" + modal + ",width=" + width + ",height=" + height + ",resizable=" + resizable);
|
| | | if (win == null) {
|
| | | alert(tinyMCELang.lang_popup_blocked);
|
| | | return;
|
| | | }
|
| | |
|
| | | if (template.close_previous != "no")
|
| | | tinyMCE.lastWindow = win;
|
| | |
|
| | | try {
|
| | | win.resizeTo(width, height);
|
| | | } catch(e) {
|
| | | // Ignore
|
| | | }
|
| | |
|
| | | // Make it bigger if statusbar is forced
|
| | | if (tinyMCE.isGecko) {
|
| | | if (win.document.defaultView.statusbar.visible)
|
| | | win.resizeBy(0, tinyMCE.isMac ? 10 : 24);
|
| | | }
|
| | |
|
| | | win.focus();
|
| | | }
|
| | | }
|
| | | },
|
| | |
|
| | | closeWindow : function(win) {
|
| | | win.close();
|
| | | },
|
| | |
|
| | | getVisualAidClass : function(class_name, state) {
|
| | | var i, classNames, ar, className, aidClass = tinyMCE.settings.visual_table_class;
|
| | |
|
| | | if (typeof(state) == "undefined")
|
| | | state = tinyMCE.settings.visual;
|
| | |
|
| | | // Split
|
| | | classNames = [];
|
| | | ar = class_name.split(' ');
|
| | | for (i=0; i<ar.length; i++) {
|
| | | if (ar[i] == aidClass)
|
| | | ar[i] = "";
|
| | |
|
| | | if (ar[i] !== '')
|
| | | classNames[classNames.length] = ar[i];
|
| | | }
|
| | |
|
| | | if (state)
|
| | | classNames[classNames.length] = aidClass;
|
| | |
|
| | | // Glue
|
| | | className = "";
|
| | | for (i=0; i<classNames.length; i++) {
|
| | | if (i > 0)
|
| | | className += " ";
|
| | |
|
| | | className += classNames[i];
|
| | | }
|
| | |
|
| | | return className;
|
| | | },
|
| | |
|
| | | handleVisualAid : function(el, deep, state, inst, skip_dispatch) {
|
| | | var i, x, y, tableElement, anchorName, oldW, oldH, bo, cn;
|
| | |
|
| | | if (!el)
|
| | | return;
|
| | |
|
| | | if (!skip_dispatch)
|
| | | tinyMCE.dispatchCallback(inst, 'handle_visual_aid_callback', 'handleVisualAid', el, deep, state, inst);
|
| | |
|
| | | tableElement = null;
|
| | |
|
| | | switch (el.nodeName) {
|
| | | case "TABLE":
|
| | | oldW = el.style.width;
|
| | | oldH = el.style.height;
|
| | | bo = tinyMCE.getAttrib(el, "border");
|
| | |
|
| | | bo = bo == '' || bo == "0" ? true : false;
|
| | |
|
| | | tinyMCE.setAttrib(el, "class", tinyMCE.getVisualAidClass(tinyMCE.getAttrib(el, "class"), state && bo));
|
| | |
|
| | | el.style.width = oldW;
|
| | | el.style.height = oldH;
|
| | |
|
| | | for (y=0; y<el.rows.length; y++) {
|
| | | for (x=0; x<el.rows[y].cells.length; x++) {
|
| | | cn = tinyMCE.getVisualAidClass(tinyMCE.getAttrib(el.rows[y].cells[x], "class"), state && bo);
|
| | | tinyMCE.setAttrib(el.rows[y].cells[x], "class", cn);
|
| | | }
|
| | | }
|
| | |
|
| | | break;
|
| | |
|
| | | case "A":
|
| | | anchorName = tinyMCE.getAttrib(el, "name");
|
| | |
|
| | | if (anchorName !== '' && state) {
|
| | | el.title = anchorName;
|
| | | tinyMCE.addCSSClass(el, 'mceItemAnchor');
|
| | | } else if (anchorName !== '' && !state)
|
| | | el.className = '';
|
| | |
|
| | | break;
|
| | | }
|
| | |
|
| | | if (deep && el.hasChildNodes()) {
|
| | | for (i=0; i<el.childNodes.length; i++)
|
| | | tinyMCE.handleVisualAid(el.childNodes[i], deep, state, inst, true);
|
| | | }
|
| | | },
|
| | |
|
| | | fixGeckoBaseHREFBug : function(m, e, h) {
|
| | | var xsrc, xhref;
|
| | |
|
| | | if (tinyMCE.isGecko) {
|
| | | if (m == 1) {
|
| | | h = h.replace(/\ssrc=/gi, " mce_tsrc=");
|
| | | h = h.replace(/\shref=/gi, " mce_thref=");
|
| | |
|
| | | return h;
|
| | | } else {
|
| | | // Why bother if there is no src or href broken
|
| | | if (!new RegExp('(src|href)=', 'g').test(h))
|
| | | return h;
|
| | |
|
| | | // Restore src and href that gets messed up by Gecko
|
| | | tinyMCE.selectElements(e, 'A,IMG,SELECT,AREA,IFRAME,BASE,INPUT,SCRIPT,EMBED,OBJECT,LINK', function (n) {
|
| | | xsrc = tinyMCE.getAttrib(n, "mce_tsrc");
|
| | | xhref = tinyMCE.getAttrib(n, "mce_thref");
|
| | |
|
| | | if (xsrc !== '') {
|
| | | try {
|
| | | n.src = tinyMCE.convertRelativeToAbsoluteURL(tinyMCE.settings.base_href, xsrc);
|
| | | } catch (e) {
|
| | | // Ignore, Firefox cast exception if local file wasn't found
|
| | | }
|
| | |
|
| | | n.removeAttribute("mce_tsrc");
|
| | | }
|
| | |
|
| | | if (xhref !== '') {
|
| | | try {
|
| | | n.href = tinyMCE.convertRelativeToAbsoluteURL(tinyMCE.settings.base_href, xhref);
|
| | | } catch (e) {
|
| | | // Ignore, Firefox cast exception if local file wasn't found
|
| | | }
|
| | |
|
| | | n.removeAttribute("mce_thref");
|
| | | }
|
| | |
|
| | | return false;
|
| | | });
|
| | |
|
| | | // Restore text/comment nodes
|
| | | tinyMCE.selectNodes(e, function(n) {
|
| | | if (n.nodeType == 3 || n.nodeType == 8) {
|
| | | n.nodeValue = n.nodeValue.replace(/\smce_tsrc=/gi, " src=");
|
| | | n.nodeValue = n.nodeValue.replace(/\smce_thref=/gi, " href=");
|
| | | }
|
| | |
|
| | | return false;
|
| | | });
|
| | | }
|
| | | }
|
| | |
|
| | | return h;
|
| | | },
|
| | |
|
| | | _setHTML : function(doc, html_content) {
|
| | | var i, html, paras, node;
|
| | |
|
| | | // Force closed anchors open
|
| | | //html_content = html_content.replace(new RegExp('<a(.*?)/>', 'gi'), '<a$1></a>');
|
| | |
|
| | | html_content = tinyMCE.cleanupHTMLCode(html_content);
|
| | |
|
| | | // Try innerHTML if it fails use pasteHTML in MSIE
|
| | | try {
|
| | | tinyMCE.setInnerHTML(doc.body, html_content);
|
| | | } catch (e) {
|
| | | if (this.isMSIE)
|
| | | doc.body.createTextRange().pasteHTML(html_content);
|
| | | }
|
| | |
|
| | | // Content duplication bug fix
|
| | | if (tinyMCE.isIE && tinyMCE.settings.fix_content_duplication) {
|
| | | // Remove P elements in P elements
|
| | | paras = doc.getElementsByTagName("P");
|
| | | for (i=0; i<paras.length; i++) {
|
| | | node = paras[i];
|
| | |
|
| | | while ((node = node.parentNode) != null) {
|
| | | if (node.nodeName == "P")
|
| | | node.outerHTML = node.innerHTML;
|
| | | }
|
| | | }
|
| | |
|
| | | // Content duplication bug fix (Seems to be word crap)
|
| | | html = doc.body.innerHTML;
|
| | |
|
| | | // Always set the htmlText output
|
| | | tinyMCE.setInnerHTML(doc.body, html);
|
| | | }
|
| | |
|
| | | tinyMCE.cleanupAnchors(doc);
|
| | |
|
| | | if (tinyMCE.getParam("convert_fonts_to_spans"))
|
| | | tinyMCE.convertSpansToFonts(doc);
|
| | | },
|
| | |
|
| | | getEditorId : function(form_element) {
|
| | | var inst = this.getInstanceById(form_element);
|
| | |
|
| | | if (!inst)
|
| | | return null;
|
| | |
|
| | | return inst.editorId;
|
| | | },
|
| | |
|
| | | getInstanceById : function(editor_id) {
|
| | | var inst = this.instances[editor_id], n;
|
| | |
|
| | | if (!inst) {
|
| | | for (n in tinyMCE.instances) {
|
| | | inst = tinyMCE.instances[n];
|
| | |
|
| | | if (!tinyMCE.isInstance(inst))
|
| | | continue;
|
| | |
|
| | | if (inst.formTargetElementId == editor_id)
|
| | | return inst;
|
| | | }
|
| | | } else
|
| | | return inst;
|
| | |
|
| | | return null;
|
| | | },
|
| | |
|
| | | queryInstanceCommandValue : function(editor_id, command) {
|
| | | var inst = tinyMCE.getInstanceById(editor_id);
|
| | |
|
| | | if (inst)
|
| | | return inst.queryCommandValue(command);
|
| | |
|
| | | return false;
|
| | | },
|
| | |
|
| | | queryInstanceCommandState : function(editor_id, command) {
|
| | | var inst = tinyMCE.getInstanceById(editor_id);
|
| | |
|
| | | if (inst)
|
| | | return inst.queryCommandState(command);
|
| | |
|
| | | return null;
|
| | | },
|
| | |
|
| | | setWindowArg : function(n, v) {
|
| | | this.windowArgs[n] = v;
|
| | | },
|
| | |
|
| | | getWindowArg : function(n, d) {
|
| | | return (typeof(this.windowArgs[n]) == "undefined") ? d : this.windowArgs[n];
|
| | | },
|
| | |
|
| | | getCSSClasses : function(editor_id, doc) {
|
| | | var i, c, x, rule, styles, rules, csses, selectorText, inst = tinyMCE.getInstanceById(editor_id);
|
| | | var cssClass, addClass, p;
|
| | |
|
| | | if (!inst)
|
| | | inst = tinyMCE.selectedInstance;
|
| | |
|
| | | if (!inst)
|
| | | return [];
|
| | |
|
| | | if (!doc)
|
| | | doc = inst.getDoc();
|
| | |
|
| | | // Is cached, use that
|
| | | if (inst && inst.cssClasses.length > 0)
|
| | | return inst.cssClasses;
|
| | |
|
| | | if (!doc)
|
| | | return;
|
| | |
|
| | | styles = doc.styleSheets;
|
| | |
|
| | | if (styles && styles.length > 0) {
|
| | | for (x=0; x<styles.length; x++) {
|
| | | csses = null;
|
| | |
|
| | | try {
|
| | | csses = tinyMCE.isIE ? doc.styleSheets(x).rules : styles[x].cssRules;
|
| | | } catch(e) {
|
| | | // Just ignore any errors I know this is ugly!!
|
| | | }
|
| | | |
| | | if (!csses)
|
| | | return [];
|
| | |
|
| | | for (i=0; i<csses.length; i++) {
|
| | | selectorText = csses[i].selectorText;
|
| | |
|
| | | // Can be multiple rules per selector
|
| | | if (selectorText) {
|
| | | rules = selectorText.split(',');
|
| | | for (c=0; c<rules.length; c++) {
|
| | | rule = rules[c];
|
| | |
|
| | | // Strip spaces between selectors
|
| | | while (rule.indexOf(' ') == 0)
|
| | | rule = rule.substring(1);
|
| | |
|
| | | // Invalid rule
|
| | | if (rule.indexOf(' ') != -1 || rule.indexOf(':') != -1 || rule.indexOf('mceItem') != -1)
|
| | | continue;
|
| | |
|
| | | if (rule.indexOf(tinyMCE.settings.visual_table_class) != -1 || rule.indexOf('mceEditable') != -1 || rule.indexOf('mceNonEditable') != -1)
|
| | | continue;
|
| | |
|
| | | // Is class rule
|
| | | if (rule.indexOf('.') != -1) {
|
| | | cssClass = rule.substring(rule.indexOf('.') + 1);
|
| | | addClass = true;
|
| | |
|
| | | for (p=0; p<inst.cssClasses.length && addClass; p++) {
|
| | | if (inst.cssClasses[p] == cssClass)
|
| | | addClass = false;
|
| | | }
|
| | |
|
| | | if (addClass)
|
| | | inst.cssClasses[inst.cssClasses.length] = cssClass;
|
| | | }
|
| | | }
|
| | | }
|
| | | }
|
| | | }
|
| | | }
|
| | |
|
| | | return inst.cssClasses;
|
| | | },
|
| | |
|
| | | regexpReplace : function(in_str, reg_exp, replace_str, opts) {
|
| | | var re;
|
| | |
|
| | | if (in_str == null)
|
| | | return in_str;
|
| | |
|
| | | if (typeof(opts) == "undefined")
|
| | | opts = 'g';
|
| | |
|
| | | re = new RegExp(reg_exp, opts);
|
| | |
|
| | | return in_str.replace(re, replace_str);
|
| | | },
|
| | |
|
| | | trim : function(s) {
|
| | | return s.replace(/^\s*|\s*$/g, "");
|
| | | },
|
| | |
|
| | | cleanupEventStr : function(s) {
|
| | | s = "" + s;
|
| | | s = s.replace('function anonymous()\n{\n', '');
|
| | | s = s.replace('\n}', '');
|
| | | s = s.replace(/^return true;/gi, ''); // Remove event blocker
|
| | |
|
| | | return s;
|
| | | },
|
| | |
|
| | | getControlHTML : function(c) {
|
| | | var i, l, n, o, v, rtl = tinyMCE.getLang('lang_dir') == 'rtl';
|
| | |
|
| | | l = tinyMCE.plugins;
|
| | | for (n in l) {
|
| | | o = l[n];
|
| | |
|
| | | if (o.getControlHTML && (v = o.getControlHTML(c)) !== '') {
|
| | | if (rtl)
|
| | | return '<span dir="rtl">' + tinyMCE.replaceVar(v, "pluginurl", o.baseURL) + '</span>';
|
| | |
|
| | | return tinyMCE.replaceVar(v, "pluginurl", o.baseURL);
|
| | | }
|
| | | }
|
| | |
|
| | | o = tinyMCE.themes[tinyMCE.settings.theme];
|
| | | if (o.getControlHTML && (v = o.getControlHTML(c)) !== '') {
|
| | | if (rtl)
|
| | | return '<span dir="rtl">' + v + '</span>';
|
| | |
|
| | | return v;
|
| | | }
|
| | |
|
| | | return '';
|
| | | },
|
| | |
|
| | | evalFunc : function(f, idx, a, o) {
|
| | | o = !o ? window : o;
|
| | | f = typeof(f) == 'function' ? f : o[f];
|
| | |
|
| | | return f.apply(o, Array.prototype.slice.call(a, idx));
|
| | | },
|
| | |
|
| | | dispatchCallback : function(i, p, n) {
|
| | | return this.callFunc(i, p, n, 0, this.dispatchCallback.arguments);
|
| | | },
|
| | |
|
| | | executeCallback : function(i, p, n) {
|
| | | return this.callFunc(i, p, n, 1, this.executeCallback.arguments);
|
| | | },
|
| | |
|
| | | execCommandCallback : function(i, p, n) {
|
| | | return this.callFunc(i, p, n, 2, this.execCommandCallback.arguments);
|
| | | },
|
| | |
|
| | | callFunc : function(ins, p, n, m, a) {
|
| | | var l, i, on, o, s, v;
|
| | |
|
| | | s = m == 2;
|
| | |
|
| | | l = tinyMCE.getParam(p, '');
|
| | |
|
| | | if (l !== '' && (v = tinyMCE.evalFunc(l, 3, a)) == s && m > 0)
|
| | | return true;
|
| | |
|
| | | if (ins != null) {
|
| | | for (i=0, l = ins.plugins; i<l.length; i++) {
|
| | | o = tinyMCE.plugins[l[i]];
|
| | |
|
| | | if (o[n] && (v = tinyMCE.evalFunc(n, 3, a, o)) == s && m > 0)
|
| | | return true;
|
| | | }
|
| | | }
|
| | |
|
| | | l = tinyMCE.themes;
|
| | | for (on in l) {
|
| | | o = l[on];
|
| | |
|
| | | if (o[n] && (v = tinyMCE.evalFunc(n, 3, a, o)) == s && m > 0)
|
| | | return true;
|
| | | }
|
| | |
|
| | | return false;
|
| | | },
|
| | |
|
| | | resolveDots : function(s, o) {
|
| | | var i;
|
| | |
|
| | | if (typeof(s) == 'string') {
|
| | | for (i=0, s=s.split('.'); i<s.length; i++)
|
| | | o = o[s[i]];
|
| | | } else
|
| | | o = s;
|
| | |
|
| | | return o;
|
| | | },
|
| | |
|
| | | xmlEncode : function(s) {
|
| | | return s ? ('' + s).replace(this.xmlEncodeRe, function (c, b) {
|
| | | switch (c) {
|
| | | case '&':
|
| | | return '&';
|
| | |
|
| | | case '"':
|
| | | return '"';
|
| | |
|
| | | case '<':
|
| | | return '<';
|
| | |
|
| | | case '>':
|
| | | return '>';
|
| | | }
|
| | |
|
| | | return c;
|
| | | }) : s;
|
| | | },
|
| | |
|
| | | add : function(c, m) {
|
| | | var n;
|
| | |
|
| | | for (n in m)
|
| | | c.prototype[n] = m[n];
|
| | | },
|
| | |
|
| | | extend : function(p, np) {
|
| | | var o = {}, n;
|
| | |
|
| | | o.parent = p;
|
| | |
|
| | | for (n in p)
|
| | | o[n] = p[n];
|
| | |
|
| | | for (n in np)
|
| | | o[n] = np[n];
|
| | |
|
| | | return o;
|
| | | },
|
| | |
|
| | | hideMenus : function() {
|
| | | var e = tinyMCE.lastSelectedMenuBtn;
|
| | |
|
| | | if (tinyMCE.lastMenu) {
|
| | | tinyMCE.lastMenu.hide();
|
| | | tinyMCE.lastMenu = null;
|
| | | }
|
| | |
|
| | | if (e) {
|
| | | tinyMCE.switchClass(e, tinyMCE.lastMenuBtnClass);
|
| | | tinyMCE.lastSelectedMenuBtn = null;
|
| | | // Wait for response, onReadyStateChange can not be used since it leaks memory in IE
|
| | | t = w.setTimeout(ready, 10);
|
| | | }
|
| | | }
|
| | | });
|
| | |
|
| | | };
|
| | | (function() {
|
| | | var extend = tinymce.extend, JSON = tinymce.util.JSON, XHR = tinymce.util.XHR;
|
| | |
|
| | | // Global instances
|
| | | var TinyMCE = TinyMCE_Engine; // Compatiblity with gzip compressors
|
| | | var tinyMCE = new TinyMCE_Engine();
|
| | | var tinyMCELang = {};
|
| | | tinymce.create('tinymce.util.JSONRequest', {
|
| | | JSONRequest : function(s) {
|
| | | this.settings = extend({
|
| | | }, s);
|
| | | this.count = 0;
|
| | | },
|
| | |
|
| | | /* file:jscripts/tiny_mce/classes/TinyMCE_Control.class.js */
|
| | | send : function(o) {
|
| | | var ecb = o.error, scb = o.success;
|
| | |
|
| | | function TinyMCE_Control(settings) {
|
| | | var t, i, tos, fu, p, x, fn, fu, pn, s = settings;
|
| | | o = extend(this.settings, o);
|
| | |
|
| | | this.undoRedoLevel = true;
|
| | | this.isTinyMCE_Control = true;
|
| | | o.success = function(c, x) {
|
| | | c = JSON.parse(c);
|
| | |
|
| | | // Default settings
|
| | | this.enabled = true;
|
| | | this.settings = s;
|
| | | this.settings.theme = tinyMCE.getParam("theme", "default");
|
| | | this.settings.width = tinyMCE.getParam("width", -1);
|
| | | this.settings.height = tinyMCE.getParam("height", -1);
|
| | | this.selection = new TinyMCE_Selection(this);
|
| | | this.undoRedo = new TinyMCE_UndoRedo(this);
|
| | | this.cleanup = new TinyMCE_Cleanup();
|
| | | this.shortcuts = [];
|
| | | this.hasMouseMoved = false;
|
| | | this.foreColor = this.backColor = "#999999";
|
| | | this.data = {};
|
| | | this.cssClasses = [];
|
| | | if (typeof(c) == 'undefined') {
|
| | | c = {
|
| | | error : 'JSON Parse error.'
|
| | | };
|
| | | }
|
| | |
|
| | | this.cleanup.init({
|
| | | valid_elements : s.valid_elements,
|
| | | extended_valid_elements : s.extended_valid_elements,
|
| | | valid_child_elements : s.valid_child_elements,
|
| | | entities : s.entities,
|
| | | entity_encoding : s.entity_encoding,
|
| | | debug : s.cleanup_debug,
|
| | | indent : s.apply_source_formatting,
|
| | | invalid_elements : s.invalid_elements,
|
| | | verify_html : s.verify_html,
|
| | | fix_content_duplication : s.fix_content_duplication,
|
| | | convert_fonts_to_spans : s.convert_fonts_to_spans
|
| | | if (c.error)
|
| | | ecb.call(o.error_scope || o.scope, c.error, x);
|
| | | else
|
| | | scb.call(o.success_scope || o.scope, c.result);
|
| | | };
|
| | |
|
| | | o.error = function(ty, x) {
|
| | | if (ecb)
|
| | | ecb.call(o.error_scope || o.scope, ty, x);
|
| | | };
|
| | |
|
| | | o.data = JSON.serialize({
|
| | | id : o.id || 'c' + (this.count++),
|
| | | method : o.method,
|
| | | params : o.params
|
| | | });
|
| | |
|
| | | // JSON content type for Ruby on rails. Bug: #1883287
|
| | | o.content_type = 'application/json';
|
| | |
|
| | | XHR.send(o);
|
| | | },
|
| | |
|
| | | 'static' : {
|
| | | sendRPC : function(o) {
|
| | | return new tinymce.util.JSONRequest().send(o);
|
| | | }
|
| | | }
|
| | | });
|
| | | }());
|
| | | (function(tinymce){
|
| | | tinymce.VK = {
|
| | | BACKSPACE: 8,
|
| | | DELETE: 46,
|
| | | DOWN: 40,
|
| | | ENTER: 13,
|
| | | LEFT: 37,
|
| | | RIGHT: 39,
|
| | | SPACEBAR: 32,
|
| | | TAB: 9,
|
| | | UP: 38,
|
| | |
|
| | | // Wrap old theme
|
| | | t = this.settings.theme;
|
| | | if (!tinyMCE.hasTheme(t)) {
|
| | | fn = tinyMCE.callbacks;
|
| | | tos = {};
|
| | | modifierPressed: function (e) {
|
| | | return e.shiftKey || e.ctrlKey || e.altKey;
|
| | | },
|
| | |
|
| | | for (i=0; i<fn.length; i++) {
|
| | | if ((fu = window['TinyMCE_' + t + "_" + fn[i]]))
|
| | | tos[fn[i]] = fu;
|
| | | metaKeyPressed: function(e) {
|
| | | // Check if ctrl or meta key is pressed also check if alt is false for Polish users
|
| | | return tinymce.isMac ? e.metaKey : e.ctrlKey && !e.altKey;
|
| | | }
|
| | | };
|
| | | })(tinymce);
|
| | |
|
| | | tinyMCE.addTheme(t, tos);
|
| | | }
|
| | | tinymce.util.Quirks = function(editor) {
|
| | | var VK = tinymce.VK, BACKSPACE = VK.BACKSPACE, DELETE = VK.DELETE, dom = editor.dom, selection = editor.selection, settings = editor.settings;
|
| | |
|
| | | // Wrap old plugins
|
| | | this.plugins = [];
|
| | | p = tinyMCE.getParam('plugins', '', true, ',');
|
| | | if (p.length > 0) {
|
| | | for (i=0; i<p.length; i++) {
|
| | | pn = p[i];
|
| | |
|
| | | if (pn.charAt(0) == '-')
|
| | | pn = pn.substring(1);
|
| | |
|
| | | if (!tinyMCE.hasPlugin(pn)) {
|
| | | fn = tinyMCE.callbacks;
|
| | | tos = {};
|
| | |
|
| | | for (x=0; x<fn.length; x++) {
|
| | | if ((fu = window['TinyMCE_' + pn + "_" + fn[x]]))
|
| | | tos[fn[x]] = fu;
|
| | | }
|
| | |
|
| | | tinyMCE.addPlugin(pn, tos);
|
| | | }
|
| | |
|
| | | this.plugins[this.plugins.length] = pn; |
| | | }
|
| | | }
|
| | | };
|
| | |
|
| | | TinyMCE_Control.prototype = {
|
| | | selection : null,
|
| | |
|
| | | settings : null,
|
| | |
|
| | | cleanup : null,
|
| | |
|
| | | getData : function(na) {
|
| | | var o = this.data[na];
|
| | |
|
| | | if (!o)
|
| | | o = this.data[na] = {};
|
| | |
|
| | | return o;
|
| | | },
|
| | |
|
| | | hasPlugin : function(n) {
|
| | | var i;
|
| | |
|
| | | for (i=0; i<this.plugins.length; i++) {
|
| | | if (this.plugins[i] == n)
|
| | | return true;
|
| | | }
|
| | |
|
| | | return false;
|
| | | },
|
| | |
|
| | | addPlugin : function(n, p) {
|
| | | if (!this.hasPlugin(n)) {
|
| | | tinyMCE.addPlugin(n, p);
|
| | | this.plugins[this.plugins.length] = n;
|
| | | }
|
| | | },
|
| | |
|
| | | repaint : function() {
|
| | | var s, b, ex;
|
| | |
|
| | | if (tinyMCE.isRealIE)
|
| | | return;
|
| | |
|
| | | function setEditorCommandState(cmd, state) {
|
| | | try {
|
| | | s = this.selection;
|
| | | b = s.getBookmark(true);
|
| | | this.getBody().style.display = 'none';
|
| | | this.getDoc().execCommand('selectall', false, null);
|
| | | this.getSel().collapseToStart();
|
| | | this.getBody().style.display = 'block';
|
| | | s.moveToBookmark(b);
|
| | | editor.getDoc().execCommand(cmd, false, state);
|
| | | } catch (ex) {
|
| | | // Ignore
|
| | | }
|
| | | },
|
| | | }
|
| | |
|
| | | switchSettings : function() {
|
| | | if (tinyMCE.configs.length > 1 && tinyMCE.currentConfig != this.settings.index) {
|
| | | tinyMCE.settings = this.settings;
|
| | | tinyMCE.currentConfig = this.settings.index;
|
| | | }
|
| | | },
|
| | | function getDocumentMode() {
|
| | | var documentMode = editor.getDoc().documentMode;
|
| | |
|
| | | select : function() {
|
| | | var oldInst = tinyMCE.selectedInstance;
|
| | | return documentMode ? documentMode : 6;
|
| | | };
|
| | |
|
| | | if (oldInst != this) {
|
| | | if (oldInst)
|
| | | oldInst.execCommand('mceEndTyping');
|
| | | function cleanupStylesWhenDeleting() {
|
| | | function removeMergedFormatSpans(isDelete) {
|
| | | var rng, blockElm, node, clonedSpan;
|
| | |
|
| | | tinyMCE.dispatchCallback(this, 'select_instance_callback', 'selectInstance', this, oldInst);
|
| | | tinyMCE.selectedInstance = this;
|
| | | }
|
| | | },
|
| | | rng = selection.getRng();
|
| | |
|
| | | getBody : function() {
|
| | | return this.contentBody ? this.contentBody : this.getDoc().body;
|
| | | },
|
| | | // Find root block
|
| | | blockElm = dom.getParent(rng.startContainer, dom.isBlock);
|
| | |
|
| | | getDoc : function() {
|
| | | // return this.contentDocument ? this.contentDocument : this.contentWindow.document; // Removed due to IE 5.5 ?
|
| | | return this.contentWindow.document;
|
| | | },
|
| | | // On delete clone the root span of the next block element
|
| | | if (isDelete)
|
| | | blockElm = dom.getNext(blockElm, dom.isBlock);
|
| | |
|
| | | getWin : function() {
|
| | | return this.contentWindow;
|
| | | },
|
| | | // Locate root span element and clone it since it would otherwise get merged by the "apple-style-span" on delete/backspace
|
| | | if (blockElm) {
|
| | | node = blockElm.firstChild;
|
| | |
|
| | | getContainerWin : function() {
|
| | | return this.containerWindow ? this.containerWindow : window;
|
| | | },
|
| | | // Ignore empty text nodes
|
| | | while (node && node.nodeType == 3 && node.nodeValue.length === 0)
|
| | | node = node.nextSibling;
|
| | |
|
| | | getViewPort : function() {
|
| | | return tinyMCE.getViewPort(this.getWin());
|
| | | },
|
| | | if (node && node.nodeName === 'SPAN') {
|
| | | clonedSpan = node.cloneNode(false);
|
| | | }
|
| | | }
|
| | |
|
| | | getParentNode : function(n, f) {
|
| | | return tinyMCE.getParentNode(n, f, this.getBody());
|
| | | },
|
| | | // Do the backspace/delete action
|
| | | editor.getDoc().execCommand(isDelete ? 'ForwardDelete' : 'Delete', false, null);
|
| | |
|
| | | getParentElement : function(n, na, f) {
|
| | | return tinyMCE.getParentElement(n, na, f, this.getBody());
|
| | | },
|
| | | // Find all odd apple-style-spans
|
| | | blockElm = dom.getParent(rng.startContainer, dom.isBlock);
|
| | | tinymce.each(dom.select('span.Apple-style-span,font.Apple-style-span', blockElm), function(span) {
|
| | | var bm = selection.getBookmark();
|
| | |
|
| | | getParentBlockElement : function(n) {
|
| | | return tinyMCE.getParentBlockElement(n, this.getBody());
|
| | | },
|
| | | if (clonedSpan) {
|
| | | dom.replace(clonedSpan.cloneNode(false), span, true);
|
| | | } else {
|
| | | dom.remove(span, true);
|
| | | }
|
| | |
|
| | | resizeToContent : function() {
|
| | | var d = this.getDoc(), b = d.body, de = d.documentElement;
|
| | |
|
| | | this.iframeElement.style.height = (tinyMCE.isRealIE) ? b.scrollHeight : de.offsetHeight + 'px';
|
| | | },
|
| | |
|
| | | addShortcut : function(m, k, d, cmd, ui, va) {
|
| | | var n = typeof(k) == "number", ie = tinyMCE.isIE, c, sc, i, scl = this.shortcuts;
|
| | |
|
| | | if (!tinyMCE.getParam('custom_shortcuts'))
|
| | | return false;
|
| | |
|
| | | m = m.toLowerCase();
|
| | | k = ie && !n ? k.toUpperCase() : k;
|
| | | c = n ? null : k.charCodeAt(0);
|
| | | d = d && d.indexOf('lang_') == 0 ? tinyMCE.getLang(d) : d;
|
| | |
|
| | | sc = {
|
| | | alt : m.indexOf('alt') != -1,
|
| | | ctrl : m.indexOf('ctrl') != -1,
|
| | | shift : m.indexOf('shift') != -1,
|
| | | charCode : c,
|
| | | keyCode : n ? k : (ie ? c : null),
|
| | | desc : d,
|
| | | cmd : cmd,
|
| | | ui : ui,
|
| | | val : va
|
| | | // Restore the selection
|
| | | selection.moveToBookmark(bm);
|
| | | });
|
| | | };
|
| | |
|
| | | for (i=0; i<scl.length; i++) {
|
| | | if (sc.alt == scl[i].alt && sc.ctrl == scl[i].ctrl && sc.shift == scl[i].shift
|
| | | && sc.charCode == scl[i].charCode && sc.keyCode == scl[i].keyCode) {
|
| | | editor.onKeyDown.add(function(editor, e) {
|
| | | var isDelete;
|
| | |
|
| | | isDelete = e.keyCode == DELETE;
|
| | | if (!e.isDefaultPrevented() && (isDelete || e.keyCode == BACKSPACE) && !VK.modifierPressed(e)) {
|
| | | e.preventDefault();
|
| | | removeMergedFormatSpans(isDelete);
|
| | | }
|
| | | });
|
| | |
|
| | | editor.addCommand('Delete', function() {removeMergedFormatSpans();});
|
| | | };
|
| | | |
| | | function emptyEditorWhenDeleting() {
|
| | | function serializeRng(rng) {
|
| | | var body = dom.create("body");
|
| | | var contents = rng.cloneContents();
|
| | | body.appendChild(contents);
|
| | | return selection.serializer.serialize(body, {format: 'html'});
|
| | | }
|
| | |
|
| | | function allContentsSelected(rng) {
|
| | | var selection = serializeRng(rng);
|
| | |
|
| | | var allRng = dom.createRng();
|
| | | allRng.selectNode(editor.getBody());
|
| | |
|
| | | var allSelection = serializeRng(allRng);
|
| | | return selection === allSelection;
|
| | | }
|
| | |
|
| | | editor.onKeyDown.add(function(editor, e) {
|
| | | var keyCode = e.keyCode, isCollapsed;
|
| | |
|
| | | // Empty the editor if it's needed for example backspace at <p><b>|</b></p>
|
| | | if (!e.isDefaultPrevented() && (keyCode == DELETE || keyCode == BACKSPACE)) {
|
| | | isCollapsed = editor.selection.isCollapsed();
|
| | |
|
| | | // Selection is collapsed but the editor isn't empty
|
| | | if (isCollapsed && !dom.isEmpty(editor.getBody())) {
|
| | | return;
|
| | | }
|
| | |
|
| | | // IE deletes all contents correctly when everything is selected
|
| | | if (tinymce.isIE && !isCollapsed) {
|
| | | return;
|
| | | }
|
| | |
|
| | | // Selection isn't collapsed but not all the contents is selected
|
| | | if (!isCollapsed && !allContentsSelected(editor.selection.getRng())) {
|
| | | return;
|
| | | }
|
| | |
|
| | | // Manually empty the editor
|
| | | editor.setContent('');
|
| | | editor.selection.setCursorLocation(editor.getBody(), 0);
|
| | | editor.nodeChanged();
|
| | | }
|
| | | });
|
| | | };
|
| | |
|
| | | function selectAll() {
|
| | | editor.onKeyDown.add(function(editor, e) {
|
| | | if (e.keyCode == 65 && VK.metaKeyPressed(e)) {
|
| | | e.preventDefault();
|
| | | editor.execCommand('SelectAll');
|
| | | }
|
| | | });
|
| | | };
|
| | |
|
| | | function inputMethodFocus() {
|
| | | if (!editor.settings.content_editable) {
|
| | | // Case 1 IME doesn't initialize if you focus the document
|
| | | dom.bind(editor.getDoc(), 'focusin', function(e) {
|
| | | selection.setRng(selection.getRng());
|
| | | });
|
| | |
|
| | | // Case 2 IME doesn't initialize if you click the documentElement it also doesn't properly fire the focusin event
|
| | | dom.bind(editor.getDoc(), 'mousedown', function(e) {
|
| | | if (e.target == editor.getDoc().documentElement) {
|
| | | editor.getWin().focus();
|
| | | selection.setRng(selection.getRng());
|
| | | }
|
| | | });
|
| | | }
|
| | | };
|
| | |
|
| | | function removeHrOnBackspace() {
|
| | | editor.onKeyDown.add(function(editor, e) {
|
| | | if (!e.isDefaultPrevented() && e.keyCode === BACKSPACE) {
|
| | | if (selection.isCollapsed() && selection.getRng(true).startOffset === 0) {
|
| | | var node = selection.getNode();
|
| | | var previousSibling = node.previousSibling;
|
| | |
|
| | | if (previousSibling && previousSibling.nodeName && previousSibling.nodeName.toLowerCase() === "hr") {
|
| | | dom.remove(previousSibling);
|
| | | tinymce.dom.Event.cancel(e);
|
| | | }
|
| | | }
|
| | | }
|
| | | })
|
| | | }
|
| | |
|
| | | function focusBody() {
|
| | | // Fix for a focus bug in FF 3.x where the body element
|
| | | // wouldn't get proper focus if the user clicked on the HTML element
|
| | | if (!Range.prototype.getClientRects) { // Detect getClientRects got introduced in FF 4
|
| | | editor.onMouseDown.add(function(editor, e) {
|
| | | if (e.target.nodeName === "HTML") {
|
| | | var body = editor.getBody();
|
| | |
|
| | | // Blur the body it's focused but not correctly focused
|
| | | body.blur();
|
| | |
|
| | | // Refocus the body after a little while
|
| | | setTimeout(function() {
|
| | | body.focus();
|
| | | }, 0);
|
| | | }
|
| | | });
|
| | | }
|
| | | };
|
| | |
|
| | | function selectControlElements() {
|
| | | editor.onClick.add(function(editor, e) {
|
| | | e = e.target;
|
| | |
|
| | | // Workaround for bug, http://bugs.webkit.org/show_bug.cgi?id=12250
|
| | | // WebKit can't even do simple things like selecting an image
|
| | | // Needs tobe the setBaseAndExtend or it will fail to select floated images
|
| | | if (/^(IMG|HR)$/.test(e.nodeName)) {
|
| | | selection.getSel().setBaseAndExtent(e, 0, e, 1);
|
| | | }
|
| | |
|
| | | if (e.nodeName == 'A' && dom.hasClass(e, 'mceItemAnchor')) {
|
| | | selection.select(e);
|
| | | }
|
| | |
|
| | | editor.nodeChanged();
|
| | | });
|
| | | };
|
| | |
|
| | | function removeStylesWhenDeletingAccrossBlockElements() {
|
| | | function getAttributeApplyFunction() {
|
| | | var template = dom.getAttribs(selection.getStart().cloneNode(false));
|
| | |
|
| | | return function() {
|
| | | var target = selection.getStart();
|
| | |
|
| | | if (target !== editor.getBody()) {
|
| | | dom.setAttrib(target, "style", null);
|
| | |
|
| | | tinymce.each(template, function(attr) {
|
| | | target.setAttributeNode(attr.cloneNode(true));
|
| | | });
|
| | | }
|
| | | };
|
| | | }
|
| | |
|
| | | function isSelectionAcrossElements() {
|
| | | return !selection.isCollapsed() && dom.getParent(selection.getStart(), dom.isBlock) != dom.getParent(selection.getEnd(), dom.isBlock);
|
| | | }
|
| | |
|
| | | function blockEvent(editor, e) {
|
| | | e.preventDefault();
|
| | | return false;
|
| | | }
|
| | |
|
| | | editor.onKeyPress.add(function(editor, e) {
|
| | | var applyAttributes;
|
| | |
|
| | | if ((e.keyCode == 8 || e.keyCode == 46) && isSelectionAcrossElements()) {
|
| | | applyAttributes = getAttributeApplyFunction();
|
| | | editor.getDoc().execCommand('delete', false, null);
|
| | | applyAttributes();
|
| | | e.preventDefault();
|
| | | return false;
|
| | | }
|
| | | }
|
| | | });
|
| | |
|
| | | scl[scl.length] = sc;
|
| | | dom.bind(editor.getDoc(), 'cut', function(e) {
|
| | | var applyAttributes;
|
| | |
|
| | | return true;
|
| | | },
|
| | | if (isSelectionAcrossElements()) {
|
| | | applyAttributes = getAttributeApplyFunction();
|
| | | editor.onKeyUp.addToTop(blockEvent);
|
| | |
|
| | | handleShortcut : function(e) {
|
| | | var i, s, o;
|
| | |
|
| | | // Normal key press, then ignore it
|
| | | if (!e.altKey && !e.ctrlKey)
|
| | | return false;
|
| | |
|
| | | s = this.shortcuts;
|
| | |
|
| | | for (i=0; i<s.length; i++) {
|
| | | o = s[i];
|
| | |
|
| | | if (o.alt == e.altKey && o.ctrl == e.ctrlKey && (o.keyCode == e.keyCode || o.charCode == e.charCode)) {
|
| | | if (o.cmd && (e.type == "keydown" || (e.type == "keypress" && !tinyMCE.isOpera)))
|
| | | tinyMCE.execCommand(o.cmd, o.ui, o.val);
|
| | |
|
| | | tinyMCE.cancelEvent(e);
|
| | | return true;
|
| | | setTimeout(function() {
|
| | | applyAttributes();
|
| | | editor.onKeyUp.remove(blockEvent);
|
| | | }, 0);
|
| | | }
|
| | | }
|
| | | });
|
| | | }
|
| | |
|
| | | return false;
|
| | | },
|
| | | function selectionChangeNodeChanged() {
|
| | | var lastRng, selectionTimer;
|
| | |
|
| | | autoResetDesignMode : function() {
|
| | | // Add fix for tab/style.display none/block problems in Gecko
|
| | | if (!tinyMCE.isIE && this.isHidden() && tinyMCE.getParam('auto_reset_designmode'))
|
| | | eval('try { this.getDoc().designMode = "On"; this.useCSS = false; } catch(e) {}');
|
| | | },
|
| | |
|
| | | isHidden : function() {
|
| | | var s;
|
| | |
|
| | | if (tinyMCE.isIE)
|
| | | return false;
|
| | |
|
| | | s = this.getSel();
|
| | |
|
| | | // Weird, wheres that cursor selection?
|
| | | return (!s || !s.rangeCount || s.rangeCount == 0);
|
| | | },
|
| | |
|
| | | isDirty : function() {
|
| | | // Is content modified and not in a submit procedure
|
| | | return tinyMCE.trim(this.startContent) != tinyMCE.trim(this.getBody().innerHTML) && !this.isNotDirty;
|
| | | },
|
| | |
|
| | | _mergeElements : function(scmd, pa, ch, override) {
|
| | | var st, stc, className, n;
|
| | |
|
| | | if (scmd == "removeformat") {
|
| | | pa.className = "";
|
| | | pa.style.cssText = "";
|
| | | ch.className = "";
|
| | | ch.style.cssText = "";
|
| | | return;
|
| | | }
|
| | |
|
| | | st = tinyMCE.parseStyle(tinyMCE.getAttrib(pa, "style"));
|
| | | stc = tinyMCE.parseStyle(tinyMCE.getAttrib(ch, "style"));
|
| | | className = tinyMCE.getAttrib(pa, "class");
|
| | |
|
| | | // Removed class adding due to bug #1478272
|
| | | className = tinyMCE.getAttrib(ch, "class");
|
| | |
|
| | | if (override) {
|
| | | for (n in st) {
|
| | | if (typeof(st[n]) == 'function')
|
| | | continue;
|
| | |
|
| | | stc[n] = st[n];
|
| | | dom.bind(editor.getDoc(), 'selectionchange', function() {
|
| | | if (selectionTimer) {
|
| | | clearTimeout(selectionTimer);
|
| | | selectionTimer = 0;
|
| | | }
|
| | | } else {
|
| | | for (n in stc) {
|
| | | if (typeof(stc[n]) == 'function')
|
| | | continue;
|
| | |
|
| | | st[n] = stc[n];
|
| | | }
|
| | | }
|
| | | selectionTimer = window.setTimeout(function() {
|
| | | var rng = selection.getRng();
|
| | |
|
| | | tinyMCE.setAttrib(pa, "style", tinyMCE.serializeStyle(st));
|
| | | tinyMCE.setAttrib(pa, "class", tinyMCE.trim(className));
|
| | | ch.className = "";
|
| | | ch.style.cssText = "";
|
| | | ch.removeAttribute("class");
|
| | | ch.removeAttribute("style");
|
| | | },
|
| | |
|
| | | _fixRootBlocks : function() {
|
| | | var rb, b, ne, be, nx, bm;
|
| | |
|
| | | rb = tinyMCE.getParam('forced_root_block');
|
| | | if (!rb)
|
| | | return;
|
| | |
|
| | | b = this.getBody();
|
| | | ne = b.firstChild;
|
| | |
|
| | | while (ne) {
|
| | | nx = ne.nextSibling;
|
| | |
|
| | | // If text node or inline element wrap it in a block element
|
| | | if (ne.nodeType == 3 || !tinyMCE.blockRegExp.test(ne.nodeName)) {
|
| | | if (!bm)
|
| | | bm = this.selection.getBookmark();
|
| | |
|
| | | if (!be) {
|
| | | be = this.getDoc().createElement(rb);
|
| | | be.appendChild(ne.cloneNode(true));
|
| | | b.replaceChild(be, ne);
|
| | | } else {
|
| | | be.appendChild(ne.cloneNode(true));
|
| | | b.removeChild(ne);
|
| | | // Compare the ranges to see if it was a real change or not
|
| | | if (!lastRng || !tinymce.dom.RangeUtils.compareRanges(rng, lastRng)) {
|
| | | editor.nodeChanged();
|
| | | lastRng = rng;
|
| | | }
|
| | | } else
|
| | | be = null;
|
| | | }, 50);
|
| | | });
|
| | | }
|
| | |
|
| | | ne = nx;
|
| | | }
|
| | | function ensureBodyHasRoleApplication() {
|
| | | document.body.setAttribute("role", "application");
|
| | | }
|
| | |
|
| | | if (bm)
|
| | | this.selection.moveToBookmark(bm);
|
| | | },
|
| | |
|
| | | _fixTrailingNbsp : function() {
|
| | | var s = this.selection, e = s.getFocusElement(), bm, v;
|
| | |
|
| | | if (e && tinyMCE.blockRegExp.test(e.nodeName) && e.firstChild) {
|
| | | v = e.firstChild.nodeValue;
|
| | |
|
| | | if (v && v.length > 1 && /(^\u00a0|\u00a0$)/.test(v)) {
|
| | | e.firstChild.nodeValue = v.replace(/(^\u00a0|\u00a0$)/, '');
|
| | | s.selectNode(e.firstChild, true, false, false); // Select and collapse
|
| | | function disableBackspaceIntoATable() {
|
| | | editor.onKeyDown.add(function(editor, e) {
|
| | | if (!e.isDefaultPrevented() && e.keyCode === BACKSPACE) {
|
| | | if (selection.isCollapsed() && selection.getRng(true).startOffset === 0) {
|
| | | var previousSibling = selection.getNode().previousSibling;
|
| | | if (previousSibling && previousSibling.nodeName && previousSibling.nodeName.toLowerCase() === "table") {
|
| | | return tinymce.dom.Event.cancel(e);
|
| | | }
|
| | | }
|
| | | }
|
| | | }
|
| | | },
|
| | | })
|
| | | }
|
| | |
|
| | | _setUseCSS : function(b) {
|
| | | var d = this.getDoc();
|
| | |
|
| | | try {d.execCommand("useCSS", false, !b);} catch (ex) {}
|
| | | try {d.execCommand("styleWithCSS", false, b);} catch (ex) {}
|
| | |
|
| | | if (!tinyMCE.getParam("table_inline_editing"))
|
| | | try {d.execCommand('enableInlineTableEditing', false, "false");} catch (ex) {}
|
| | |
|
| | | if (!tinyMCE.getParam("object_resizing"))
|
| | | try {d.execCommand('enableObjectResizing', false, "false");} catch (ex) {}
|
| | | },
|
| | |
|
| | | execCommand : function(command, user_interface, value) {
|
| | | var i, x, z, align, img, div, doc = this.getDoc(), win = this.getWin(), focusElm = this.getFocusElement();
|
| | |
|
| | | // Is not a undo specific command
|
| | | if (!new RegExp('mceStartTyping|mceEndTyping|mceBeginUndoLevel|mceEndUndoLevel|mceAddUndoLevel', 'gi').test(command))
|
| | | this.undoBookmark = null;
|
| | |
|
| | | // Mozilla issue
|
| | | if (!tinyMCE.isIE && !this.useCSS) {
|
| | | this._setUseCSS(false);
|
| | | this.useCSS = true;
|
| | | function addNewLinesBeforeBrInPre() {
|
| | | // IE8+ rendering mode does the right thing with BR in PRE
|
| | | if (getDocumentMode() > 7) {
|
| | | return;
|
| | | }
|
| | |
|
| | | //debug("command: " + command + ", user_interface: " + user_interface + ", value: " + value);
|
| | | this.contentDocument = doc; // <-- Strange, unless this is applied Mozilla 1.3 breaks
|
| | | // Enable display: none in area and add a specific class that hides all BR elements in PRE to
|
| | | // avoid the caret from getting stuck at the BR elements while pressing the right arrow key
|
| | | setEditorCommandState('RespectVisibilityInDesign', true);
|
| | | editor.contentStyles.push('.mceHideBrInPre pre br {display: none}');
|
| | | dom.addClass(editor.getBody(), 'mceHideBrInPre');
|
| | |
|
| | | // Don't dispatch key commands
|
| | | if (!/mceStartTyping|mceEndTyping/.test(command)) {
|
| | | if (tinyMCE.execCommandCallback(this, 'execcommand_callback', 'execCommand', this.editorId, this.getBody(), command, user_interface, value))
|
| | | return;
|
| | | }
|
| | | // Adds a \n before all BR elements in PRE to get them visual
|
| | | editor.parser.addNodeFilter('pre', function(nodes, name) {
|
| | | var i = nodes.length, brNodes, j, brElm, sibling;
|
| | |
|
| | | // Fix align on images
|
| | | if (focusElm && focusElm.nodeName == "IMG") {
|
| | | align = focusElm.getAttribute('align');
|
| | | img = command == "JustifyCenter" ? focusElm.cloneNode(false) : focusElm;
|
| | | while (i--) {
|
| | | brNodes = nodes[i].getAll('br');
|
| | | j = brNodes.length;
|
| | | while (j--) {
|
| | | brElm = brNodes[j];
|
| | |
|
| | | switch (command) {
|
| | | case "JustifyLeft":
|
| | | if (align == 'left')
|
| | | img.removeAttribute('align');
|
| | | else
|
| | | img.setAttribute('align', 'left');
|
| | |
|
| | | // Remove the div
|
| | | div = focusElm.parentNode;
|
| | | if (div && div.nodeName == "DIV" && div.childNodes.length == 1 && div.parentNode)
|
| | | div.parentNode.replaceChild(img, div);
|
| | |
|
| | | this.selection.selectNode(img);
|
| | | this.repaint();
|
| | | tinyMCE.triggerNodeChange();
|
| | | return;
|
| | |
|
| | | case "JustifyCenter":
|
| | | img.removeAttribute('align');
|
| | |
|
| | | // Is centered
|
| | | div = tinyMCE.getParentElement(focusElm, "div");
|
| | | if (div && div.style.textAlign == "center") {
|
| | | // Remove div
|
| | | if (div.nodeName == "DIV" && div.childNodes.length == 1 && div.parentNode)
|
| | | div.parentNode.replaceChild(img, div);
|
| | | // Add \n before BR in PRE elements on older IE:s so the new lines get rendered
|
| | | sibling = brElm.prev;
|
| | | if (sibling && sibling.type === 3 && sibling.value.charAt(sibling.value - 1) != '\n') {
|
| | | sibling.value += '\n';
|
| | | } else {
|
| | | // Add div
|
| | | div = this.getDoc().createElement("div");
|
| | | div.style.textAlign = 'center';
|
| | | div.appendChild(img);
|
| | | focusElm.parentNode.replaceChild(div, focusElm);
|
| | | brElm.parent.insert(new tinymce.html.Node('#text', 3), brElm, true).value = '\n';
|
| | | }
|
| | | }
|
| | | }
|
| | | });
|
| | |
|
| | | // Removes any \n before BR elements in PRE since other browsers and in contentEditable=false mode they will be visible
|
| | | editor.serializer.addNodeFilter('pre', function(nodes, name) {
|
| | | var i = nodes.length, brNodes, j, brElm, sibling;
|
| | |
|
| | | while (i--) {
|
| | | brNodes = nodes[i].getAll('br');
|
| | | j = brNodes.length;
|
| | | while (j--) {
|
| | | brElm = brNodes[j];
|
| | | sibling = brElm.prev;
|
| | | if (sibling && sibling.type == 3) {
|
| | | sibling.value = sibling.value.replace(/\r?\n$/, '');
|
| | | }
|
| | | }
|
| | | }
|
| | | });
|
| | | }
|
| | |
|
| | | function removePreSerializedStylesWhenSelectingControls() {
|
| | | dom.bind(editor.getBody(), 'mouseup', function(e) {
|
| | | var value, node = selection.getNode();
|
| | |
|
| | | // Moved styles to attributes on IMG eements
|
| | | if (node.nodeName == 'IMG') {
|
| | | // Convert style width to width attribute
|
| | | if (value = dom.getStyle(node, 'width')) {
|
| | | dom.setAttrib(node, 'width', value.replace(/[^0-9%]+/g, ''));
|
| | | dom.setStyle(node, 'width', '');
|
| | | }
|
| | |
|
| | | // Convert style height to height attribute
|
| | | if (value = dom.getStyle(node, 'height')) {
|
| | | dom.setAttrib(node, 'height', value.replace(/[^0-9%]+/g, ''));
|
| | | dom.setStyle(node, 'height', '');
|
| | | }
|
| | | }
|
| | | });
|
| | | }
|
| | |
|
| | | function keepInlineElementOnDeleteBackspace() {
|
| | | editor.onKeyDown.add(function(editor, e) {
|
| | | var isDelete, rng, container, offset, brElm, sibling, collapsed;
|
| | |
|
| | | isDelete = e.keyCode == DELETE;
|
| | | if (!e.isDefaultPrevented() && (isDelete || e.keyCode == BACKSPACE) && !VK.modifierPressed(e)) {
|
| | | rng = selection.getRng();
|
| | | container = rng.startContainer;
|
| | | offset = rng.startOffset;
|
| | | collapsed = rng.collapsed;
|
| | |
|
| | | // Override delete if the start container is a text node and is at the beginning of text or
|
| | | // just before/after the last character to be deleted in collapsed mode
|
| | | if (container.nodeType == 3 && container.nodeValue.length > 0 && ((offset === 0 && !collapsed) || (collapsed && offset === (isDelete ? 0 : 1)))) {
|
| | | nonEmptyElements = editor.schema.getNonEmptyElements();
|
| | |
|
| | | // Prevent default logic since it's broken
|
| | | e.preventDefault();
|
| | |
|
| | | // Insert a BR before the text node this will prevent the containing element from being deleted/converted
|
| | | brElm = dom.create('br', {id: '__tmp'});
|
| | | container.parentNode.insertBefore(brElm, container);
|
| | |
|
| | | // Do the browser delete
|
| | | editor.getDoc().execCommand(isDelete ? 'ForwardDelete' : 'Delete', false, null);
|
| | |
|
| | | // Check if the previous sibling is empty after deleting for example: <p><b></b>|</p>
|
| | | container = selection.getRng().startContainer;
|
| | | sibling = container.previousSibling;
|
| | | if (sibling && sibling.nodeType == 1 && !dom.isBlock(sibling) && dom.isEmpty(sibling) && !nonEmptyElements[sibling.nodeName.toLowerCase()]) {
|
| | | dom.remove(sibling);
|
| | | }
|
| | |
|
| | | this.selection.selectNode(img);
|
| | | this.repaint();
|
| | | tinyMCE.triggerNodeChange();
|
| | | return;
|
| | |
|
| | | case "JustifyRight":
|
| | | if (align == 'right')
|
| | | img.removeAttribute('align');
|
| | | else
|
| | | img.setAttribute('align', 'right');
|
| | |
|
| | | // Remove the div
|
| | | div = focusElm.parentNode;
|
| | | if (div && div.nodeName == "DIV" && div.childNodes.length == 1 && div.parentNode)
|
| | | div.parentNode.replaceChild(img, div);
|
| | |
|
| | | this.selection.selectNode(img);
|
| | | this.repaint();
|
| | | tinyMCE.triggerNodeChange();
|
| | | return;
|
| | | }
|
| | | }
|
| | |
|
| | | if (tinyMCE.settings.force_br_newlines) {
|
| | | var alignValue = "";
|
| | |
|
| | | if (doc.selection.type != "Control") {
|
| | | switch (command) {
|
| | | case "JustifyLeft":
|
| | | alignValue = "left";
|
| | | break;
|
| | |
|
| | | case "JustifyCenter":
|
| | | alignValue = "center";
|
| | | break;
|
| | |
|
| | | case "JustifyFull":
|
| | | alignValue = "justify";
|
| | | break;
|
| | |
|
| | | case "JustifyRight":
|
| | | alignValue = "right";
|
| | | break;
|
| | | }
|
| | |
|
| | | if (alignValue !== '') {
|
| | | var rng = doc.selection.createRange();
|
| | |
|
| | | if ((divElm = tinyMCE.getParentElement(rng.parentElement(), "div")) != null)
|
| | | divElm.setAttribute("align", alignValue);
|
| | | else if (rng.pasteHTML && rng.htmlText.length > 0)
|
| | | rng.pasteHTML('<div align="' + alignValue + '">' + rng.htmlText + "</div>");
|
| | |
|
| | | tinyMCE.triggerNodeChange();
|
| | | return;
|
| | | // Remove the temp element we inserted
|
| | | dom.remove('__tmp');
|
| | | }
|
| | | }
|
| | | });
|
| | | }
|
| | |
|
| | | function removeBlockQuoteOnBackSpace() {
|
| | | // Add block quote deletion handler
|
| | | editor.onKeyDown.add(function(editor, e) {
|
| | | var rng, container, offset, root, parent;
|
| | |
|
| | | if (e.isDefaultPrevented() || e.keyCode != VK.BACKSPACE) {
|
| | | return;
|
| | | }
|
| | |
|
| | | rng = selection.getRng();
|
| | | container = rng.startContainer;
|
| | | offset = rng.startOffset;
|
| | | root = dom.getRoot();
|
| | | parent = container;
|
| | |
|
| | | if (!rng.collapsed || offset !== 0) {
|
| | | return;
|
| | | }
|
| | |
|
| | | while (parent && parent.parentNode && parent.parentNode.firstChild == parent && parent.parentNode != root) {
|
| | | parent = parent.parentNode;
|
| | | }
|
| | |
|
| | | // Is the cursor at the beginning of a blockquote?
|
| | | if (parent.tagName === 'BLOCKQUOTE') {
|
| | | // Remove the blockquote
|
| | | editor.formatter.toggle('blockquote', null, parent);
|
| | |
|
| | | // Move the caret to the beginning of container
|
| | | rng.setStart(container, 0);
|
| | | rng.setEnd(container, 0);
|
| | | selection.setRng(rng);
|
| | | selection.collapse(false);
|
| | | }
|
| | | });
|
| | | };
|
| | |
|
| | | function setGeckoEditingOptions() {
|
| | | function setOpts() {
|
| | | editor._refreshContentEditable();
|
| | |
|
| | | setEditorCommandState("StyleWithCSS", false);
|
| | | setEditorCommandState("enableInlineTableEditing", false);
|
| | |
|
| | | if (!settings.object_resizing) {
|
| | | setEditorCommandState("enableObjectResizing", false);
|
| | | }
|
| | | };
|
| | |
|
| | | if (!settings.readonly) {
|
| | | editor.onBeforeExecCommand.add(setOpts);
|
| | | editor.onMouseDown.add(setOpts);
|
| | | }
|
| | | };
|
| | |
|
| | | switch (command) {
|
| | | case "mceRepaint":
|
| | | this.repaint();
|
| | | return true;
|
| | | function addBrAfterLastLinks() {
|
| | | function fixLinks(editor, o) {
|
| | | tinymce.each(dom.select('a'), function(node) {
|
| | | var parentNode = node.parentNode, root = dom.getRoot();
|
| | |
|
| | | case "unlink":
|
| | | // Unlink if caret is inside link
|
| | | if (tinyMCE.isGecko && this.getSel().isCollapsed) {
|
| | | focusElm = tinyMCE.getParentElement(focusElm, 'A');
|
| | | if (parentNode.lastChild === node) {
|
| | | while (parentNode && !dom.isBlock(parentNode)) {
|
| | | if (parentNode.parentNode.lastChild !== parentNode || parentNode === root) {
|
| | | return;
|
| | | }
|
| | |
|
| | | if (focusElm)
|
| | | this.selection.selectNode(focusElm, false);
|
| | | }
|
| | |
|
| | | this.getDoc().execCommand(command, user_interface, value);
|
| | |
|
| | | tinyMCE.isGecko && this.getSel().collapseToEnd();
|
| | |
|
| | | tinyMCE.triggerNodeChange();
|
| | |
|
| | | return true;
|
| | |
|
| | | case "InsertUnorderedList":
|
| | | case "InsertOrderedList":
|
| | | this.getDoc().execCommand(command, user_interface, value);
|
| | | tinyMCE.triggerNodeChange();
|
| | | break;
|
| | |
|
| | | case "Strikethrough":
|
| | | this.getDoc().execCommand(command, user_interface, value);
|
| | | tinyMCE.triggerNodeChange();
|
| | | break;
|
| | |
|
| | | case "mceSelectNode":
|
| | | this.selection.selectNode(value);
|
| | | tinyMCE.triggerNodeChange();
|
| | | tinyMCE.selectedNode = value;
|
| | | break;
|
| | |
|
| | | case "FormatBlock":
|
| | | if (value == null || value == '') {
|
| | | var elm = tinyMCE.getParentElement(this.getFocusElement(), "p,div,h1,h2,h3,h4,h5,h6,pre,address,blockquote,dt,dl,dd,samp");
|
| | |
|
| | | if (elm)
|
| | | this.execCommand("mceRemoveNode", false, elm);
|
| | | } else {
|
| | | if (!this.cleanup.isValid(value))
|
| | | return true;
|
| | |
|
| | | if (tinyMCE.isGecko && new RegExp('<(div|blockquote|code|dt|dd|dl|samp)>', 'gi').test(value))
|
| | | value = value.replace(/[^a-z]/gi, '');
|
| | |
|
| | | if (tinyMCE.isIE && new RegExp('blockquote|code|samp', 'gi').test(value)) {
|
| | | var b = this.selection.getBookmark();
|
| | | this.getDoc().execCommand("FormatBlock", false, '<p>');
|
| | | tinyMCE.renameElement(tinyMCE.getParentBlockElement(this.getFocusElement()), value);
|
| | | this.selection.moveToBookmark(b);
|
| | | } else
|
| | | this.getDoc().execCommand("FormatBlock", false, value);
|
| | | }
|
| | |
|
| | | tinyMCE.triggerNodeChange();
|
| | |
|
| | | break;
|
| | |
|
| | | case "mceRemoveNode":
|
| | | if (!value)
|
| | | value = tinyMCE.getParentElement(this.getFocusElement());
|
| | |
|
| | | if (tinyMCE.isIE) {
|
| | | value.outerHTML = value.innerHTML;
|
| | | } else {
|
| | | var rng = value.ownerDocument.createRange();
|
| | | rng.setStartBefore(value);
|
| | | rng.setEndAfter(value);
|
| | | rng.deleteContents();
|
| | | rng.insertNode(rng.createContextualFragment(value.innerHTML));
|
| | | }
|
| | |
|
| | | tinyMCE.triggerNodeChange();
|
| | |
|
| | | break;
|
| | |
|
| | | case "mceSelectNodeDepth":
|
| | | var parentNode = this.getFocusElement();
|
| | | for (i=0; parentNode; i++) {
|
| | | if (parentNode.nodeName.toLowerCase() == "body")
|
| | | break;
|
| | |
|
| | | if (parentNode.nodeName.toLowerCase() == "#text") {
|
| | | i--;
|
| | | parentNode = parentNode.parentNode;
|
| | | continue;
|
| | | }
|
| | |
|
| | | if (i == value) {
|
| | | this.selection.selectNode(parentNode, false);
|
| | | tinyMCE.triggerNodeChange();
|
| | | tinyMCE.selectedNode = parentNode;
|
| | | return;
|
| | | }
|
| | | dom.add(parentNode, 'br', {'data-mce-bogus' : 1});
|
| | | }
|
| | | });
|
| | | };
|
| | |
|
| | | parentNode = parentNode.parentNode;
|
| | | editor.onExecCommand.add(function(editor, cmd) {
|
| | | if (cmd === 'CreateLink') {
|
| | | fixLinks(editor);
|
| | | }
|
| | | });
|
| | |
|
| | | editor.onSetContent.add(selection.onSetContent.add(fixLinks));
|
| | | };
|
| | |
|
| | | function setDefaultBlockType() {
|
| | | if (settings.forced_root_block) {
|
| | | editor.onInit.add(function() {
|
| | | setEditorCommandState('DefaultParagraphSeparator', settings.forced_root_block);
|
| | | });
|
| | | }
|
| | | }
|
| | |
|
| | | function removeGhostSelection() {
|
| | | function repaint(sender, args) {
|
| | | if (!sender || !args.initial) {
|
| | | editor.execCommand('mceRepaint');
|
| | | }
|
| | | };
|
| | |
|
| | | editor.onUndo.add(repaint);
|
| | | editor.onRedo.add(repaint);
|
| | | editor.onSetContent.add(repaint);
|
| | | };
|
| | |
|
| | | function deleteControlItemOnBackSpace() {
|
| | | editor.onKeyDown.add(function(editor, e) {
|
| | | var rng;
|
| | |
|
| | | if (!e.isDefaultPrevented() && e.keyCode == BACKSPACE) {
|
| | | rng = editor.getDoc().selection.createRange();
|
| | | if (rng && rng.item) {
|
| | | e.preventDefault();
|
| | | editor.undoManager.beforeChange();
|
| | | dom.remove(rng.item(0));
|
| | | editor.undoManager.add();
|
| | | }
|
| | | }
|
| | | });
|
| | | };
|
| | |
|
| | | function renderEmptyBlocksFix() {
|
| | | var emptyBlocksCSS;
|
| | |
|
| | | // IE10+
|
| | | if (getDocumentMode() >= 10) {
|
| | | emptyBlocksCSS = '';
|
| | | tinymce.each('p div h1 h2 h3 h4 h5 h6'.split(' '), function(name, i) {
|
| | | emptyBlocksCSS += (i > 0 ? ',' : '') + name + ':empty';
|
| | | });
|
| | |
|
| | | editor.contentStyles.push(emptyBlocksCSS + '{padding-right: 1px !important}');
|
| | | }
|
| | | };
|
| | |
|
| | | function fakeImageResize() {
|
| | | var selectedElmX, selectedElmY, selectedElm, selectedElmGhost, selectedHandle, startX, startY, startW, startH, ratio,
|
| | | resizeHandles, width, height, rootDocument = document, editableDoc = editor.getDoc();
|
| | |
|
| | | if (!settings.object_resizing || settings.webkit_fake_resize === false) {
|
| | | return;
|
| | | }
|
| | |
|
| | | // Try disabling object resizing if WebKit implements resizing in the future
|
| | | setEditorCommandState("enableObjectResizing", false);
|
| | |
|
| | | // Details about each resize handle how to scale etc
|
| | | resizeHandles = {
|
| | | // Name: x multiplier, y multiplier, delta size x, delta size y
|
| | | n: [.5, 0, 0, -1],
|
| | | e: [1, .5, 1, 0],
|
| | | s: [.5, 1, 0, 1],
|
| | | w: [0, .5, -1, 0],
|
| | | nw: [0, 0, -1, -1],
|
| | | ne: [1, 0, 1, -1],
|
| | | se: [1, 1, 1, 1],
|
| | | sw : [0, 1, -1, 1]
|
| | | };
|
| | |
|
| | | function resizeElement(e) {
|
| | | var deltaX, deltaY;
|
| | |
|
| | | // Calc new width/height
|
| | | deltaX = e.screenX - startX;
|
| | | deltaY = e.screenY - startY;
|
| | |
|
| | | // Calc new size
|
| | | width = deltaX * selectedHandle[2] + startW;
|
| | | height = deltaY * selectedHandle[3] + startH;
|
| | |
|
| | | // Never scale down lower than 5 pixels
|
| | | width = width < 5 ? 5 : width;
|
| | | height = height < 5 ? 5 : height;
|
| | |
|
| | | // Constrain proportions when modifier key is pressed or if the nw, ne, sw, se corners are moved on an image
|
| | | if (VK.modifierPressed(e) || (selectedElm.nodeName == "IMG" && selectedHandle[2] * selectedHandle[3] !== 0)) {
|
| | | width = Math.round(height / ratio);
|
| | | height = Math.round(width * ratio);
|
| | | }
|
| | |
|
| | | // Update ghost size
|
| | | dom.setStyles(selectedElmGhost, {
|
| | | width: width,
|
| | | height: height
|
| | | });
|
| | |
|
| | | // Update ghost X position if needed
|
| | | if (selectedHandle[2] < 0 && selectedElmGhost.clientWidth <= width) {
|
| | | dom.setStyle(selectedElmGhost, 'left', selectedElmX + (startW - width));
|
| | | }
|
| | |
|
| | | // Update ghost Y position if needed
|
| | | if (selectedHandle[3] < 0 && selectedElmGhost.clientHeight <= height) {
|
| | | dom.setStyle(selectedElmGhost, 'top', selectedElmY + (startH - height));
|
| | | }
|
| | | }
|
| | |
|
| | | function endResize() {
|
| | | function setSizeProp(name, value) {
|
| | | if (value) {
|
| | | // Resize by using style or attribute
|
| | | if (selectedElm.style[name] || !editor.schema.isValid(selectedElm.nodeName.toLowerCase(), name)) {
|
| | | dom.setStyle(selectedElm, name, value);
|
| | | } else {
|
| | | dom.setAttrib(selectedElm, name, value);
|
| | | }
|
| | | }
|
| | | }
|
| | |
|
| | | // Set width/height properties
|
| | | setSizeProp('width', width);
|
| | | setSizeProp('height', height);
|
| | |
|
| | | dom.unbind(editableDoc, 'mousemove', resizeElement);
|
| | | dom.unbind(editableDoc, 'mouseup', endResize);
|
| | |
|
| | | if (rootDocument != editableDoc) {
|
| | | dom.unbind(rootDocument, 'mousemove', resizeElement);
|
| | | dom.unbind(rootDocument, 'mouseup', endResize);
|
| | | }
|
| | |
|
| | | // Remove ghost and update resize handle positions
|
| | | dom.remove(selectedElmGhost);
|
| | | showResizeRect(selectedElm);
|
| | | }
|
| | |
|
| | | function showResizeRect(targetElm) {
|
| | | var position, targetWidth, targetHeight;
|
| | |
|
| | | hideResizeRect();
|
| | |
|
| | | // Get position and size of target
|
| | | position = dom.getPos(targetElm);
|
| | | selectedElmX = position.x;
|
| | | selectedElmY = position.y;
|
| | | targetWidth = targetElm.offsetWidth;
|
| | | targetHeight = targetElm.offsetHeight;
|
| | |
|
| | | // Reset width/height if user selects a new image/table
|
| | | if (selectedElm != targetElm) {
|
| | | selectedElm = targetElm;
|
| | | width = height = 0;
|
| | | }
|
| | |
|
| | | tinymce.each(resizeHandles, function(handle, name) {
|
| | | var handleElm;
|
| | |
|
| | | // Get existing or render resize handle
|
| | | handleElm = dom.get('mceResizeHandle' + name);
|
| | | if (!handleElm) {
|
| | | handleElm = dom.add(editableDoc.documentElement, 'div', {
|
| | | id: 'mceResizeHandle' + name,
|
| | | 'class': 'mceResizeHandle',
|
| | | style: 'cursor:' + name + '-resize; margin:0; padding:0'
|
| | | });
|
| | |
|
| | | dom.bind(handleElm, 'mousedown', function(e) {
|
| | | e.preventDefault();
|
| | |
|
| | | endResize();
|
| | |
|
| | | startX = e.screenX;
|
| | | startY = e.screenY;
|
| | | startW = selectedElm.clientWidth;
|
| | | startH = selectedElm.clientHeight;
|
| | | ratio = startH / startW;
|
| | | selectedHandle = handle;
|
| | |
|
| | | selectedElmGhost = selectedElm.cloneNode(true);
|
| | | dom.addClass(selectedElmGhost, 'mceClonedResizable');
|
| | | dom.setStyles(selectedElmGhost, {
|
| | | left: selectedElmX,
|
| | | top: selectedElmY,
|
| | | margin: 0
|
| | | });
|
| | |
|
| | | editableDoc.documentElement.appendChild(selectedElmGhost);
|
| | |
|
| | | dom.bind(editableDoc, 'mousemove', resizeElement);
|
| | | dom.bind(editableDoc, 'mouseup', endResize);
|
| | |
|
| | | if (rootDocument != editableDoc) {
|
| | | dom.bind(rootDocument, 'mousemove', resizeElement);
|
| | | dom.bind(rootDocument, 'mouseup', endResize);
|
| | | }
|
| | | });
|
| | | } else {
|
| | | dom.show(handleElm);
|
| | | }
|
| | |
|
| | | break;
|
| | | // Position element
|
| | | dom.setStyles(handleElm, {
|
| | | left: (targetWidth * handle[0] + selectedElmX) - (handleElm.offsetWidth / 2),
|
| | | top: (targetHeight * handle[1] + selectedElmY) - (handleElm.offsetHeight / 2)
|
| | | });
|
| | | });
|
| | |
|
| | | case "mceSetStyleInfo":
|
| | | case "SetStyleInfo":
|
| | | var rng = this.getRng();
|
| | | var sel = this.getSel();
|
| | | var scmd = value.command;
|
| | | var sname = value.name;
|
| | | var svalue = value.value == null ? '' : value.value;
|
| | | //var svalue = value['value'] == null ? '' : value['value'];
|
| | | var wrapper = value.wrapper ? value.wrapper : "span";
|
| | | var parentElm = null;
|
| | | var invalidRe = new RegExp("^BODY|HTML$", "g");
|
| | | var invalidParentsRe = tinyMCE.settings.merge_styles_invalid_parents !== '' ? new RegExp(tinyMCE.settings.merge_styles_invalid_parents, "gi") : null;
|
| | | // Only add resize rectangle on WebKit and only on images
|
| | | if (!tinymce.isOpera && selectedElm.nodeName == "IMG") {
|
| | | selectedElm.setAttribute('data-mce-selected', '1');
|
| | | }
|
| | | }
|
| | |
|
| | | // Whole element selected check
|
| | | if (tinyMCE.isIE) {
|
| | | // Control range
|
| | | if (rng.item)
|
| | | parentElm = rng.item(0);
|
| | | else {
|
| | | var pelm = rng.parentElement();
|
| | | var prng = doc.selection.createRange();
|
| | | prng.moveToElementText(pelm);
|
| | | function hideResizeRect() {
|
| | | if (selectedElm) {
|
| | | selectedElm.removeAttribute('data-mce-selected');
|
| | | }
|
| | |
|
| | | if (rng.htmlText == prng.htmlText || rng.boundingWidth == 0) {
|
| | | if (invalidParentsRe == null || !invalidParentsRe.test(pelm.nodeName))
|
| | | parentElm = pelm;
|
| | | }
|
| | | }
|
| | | } else {
|
| | | var felm = this.getFocusElement();
|
| | | if (sel.isCollapsed || (new RegExp('td|tr|tbody|table|img', 'gi').test(felm.nodeName) && sel.anchorNode == felm.parentNode))
|
| | | parentElm = felm;
|
| | | for (var name in resizeHandles) {
|
| | | dom.hide('mceResizeHandle' + name);
|
| | | }
|
| | | }
|
| | |
|
| | | // Add CSS for resize handles, cloned element and selected
|
| | | editor.contentStyles.push(
|
| | | '.mceResizeHandle {' +
|
| | | 'position: absolute;' +
|
| | | 'border: 1px solid black;' +
|
| | | 'background: #FFF;' +
|
| | | 'width: 5px;' +
|
| | | 'height: 5px;' +
|
| | | 'z-index: 10000' +
|
| | | '}' +
|
| | | '.mceResizeHandle:hover {' +
|
| | | 'background: #000' +
|
| | | '}' +
|
| | | 'img[data-mce-selected] {' +
|
| | | 'outline: 1px solid black' +
|
| | | '}' +
|
| | | 'img.mceClonedResizable, table.mceClonedResizable {' +
|
| | | 'position: absolute;' +
|
| | | 'outline: 1px dashed black;' +
|
| | | 'opacity: .5;' +
|
| | | 'z-index: 10000' +
|
| | | '}'
|
| | | );
|
| | |
|
| | | function updateResizeRect() {
|
| | | var controlElm = dom.getParent(selection.getNode(), 'table,img');
|
| | |
|
| | | // Remove data-mce-selected from all elements since they might have been copied using Ctrl+c/v
|
| | | tinymce.each(dom.select('img[data-mce-selected]'), function(img) {
|
| | | img.removeAttribute('data-mce-selected');
|
| | | });
|
| | |
|
| | | if (controlElm) {
|
| | | showResizeRect(controlElm);
|
| | | } else {
|
| | | hideResizeRect();
|
| | | }
|
| | | }
|
| | |
|
| | | // Show/hide resize rect when image is selected
|
| | | editor.onNodeChange.add(updateResizeRect);
|
| | |
|
| | | // Fixes WebKit quirk where it returns IMG on getNode if caret is after last image in container
|
| | | dom.bind(editableDoc, 'selectionchange', updateResizeRect);
|
| | |
|
| | | // Remove the internal attribute when serializing the DOM
|
| | | editor.serializer.addAttributeFilter('data-mce-selected', function(nodes, name) {
|
| | | var i = nodes.length;
|
| | |
|
| | | while (i--) {
|
| | | nodes[i].attr(name, null);
|
| | | }
|
| | | });
|
| | | }
|
| | |
|
| | | // All browsers
|
| | | disableBackspaceIntoATable();
|
| | | removeBlockQuoteOnBackSpace();
|
| | | emptyEditorWhenDeleting();
|
| | |
|
| | | // WebKit
|
| | | if (tinymce.isWebKit) {
|
| | | keepInlineElementOnDeleteBackspace();
|
| | | cleanupStylesWhenDeleting();
|
| | | inputMethodFocus();
|
| | | selectControlElements();
|
| | | setDefaultBlockType();
|
| | |
|
| | | // iOS
|
| | | if (tinymce.isIDevice) {
|
| | | selectionChangeNodeChanged();
|
| | | } else {
|
| | | fakeImageResize();
|
| | | selectAll();
|
| | | }
|
| | | }
|
| | |
|
| | | // IE
|
| | | if (tinymce.isIE) {
|
| | | removeHrOnBackspace();
|
| | | ensureBodyHasRoleApplication();
|
| | | addNewLinesBeforeBrInPre();
|
| | | removePreSerializedStylesWhenSelectingControls();
|
| | | deleteControlItemOnBackSpace();
|
| | | renderEmptyBlocksFix();
|
| | | }
|
| | |
|
| | | // Gecko
|
| | | if (tinymce.isGecko) {
|
| | | removeHrOnBackspace();
|
| | | focusBody();
|
| | | removeStylesWhenDeletingAccrossBlockElements();
|
| | | setGeckoEditingOptions();
|
| | | addBrAfterLastLinks();
|
| | | removeGhostSelection();
|
| | | }
|
| | |
|
| | | // Opera
|
| | | if (tinymce.isOpera) {
|
| | | fakeImageResize();
|
| | | }
|
| | | };
|
| | | (function(tinymce) {
|
| | | var namedEntities, baseEntities, reverseEntities,
|
| | | attrsCharsRegExp = /[&<>\"\u007E-\uD7FF\uE000-\uFFEF]|[\uD800-\uDBFF][\uDC00-\uDFFF]/g,
|
| | | textCharsRegExp = /[<>&\u007E-\uD7FF\uE000-\uFFEF]|[\uD800-\uDBFF][\uDC00-\uDFFF]/g,
|
| | | rawCharsRegExp = /[<>&\"\']/g,
|
| | | entityRegExp = /&(#x|#)?([\w]+);/g,
|
| | | asciiMap = {
|
| | | 128 : "\u20AC", 130 : "\u201A", 131 : "\u0192", 132 : "\u201E", 133 : "\u2026", 134 : "\u2020",
|
| | | 135 : "\u2021", 136 : "\u02C6", 137 : "\u2030", 138 : "\u0160", 139 : "\u2039", 140 : "\u0152",
|
| | | 142 : "\u017D", 145 : "\u2018", 146 : "\u2019", 147 : "\u201C", 148 : "\u201D", 149 : "\u2022",
|
| | | 150 : "\u2013", 151 : "\u2014", 152 : "\u02DC", 153 : "\u2122", 154 : "\u0161", 155 : "\u203A",
|
| | | 156 : "\u0153", 158 : "\u017E", 159 : "\u0178"
|
| | | };
|
| | |
|
| | | // Raw entities
|
| | | baseEntities = {
|
| | | '\"' : '"', // Needs to be escaped since the YUI compressor would otherwise break the code
|
| | | "'" : ''',
|
| | | '<' : '<',
|
| | | '>' : '>',
|
| | | '&' : '&'
|
| | | };
|
| | |
|
| | | // Reverse lookup table for raw entities
|
| | | reverseEntities = {
|
| | | '<' : '<',
|
| | | '>' : '>',
|
| | | '&' : '&',
|
| | | '"' : '"',
|
| | | ''' : "'"
|
| | | };
|
| | |
|
| | | // Decodes text by using the browser
|
| | | function nativeDecode(text) {
|
| | | var elm;
|
| | |
|
| | | elm = document.createElement("div");
|
| | | elm.innerHTML = text;
|
| | |
|
| | | return elm.textContent || elm.innerText || text;
|
| | | };
|
| | |
|
| | | // Build a two way lookup table for the entities
|
| | | function buildEntitiesLookup(items, radix) {
|
| | | var i, chr, entity, lookup = {};
|
| | |
|
| | | if (items) {
|
| | | items = items.split(',');
|
| | | radix = radix || 10;
|
| | |
|
| | | // Build entities lookup table
|
| | | for (i = 0; i < items.length; i += 2) {
|
| | | chr = String.fromCharCode(parseInt(items[i], radix));
|
| | |
|
| | | // Only add non base entities
|
| | | if (!baseEntities[chr]) {
|
| | | entity = '&' + items[i + 1] + ';';
|
| | | lookup[chr] = entity;
|
| | | lookup[entity] = chr;
|
| | | }
|
| | | }
|
| | |
|
| | | return lookup;
|
| | | }
|
| | | };
|
| | |
|
| | | // Unpack entities lookup where the numbers are in radix 32 to reduce the size
|
| | | namedEntities = buildEntitiesLookup(
|
| | | '50,nbsp,51,iexcl,52,cent,53,pound,54,curren,55,yen,56,brvbar,57,sect,58,uml,59,copy,' +
|
| | | '5a,ordf,5b,laquo,5c,not,5d,shy,5e,reg,5f,macr,5g,deg,5h,plusmn,5i,sup2,5j,sup3,5k,acute,' +
|
| | | '5l,micro,5m,para,5n,middot,5o,cedil,5p,sup1,5q,ordm,5r,raquo,5s,frac14,5t,frac12,5u,frac34,' +
|
| | | '5v,iquest,60,Agrave,61,Aacute,62,Acirc,63,Atilde,64,Auml,65,Aring,66,AElig,67,Ccedil,' +
|
| | | '68,Egrave,69,Eacute,6a,Ecirc,6b,Euml,6c,Igrave,6d,Iacute,6e,Icirc,6f,Iuml,6g,ETH,6h,Ntilde,' +
|
| | | '6i,Ograve,6j,Oacute,6k,Ocirc,6l,Otilde,6m,Ouml,6n,times,6o,Oslash,6p,Ugrave,6q,Uacute,' +
|
| | | '6r,Ucirc,6s,Uuml,6t,Yacute,6u,THORN,6v,szlig,70,agrave,71,aacute,72,acirc,73,atilde,74,auml,' +
|
| | | '75,aring,76,aelig,77,ccedil,78,egrave,79,eacute,7a,ecirc,7b,euml,7c,igrave,7d,iacute,7e,icirc,' +
|
| | | '7f,iuml,7g,eth,7h,ntilde,7i,ograve,7j,oacute,7k,ocirc,7l,otilde,7m,ouml,7n,divide,7o,oslash,' +
|
| | | '7p,ugrave,7q,uacute,7r,ucirc,7s,uuml,7t,yacute,7u,thorn,7v,yuml,ci,fnof,sh,Alpha,si,Beta,' +
|
| | | 'sj,Gamma,sk,Delta,sl,Epsilon,sm,Zeta,sn,Eta,so,Theta,sp,Iota,sq,Kappa,sr,Lambda,ss,Mu,' +
|
| | | 'st,Nu,su,Xi,sv,Omicron,t0,Pi,t1,Rho,t3,Sigma,t4,Tau,t5,Upsilon,t6,Phi,t7,Chi,t8,Psi,' +
|
| | | 't9,Omega,th,alpha,ti,beta,tj,gamma,tk,delta,tl,epsilon,tm,zeta,tn,eta,to,theta,tp,iota,' +
|
| | | 'tq,kappa,tr,lambda,ts,mu,tt,nu,tu,xi,tv,omicron,u0,pi,u1,rho,u2,sigmaf,u3,sigma,u4,tau,' +
|
| | | 'u5,upsilon,u6,phi,u7,chi,u8,psi,u9,omega,uh,thetasym,ui,upsih,um,piv,812,bull,816,hellip,' +
|
| | | '81i,prime,81j,Prime,81u,oline,824,frasl,88o,weierp,88h,image,88s,real,892,trade,89l,alefsym,' +
|
| | | '8cg,larr,8ch,uarr,8ci,rarr,8cj,darr,8ck,harr,8dl,crarr,8eg,lArr,8eh,uArr,8ei,rArr,8ej,dArr,' +
|
| | | '8ek,hArr,8g0,forall,8g2,part,8g3,exist,8g5,empty,8g7,nabla,8g8,isin,8g9,notin,8gb,ni,8gf,prod,' +
|
| | | '8gh,sum,8gi,minus,8gn,lowast,8gq,radic,8gt,prop,8gu,infin,8h0,ang,8h7,and,8h8,or,8h9,cap,8ha,cup,' +
|
| | | '8hb,int,8hk,there4,8hs,sim,8i5,cong,8i8,asymp,8j0,ne,8j1,equiv,8j4,le,8j5,ge,8k2,sub,8k3,sup,8k4,' +
|
| | | 'nsub,8k6,sube,8k7,supe,8kl,oplus,8kn,otimes,8l5,perp,8m5,sdot,8o8,lceil,8o9,rceil,8oa,lfloor,8ob,' +
|
| | | 'rfloor,8p9,lang,8pa,rang,9ea,loz,9j0,spades,9j3,clubs,9j5,hearts,9j6,diams,ai,OElig,aj,oelig,b0,' +
|
| | | 'Scaron,b1,scaron,bo,Yuml,m6,circ,ms,tilde,802,ensp,803,emsp,809,thinsp,80c,zwnj,80d,zwj,80e,lrm,' +
|
| | | '80f,rlm,80j,ndash,80k,mdash,80o,lsquo,80p,rsquo,80q,sbquo,80s,ldquo,80t,rdquo,80u,bdquo,810,dagger,' +
|
| | | '811,Dagger,81g,permil,81p,lsaquo,81q,rsaquo,85c,euro', 32);
|
| | |
|
| | | tinymce.html = tinymce.html || {};
|
| | |
|
| | | tinymce.html.Entities = {
|
| | | encodeRaw : function(text, attr) {
|
| | | return text.replace(attr ? attrsCharsRegExp : textCharsRegExp, function(chr) {
|
| | | return baseEntities[chr] || chr;
|
| | | });
|
| | | },
|
| | |
|
| | | encodeAllRaw : function(text) {
|
| | | return ('' + text).replace(rawCharsRegExp, function(chr) {
|
| | | return baseEntities[chr] || chr;
|
| | | });
|
| | | },
|
| | |
|
| | | encodeNumeric : function(text, attr) {
|
| | | return text.replace(attr ? attrsCharsRegExp : textCharsRegExp, function(chr) {
|
| | | // Multi byte sequence convert it to a single entity
|
| | | if (chr.length > 1)
|
| | | return '&#' + (((chr.charCodeAt(0) - 0xD800) * 0x400) + (chr.charCodeAt(1) - 0xDC00) + 0x10000) + ';';
|
| | |
|
| | | return baseEntities[chr] || '&#' + chr.charCodeAt(0) + ';';
|
| | | });
|
| | | },
|
| | |
|
| | | encodeNamed : function(text, attr, entities) {
|
| | | entities = entities || namedEntities;
|
| | |
|
| | | return text.replace(attr ? attrsCharsRegExp : textCharsRegExp, function(chr) {
|
| | | return baseEntities[chr] || entities[chr] || chr;
|
| | | });
|
| | | },
|
| | |
|
| | | getEncodeFunc : function(name, entities) {
|
| | | var Entities = tinymce.html.Entities;
|
| | |
|
| | | entities = buildEntitiesLookup(entities) || namedEntities;
|
| | |
|
| | | function encodeNamedAndNumeric(text, attr) {
|
| | | return text.replace(attr ? attrsCharsRegExp : textCharsRegExp, function(chr) {
|
| | | return baseEntities[chr] || entities[chr] || '&#' + chr.charCodeAt(0) + ';' || chr;
|
| | | });
|
| | | };
|
| | |
|
| | | function encodeCustomNamed(text, attr) {
|
| | | return Entities.encodeNamed(text, attr, entities);
|
| | | };
|
| | |
|
| | | // Replace + with , to be compatible with previous TinyMCE versions
|
| | | name = tinymce.makeMap(name.replace(/\+/g, ','));
|
| | |
|
| | | // Named and numeric encoder
|
| | | if (name.named && name.numeric)
|
| | | return encodeNamedAndNumeric;
|
| | |
|
| | | // Named encoder
|
| | | if (name.named) {
|
| | | // Custom names
|
| | | if (entities)
|
| | | return encodeCustomNamed;
|
| | |
|
| | | return Entities.encodeNamed;
|
| | | }
|
| | |
|
| | | // Numeric
|
| | | if (name.numeric)
|
| | | return Entities.encodeNumeric;
|
| | |
|
| | | // Raw encoder
|
| | | return Entities.encodeRaw;
|
| | | },
|
| | |
|
| | | decode : function(text) {
|
| | | return text.replace(entityRegExp, function(all, numeric, value) {
|
| | | if (numeric) {
|
| | | value = parseInt(value, numeric.length === 2 ? 16 : 10);
|
| | |
|
| | | // Support upper UTF
|
| | | if (value > 0xFFFF) {
|
| | | value -= 0x10000;
|
| | |
|
| | | return String.fromCharCode(0xD800 + (value >> 10), 0xDC00 + (value & 0x3FF));
|
| | | } else
|
| | | return asciiMap[value] || String.fromCharCode(value);
|
| | | }
|
| | |
|
| | | // Whole element selected
|
| | | if (parentElm && !invalidRe.test(parentElm.nodeName)) {
|
| | | if (scmd == "setstyle")
|
| | | tinyMCE.setStyleAttrib(parentElm, sname, svalue);
|
| | | return reverseEntities[all] || namedEntities[all] || nativeDecode(all);
|
| | | });
|
| | | }
|
| | | };
|
| | | })(tinymce);
|
| | |
|
| | | if (scmd == "setattrib")
|
| | | tinyMCE.setAttrib(parentElm, sname, svalue);
|
| | | tinymce.html.Styles = function(settings, schema) {
|
| | | var rgbRegExp = /rgb\s*\(\s*([0-9]+)\s*,\s*([0-9]+)\s*,\s*([0-9]+)\s*\)/gi,
|
| | | urlOrStrRegExp = /(?:url(?:(?:\(\s*\"([^\"]+)\"\s*\))|(?:\(\s*\'([^\']+)\'\s*\))|(?:\(\s*([^)\s]+)\s*\))))|(?:\'([^\']+)\')|(?:\"([^\"]+)\")/gi,
|
| | | styleRegExp = /\s*([^:]+):\s*([^;]+);?/g,
|
| | | trimRightRegExp = /\s+$/,
|
| | | urlColorRegExp = /rgb/,
|
| | | undef, i, encodingLookup = {}, encodingItems;
|
| | |
|
| | | if (scmd == "removeformat") {
|
| | | parentElm.style.cssText = '';
|
| | | tinyMCE.setAttrib(parentElm, 'class', '');
|
| | | settings = settings || {};
|
| | |
|
| | | encodingItems = '\\" \\\' \\; \\: ; : \uFEFF'.split(' ');
|
| | | for (i = 0; i < encodingItems.length; i++) {
|
| | | encodingLookup[encodingItems[i]] = '\uFEFF' + i;
|
| | | encodingLookup['\uFEFF' + i] = encodingItems[i];
|
| | | }
|
| | |
|
| | | function toHex(match, r, g, b) {
|
| | | function hex(val) {
|
| | | val = parseInt(val).toString(16);
|
| | |
|
| | | return val.length > 1 ? val : '0' + val; // 0 -> 00
|
| | | };
|
| | |
|
| | | return '#' + hex(r) + hex(g) + hex(b);
|
| | | };
|
| | |
|
| | | return {
|
| | | toHex : function(color) {
|
| | | return color.replace(rgbRegExp, toHex);
|
| | | },
|
| | |
|
| | | parse : function(css) {
|
| | | var styles = {}, matches, name, value, isEncoded, urlConverter = settings.url_converter, urlConverterScope = settings.url_converter_scope || this;
|
| | |
|
| | | function compress(prefix, suffix) {
|
| | | var top, right, bottom, left;
|
| | |
|
| | | // Get values and check it it needs compressing
|
| | | top = styles[prefix + '-top' + suffix];
|
| | | if (!top)
|
| | | return;
|
| | |
|
| | | right = styles[prefix + '-right' + suffix];
|
| | | if (top != right)
|
| | | return;
|
| | |
|
| | | bottom = styles[prefix + '-bottom' + suffix];
|
| | | if (right != bottom)
|
| | | return;
|
| | |
|
| | | left = styles[prefix + '-left' + suffix];
|
| | | if (bottom != left)
|
| | | return;
|
| | |
|
| | | // Compress
|
| | | styles[prefix + suffix] = left;
|
| | | delete styles[prefix + '-top' + suffix];
|
| | | delete styles[prefix + '-right' + suffix];
|
| | | delete styles[prefix + '-bottom' + suffix];
|
| | | delete styles[prefix + '-left' + suffix];
|
| | | };
|
| | |
|
| | | function canCompress(key) {
|
| | | var value = styles[key], i;
|
| | |
|
| | | if (!value || value.indexOf(' ') < 0)
|
| | | return;
|
| | |
|
| | | value = value.split(' ');
|
| | | i = value.length;
|
| | | while (i--) {
|
| | | if (value[i] !== value[0])
|
| | | return false;
|
| | | }
|
| | |
|
| | | styles[key] = value[0];
|
| | |
|
| | | return true;
|
| | | };
|
| | |
|
| | | function compress2(target, a, b, c) {
|
| | | if (!canCompress(a))
|
| | | return;
|
| | |
|
| | | if (!canCompress(b))
|
| | | return;
|
| | |
|
| | | if (!canCompress(c))
|
| | | return;
|
| | |
|
| | | // Compress
|
| | | styles[target] = styles[a] + ' ' + styles[b] + ' ' + styles[c];
|
| | | delete styles[a];
|
| | | delete styles[b];
|
| | | delete styles[c];
|
| | | };
|
| | |
|
| | | // Encodes the specified string by replacing all \" \' ; : with _<num>
|
| | | function encode(str) {
|
| | | isEncoded = true;
|
| | |
|
| | | return encodingLookup[str];
|
| | | };
|
| | |
|
| | | // Decodes the specified string by replacing all _<num> with it's original value \" \' etc
|
| | | // It will also decode the \" \' if keep_slashes is set to fale or omitted
|
| | | function decode(str, keep_slashes) {
|
| | | if (isEncoded) {
|
| | | str = str.replace(/\uFEFF[0-9]/g, function(str) {
|
| | | return encodingLookup[str];
|
| | | });
|
| | | }
|
| | |
|
| | | if (!keep_slashes)
|
| | | str = str.replace(/\\([\'\";:])/g, "$1");
|
| | |
|
| | | return str;
|
| | | };
|
| | |
|
| | | function processUrl(match, url, url2, url3, str, str2) {
|
| | | str = str || str2;
|
| | |
|
| | | if (str) {
|
| | | str = decode(str);
|
| | |
|
| | | // Force strings into single quote format
|
| | | return "'" + str.replace(/\'/g, "\\'") + "'";
|
| | | }
|
| | |
|
| | | url = decode(url || url2 || url3);
|
| | |
|
| | | // Convert the URL to relative/absolute depending on config
|
| | | if (urlConverter)
|
| | | url = urlConverter.call(urlConverterScope, url, 'style');
|
| | |
|
| | | // Output new URL format
|
| | | return "url('" + url.replace(/\'/g, "\\'") + "')";
|
| | | };
|
| | |
|
| | | if (css) {
|
| | | // Encode \" \' % and ; and : inside strings so they don't interfere with the style parsing
|
| | | css = css.replace(/\\[\"\';:\uFEFF]/g, encode).replace(/\"[^\"]+\"|\'[^\']+\'/g, function(str) {
|
| | | return str.replace(/[;:]/g, encode);
|
| | | });
|
| | |
|
| | | // Parse styles
|
| | | while (matches = styleRegExp.exec(css)) {
|
| | | name = matches[1].replace(trimRightRegExp, '').toLowerCase();
|
| | | value = matches[2].replace(trimRightRegExp, '');
|
| | |
|
| | | if (name && value.length > 0) {
|
| | | // Opera will produce 700 instead of bold in their style values
|
| | | if (name === 'font-weight' && value === '700')
|
| | | value = 'bold';
|
| | | else if (name === 'color' || name === 'background-color') // Lowercase colors like RED
|
| | | value = value.toLowerCase(); |
| | |
|
| | | // Convert RGB colors to HEX
|
| | | value = value.replace(rgbRegExp, toHex);
|
| | |
|
| | | // Convert URLs and force them into url('value') format
|
| | | value = value.replace(urlOrStrRegExp, processUrl);
|
| | | styles[name] = isEncoded ? decode(value, true) : value;
|
| | | }
|
| | |
|
| | | // Remove style/attribs from all children
|
| | | var ch = tinyMCE.getNodeTree(parentElm, [], 1);
|
| | | for (z=0; z<ch.length; z++) {
|
| | | if (ch[z] == parentElm)
|
| | | continue;
|
| | | styleRegExp.lastIndex = matches.index + matches[0].length;
|
| | | }
|
| | |
|
| | | if (scmd == "setstyle")
|
| | | tinyMCE.setStyleAttrib(ch[z], sname, '');
|
| | | // Compress the styles to reduce it's size for example IE will expand styles
|
| | | compress("border", "");
|
| | | compress("border", "-width");
|
| | | compress("border", "-color");
|
| | | compress("border", "-style");
|
| | | compress("padding", "");
|
| | | compress("margin", "");
|
| | | compress2('border', 'border-width', 'border-style', 'border-color');
|
| | |
|
| | | if (scmd == "setattrib")
|
| | | tinyMCE.setAttrib(ch[z], sname, '');
|
| | | // Remove pointless border, IE produces these
|
| | | if (styles.border === 'medium none')
|
| | | delete styles.border;
|
| | | }
|
| | |
|
| | | if (scmd == "removeformat") {
|
| | | ch[z].style.cssText = '';
|
| | | tinyMCE.setAttrib(ch[z], 'class', '');
|
| | | return styles;
|
| | | },
|
| | |
|
| | | serialize : function(styles, element_name) {
|
| | | var css = '', name, value;
|
| | |
|
| | | function serializeStyles(name) {
|
| | | var styleList, i, l, value;
|
| | |
|
| | | styleList = schema.styles[name];
|
| | | if (styleList) {
|
| | | for (i = 0, l = styleList.length; i < l; i++) {
|
| | | name = styleList[i];
|
| | | value = styles[name];
|
| | |
|
| | | if (value !== undef && value.length > 0)
|
| | | css += (css.length > 0 ? ' ' : '') + name + ': ' + value + ';';
|
| | | }
|
| | | }
|
| | | };
|
| | |
|
| | | // Serialize styles according to schema
|
| | | if (element_name && schema && schema.styles) {
|
| | | // Serialize global styles and element specific styles
|
| | | serializeStyles('*');
|
| | | serializeStyles(element_name);
|
| | | } else {
|
| | | // Output the styles in the order they are inside the object
|
| | | for (name in styles) {
|
| | | value = styles[name];
|
| | |
|
| | | if (value !== undef && value.length > 0)
|
| | | css += (css.length > 0 ? ' ' : '') + name + ': ' + value + ';';
|
| | | }
|
| | | }
|
| | |
|
| | | return css;
|
| | | }
|
| | | };
|
| | | };
|
| | |
|
| | | (function(tinymce) {
|
| | | var mapCache = {}, makeMap = tinymce.makeMap, each = tinymce.each;
|
| | |
|
| | | function split(str, delim) {
|
| | | return str.split(delim || ',');
|
| | | };
|
| | |
|
| | | function unpack(lookup, data) {
|
| | | var key, elements = {};
|
| | |
|
| | | function replace(value) {
|
| | | return value.replace(/[A-Z]+/g, function(key) {
|
| | | return replace(lookup[key]);
|
| | | });
|
| | | };
|
| | |
|
| | | // Unpack lookup
|
| | | for (key in lookup) {
|
| | | if (lookup.hasOwnProperty(key))
|
| | | lookup[key] = replace(lookup[key]);
|
| | | }
|
| | |
|
| | | // Unpack and parse data into object map
|
| | | replace(data).replace(/#/g, '#text').replace(/(\w+)\[([^\]]+)\]\[([^\]]*)\]/g, function(str, name, attributes, children) {
|
| | | attributes = split(attributes, '|');
|
| | |
|
| | | elements[name] = {
|
| | | attributes : makeMap(attributes),
|
| | | attributesOrder : attributes,
|
| | | children : makeMap(children, '|', {'#comment' : {}})
|
| | | }
|
| | | });
|
| | |
|
| | | return elements;
|
| | | };
|
| | |
|
| | | function getHTML5() {
|
| | | var html5 = mapCache.html5;
|
| | |
|
| | | if (!html5) {
|
| | | html5 = mapCache.html5 = unpack({
|
| | | A : 'id|accesskey|class|dir|draggable|item|hidden|itemprop|role|spellcheck|style|subject|title|onclick|ondblclick|onmousedown|onmouseup|onmouseover|onmousemove|onmouseout|onkeypress|onkeydown|onkeyup',
|
| | | 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|' +
|
| | | 'meter|noscript|object|output|progress|q|ruby|samp|script|select|small|span|strong|sub|sup|svg|textarea|time|var|video|wbr',
|
| | | 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|' +
|
| | | '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|' +
|
| | | 'p|pre|progress|q|ruby|samp|script|section|select|small|span|strong|style|sub|sup|svg|table|textarea|time|ul|var|video'
|
| | | }, 'html[A|manifest][body|head]' +
|
| | | 'head[A][base|command|link|meta|noscript|script|style|title]' +
|
| | | 'title[A][#]' +
|
| | | 'base[A|href|target][]' +
|
| | | 'link[A|href|rel|media|type|sizes][]' +
|
| | | 'meta[A|http-equiv|name|content|charset][]' +
|
| | | 'style[A|type|media|scoped][#]' +
|
| | | 'script[A|charset|type|src|defer|async][#]' +
|
| | | 'noscript[A][C]' +
|
| | | 'body[A][C]' +
|
| | | 'section[A][C]' +
|
| | | 'nav[A][C]' +
|
| | | 'article[A][C]' +
|
| | | 'aside[A][C]' +
|
| | | 'h1[A][B]' +
|
| | | 'h2[A][B]' +
|
| | | 'h3[A][B]' +
|
| | | 'h4[A][B]' +
|
| | | 'h5[A][B]' +
|
| | | 'h6[A][B]' +
|
| | | 'hgroup[A][h1|h2|h3|h4|h5|h6]' +
|
| | | 'header[A][C]' +
|
| | | 'footer[A][C]' +
|
| | | 'address[A][C]' +
|
| | | 'p[A][B]' +
|
| | | 'br[A][]' +
|
| | | 'pre[A][B]' +
|
| | | 'dialog[A][dd|dt]' +
|
| | | 'blockquote[A|cite][C]' +
|
| | | 'ol[A|start|reversed][li]' +
|
| | | 'ul[A][li]' +
|
| | | 'li[A|value][C]' +
|
| | | 'dl[A][dd|dt]' +
|
| | | 'dt[A][B]' +
|
| | | 'dd[A][C]' +
|
| | | 'a[A|href|target|ping|rel|media|type][B]' +
|
| | | 'em[A][B]' +
|
| | | 'strong[A][B]' +
|
| | | 'small[A][B]' +
|
| | | 'cite[A][B]' +
|
| | | 'q[A|cite][B]' +
|
| | | 'dfn[A][B]' +
|
| | | 'abbr[A][B]' +
|
| | | 'code[A][B]' +
|
| | | 'var[A][B]' +
|
| | | 'samp[A][B]' +
|
| | | 'kbd[A][B]' +
|
| | | 'sub[A][B]' +
|
| | | 'sup[A][B]' +
|
| | | 'i[A][B]' +
|
| | | 'b[A][B]' +
|
| | | 'mark[A][B]' +
|
| | | 'progress[A|value|max][B]' +
|
| | | 'meter[A|value|min|max|low|high|optimum][B]' +
|
| | | 'time[A|datetime][B]' +
|
| | | 'ruby[A][B|rt|rp]' +
|
| | | 'rt[A][B]' +
|
| | | 'rp[A][B]' +
|
| | | 'bdo[A][B]' +
|
| | | 'span[A][B]' +
|
| | | 'ins[A|cite|datetime][B]' +
|
| | | 'del[A|cite|datetime][B]' +
|
| | | 'figure[A][C|legend|figcaption]' +
|
| | | 'figcaption[A][C]' +
|
| | | 'img[A|alt|src|height|width|usemap|ismap][]' +
|
| | | 'iframe[A|name|src|height|width|sandbox|seamless][]' +
|
| | | 'embed[A|src|height|width|type][]' +
|
| | | 'object[A|data|type|height|width|usemap|name|form|classid][param]' +
|
| | | 'param[A|name|value][]' +
|
| | | 'details[A|open][C|legend]' +
|
| | | 'command[A|type|label|icon|disabled|checked|radiogroup][]' +
|
| | | 'menu[A|type|label][C|li]' +
|
| | | 'legend[A][C|B]' +
|
| | | 'div[A][C]' +
|
| | | 'source[A|src|type|media][]' +
|
| | | 'audio[A|src|autobuffer|autoplay|loop|controls][source]' +
|
| | | 'video[A|src|autobuffer|autoplay|loop|controls|width|height|poster][source]' +
|
| | | 'hr[A][]' +
|
| | | 'form[A|accept-charset|action|autocomplete|enctype|method|name|novalidate|target][C]' +
|
| | | 'fieldset[A|disabled|form|name][C|legend]' +
|
| | | 'label[A|form|for][B]' +
|
| | | 'input[A|type|accept|alt|autocomplete|checked|disabled|form|formaction|formenctype|formmethod|formnovalidate|formtarget|height|list|max|maxlength|min|' +
|
| | | 'multiple|pattern|placeholder|readonly|required|size|src|step|width|files|value|name][]' +
|
| | | 'button[A|autofocus|disabled|form|formaction|formenctype|formmethod|formnovalidate|formtarget|name|value|type][B]' +
|
| | | 'select[A|autofocus|disabled|form|multiple|name|size][option|optgroup]' +
|
| | | 'datalist[A][B|option]' +
|
| | | 'optgroup[A|disabled|label][option]' +
|
| | | 'option[A|disabled|selected|label|value][]' +
|
| | | 'textarea[A|autofocus|disabled|form|maxlength|name|placeholder|readonly|required|rows|cols|wrap][]' +
|
| | | 'keygen[A|autofocus|challenge|disabled|form|keytype|name][]' +
|
| | | 'output[A|for|form|name][B]' +
|
| | | 'canvas[A|width|height][]' +
|
| | | 'map[A|name][B|C]' +
|
| | | 'area[A|shape|coords|href|alt|target|media|rel|ping|type][]' +
|
| | | 'mathml[A][]' +
|
| | | 'svg[A][]' +
|
| | | 'table[A|border][caption|colgroup|thead|tfoot|tbody|tr]' +
|
| | | 'caption[A][C]' +
|
| | | 'colgroup[A|span][col]' +
|
| | | 'col[A|span][]' +
|
| | | 'thead[A][tr]' +
|
| | | 'tfoot[A][tr]' +
|
| | | 'tbody[A][tr]' +
|
| | | 'tr[A][th|td]' +
|
| | | 'th[A|headers|rowspan|colspan|scope][B]' +
|
| | | 'td[A|headers|rowspan|colspan][C]' +
|
| | | 'wbr[A][]'
|
| | | );
|
| | | }
|
| | |
|
| | | return html5;
|
| | | };
|
| | |
|
| | | function getHTML4() {
|
| | | var html4 = mapCache.html4;
|
| | |
|
| | | if (!html4) {
|
| | | // This is the XHTML 1.0 transitional elements with it's attributes and children packed to reduce it's size
|
| | | html4 = mapCache.html4 = unpack({
|
| | | Z : 'H|K|N|O|P',
|
| | | Y : 'X|form|R|Q',
|
| | | ZG : 'E|span|width|align|char|charoff|valign',
|
| | | X : 'p|T|div|U|W|isindex|fieldset|table',
|
| | | ZF : 'E|align|char|charoff|valign',
|
| | | W : 'pre|hr|blockquote|address|center|noframes',
|
| | | ZE : 'abbr|axis|headers|scope|rowspan|colspan|align|char|charoff|valign|nowrap|bgcolor|width|height',
|
| | | ZD : '[E][S]',
|
| | | U : 'ul|ol|dl|menu|dir',
|
| | | ZC : 'p|Y|div|U|W|table|br|span|bdo|object|applet|img|map|K|N|Q',
|
| | | T : 'h1|h2|h3|h4|h5|h6',
|
| | | ZB : 'X|S|Q',
|
| | | S : 'R|P',
|
| | | ZA : 'a|G|J|M|O|P',
|
| | | R : 'a|H|K|N|O',
|
| | | Q : 'noscript|P',
|
| | | P : 'ins|del|script',
|
| | | O : 'input|select|textarea|label|button',
|
| | | N : 'M|L',
|
| | | M : 'em|strong|dfn|code|q|samp|kbd|var|cite|abbr|acronym',
|
| | | L : 'sub|sup',
|
| | | K : 'J|I',
|
| | | J : 'tt|i|b|u|s|strike',
|
| | | I : 'big|small|font|basefont',
|
| | | H : 'G|F',
|
| | | G : 'br|span|bdo',
|
| | | F : 'object|applet|img|map|iframe',
|
| | | E : 'A|B|C',
|
| | | D : 'accesskey|tabindex|onfocus|onblur',
|
| | | C : 'onclick|ondblclick|onmousedown|onmouseup|onmouseover|onmousemove|onmouseout|onkeypress|onkeydown|onkeyup',
|
| | | B : 'lang|xml:lang|dir',
|
| | | A : 'id|class|style|title'
|
| | | }, 'script[id|charset|type|language|src|defer|xml:space][]' + |
| | | 'style[B|id|type|media|title|xml:space][]' + |
| | | 'object[E|declare|classid|codebase|data|type|codetype|archive|standby|width|height|usemap|name|tabindex|align|border|hspace|vspace][#|param|Y]' + |
| | | 'param[id|name|value|valuetype|type][]' + |
| | | 'p[E|align][#|S]' + |
| | | 'a[E|D|charset|type|name|href|hreflang|rel|rev|shape|coords|target][#|Z]' + |
| | | 'br[A|clear][]' + |
| | | 'span[E][#|S]' + |
| | | 'bdo[A|C|B][#|S]' + |
| | | 'applet[A|codebase|archive|code|object|alt|name|width|height|align|hspace|vspace][#|param|Y]' + |
| | | 'h1[E|align][#|S]' + |
| | | 'img[E|src|alt|name|longdesc|width|height|usemap|ismap|align|border|hspace|vspace][]' + |
| | | 'map[B|C|A|name][X|form|Q|area]' + |
| | | 'h2[E|align][#|S]' + |
| | | 'iframe[A|longdesc|name|src|frameborder|marginwidth|marginheight|scrolling|align|width|height][#|Y]' + |
| | | 'h3[E|align][#|S]' + |
| | | 'tt[E][#|S]' + |
| | | 'i[E][#|S]' + |
| | | 'b[E][#|S]' + |
| | | 'u[E][#|S]' + |
| | | 's[E][#|S]' + |
| | | 'strike[E][#|S]' + |
| | | 'big[E][#|S]' + |
| | | 'small[E][#|S]' + |
| | | 'font[A|B|size|color|face][#|S]' + |
| | | 'basefont[id|size|color|face][]' + |
| | | 'em[E][#|S]' + |
| | | 'strong[E][#|S]' + |
| | | 'dfn[E][#|S]' + |
| | | 'code[E][#|S]' + |
| | | 'q[E|cite][#|S]' + |
| | | 'samp[E][#|S]' + |
| | | 'kbd[E][#|S]' + |
| | | 'var[E][#|S]' + |
| | | 'cite[E][#|S]' + |
| | | 'abbr[E][#|S]' + |
| | | 'acronym[E][#|S]' + |
| | | 'sub[E][#|S]' + |
| | | 'sup[E][#|S]' + |
| | | 'input[E|D|type|name|value|checked|disabled|readonly|size|maxlength|src|alt|usemap|onselect|onchange|accept|align][]' + |
| | | 'select[E|name|size|multiple|disabled|tabindex|onfocus|onblur|onchange][optgroup|option]' + |
| | | 'optgroup[E|disabled|label][option]' + |
| | | 'option[E|selected|disabled|label|value][]' + |
| | | 'textarea[E|D|name|rows|cols|disabled|readonly|onselect|onchange][]' + |
| | | 'label[E|for|accesskey|onfocus|onblur][#|S]' + |
| | | 'button[E|D|name|value|type|disabled][#|p|T|div|U|W|table|G|object|applet|img|map|K|N|Q]' + |
| | | 'h4[E|align][#|S]' + |
| | | 'ins[E|cite|datetime][#|Y]' + |
| | | 'h5[E|align][#|S]' + |
| | | 'del[E|cite|datetime][#|Y]' + |
| | | 'h6[E|align][#|S]' + |
| | | 'div[E|align][#|Y]' + |
| | | 'ul[E|type|compact][li]' + |
| | | 'li[E|type|value][#|Y]' + |
| | | 'ol[E|type|compact|start][li]' + |
| | | 'dl[E|compact][dt|dd]' + |
| | | 'dt[E][#|S]' + |
| | | 'dd[E][#|Y]' + |
| | | 'menu[E|compact][li]' + |
| | | 'dir[E|compact][li]' + |
| | | 'pre[E|width|xml:space][#|ZA]' + |
| | | 'hr[E|align|noshade|size|width][]' + |
| | | 'blockquote[E|cite][#|Y]' + |
| | | 'address[E][#|S|p]' + |
| | | 'center[E][#|Y]' + |
| | | 'noframes[E][#|Y]' + |
| | | 'isindex[A|B|prompt][]' + |
| | | 'fieldset[E][#|legend|Y]' + |
| | | 'legend[E|accesskey|align][#|S]' + |
| | | 'table[E|summary|width|border|frame|rules|cellspacing|cellpadding|align|bgcolor][caption|col|colgroup|thead|tfoot|tbody|tr]' + |
| | | 'caption[E|align][#|S]' + |
| | | 'col[ZG][]' + |
| | | 'colgroup[ZG][col]' + |
| | | 'thead[ZF][tr]' + |
| | | 'tr[ZF|bgcolor][th|td]' + |
| | | 'th[E|ZE][#|Y]' + |
| | | 'form[E|action|method|name|enctype|onsubmit|onreset|accept|accept-charset|target][#|X|R|Q]' + |
| | | 'noscript[E][#|Y]' + |
| | | 'td[E|ZE][#|Y]' + |
| | | 'tfoot[ZF][tr]' + |
| | | 'tbody[ZF][tr]' + |
| | | 'area[E|D|shape|coords|href|nohref|alt|target][]' + |
| | | 'base[id|href|target][]' + |
| | | 'body[E|onload|onunload|background|bgcolor|text|link|vlink|alink][#|Y]'
|
| | | );
|
| | | }
|
| | |
|
| | | return html4;
|
| | | };
|
| | |
|
| | | tinymce.html.Schema = function(settings) {
|
| | | var self = this, elements = {}, children = {}, patternElements = [], validStyles, schemaItems;
|
| | | var whiteSpaceElementsMap, selfClosingElementsMap, shortEndedElementsMap, boolAttrMap, blockElementsMap, nonEmptyElementsMap, customElementsMap = {};
|
| | |
|
| | | // Creates an lookup table map object for the specified option or the default value
|
| | | function createLookupTable(option, default_value, extend) {
|
| | | var value = settings[option];
|
| | |
|
| | | if (!value) {
|
| | | // Get cached default map or make it if needed
|
| | | value = mapCache[option];
|
| | |
|
| | | if (!value) {
|
| | | value = makeMap(default_value, ' ', makeMap(default_value.toUpperCase(), ' '));
|
| | | value = tinymce.extend(value, extend);
|
| | |
|
| | | mapCache[option] = value;
|
| | | }
|
| | | } else {
|
| | | // Create custom map
|
| | | value = makeMap(value, ',', makeMap(value.toUpperCase(), ' '));
|
| | | }
|
| | |
|
| | | return value;
|
| | | };
|
| | |
|
| | | settings = settings || {};
|
| | | schemaItems = settings.schema == "html5" ? getHTML5() : getHTML4();
|
| | |
|
| | | // Allow all elements and attributes if verify_html is set to false
|
| | | if (settings.verify_html === false)
|
| | | settings.valid_elements = '*[*]';
|
| | |
|
| | | // Build styles list
|
| | | if (settings.valid_styles) {
|
| | | validStyles = {};
|
| | |
|
| | | // Convert styles into a rule list
|
| | | each(settings.valid_styles, function(value, key) {
|
| | | validStyles[key] = tinymce.explode(value);
|
| | | });
|
| | | }
|
| | |
|
| | | // Setup map objects
|
| | | whiteSpaceElementsMap = createLookupTable('whitespace_elements', 'pre script style textarea');
|
| | | selfClosingElementsMap = createLookupTable('self_closing_elements', 'colgroup dd dt li option p td tfoot th thead tr');
|
| | | shortEndedElementsMap = createLookupTable('short_ended_elements', 'area base basefont br col frame hr img input isindex link meta param embed source wbr');
|
| | | boolAttrMap = createLookupTable('boolean_attributes', 'checked compact declare defer disabled ismap multiple nohref noresize noshade nowrap readonly selected autoplay loop controls');
|
| | | nonEmptyElementsMap = createLookupTable('non_empty_elements', 'td th iframe video audio object', shortEndedElementsMap);
|
| | | blockElementsMap = createLookupTable('block_elements', 'h1 h2 h3 h4 h5 h6 hr p div address pre form table tbody thead tfoot ' + |
| | | 'th tr td li ol ul caption blockquote center dl dt dd dir fieldset ' + |
| | | 'noscript menu isindex samp header footer article section hgroup aside nav figure option datalist select optgroup');
|
| | |
|
| | | // Converts a wildcard expression string to a regexp for example *a will become /.*a/.
|
| | | function patternToRegExp(str) {
|
| | | return new RegExp('^' + str.replace(/([?+*])/g, '.$1') + '$');
|
| | | };
|
| | |
|
| | | // Parses the specified valid_elements string and adds to the current rules
|
| | | // This function is a bit hard to read since it's heavily optimized for speed
|
| | | function addValidElements(valid_elements) {
|
| | | var ei, el, ai, al, yl, matches, element, attr, attrData, elementName, attrName, attrType, attributes, attributesOrder,
|
| | | prefix, outputName, globalAttributes, globalAttributesOrder, transElement, key, childKey, value,
|
| | | elementRuleRegExp = /^([#+\-])?([^\[\/]+)(?:\/([^\[]+))?(?:\[([^\]]+)\])?$/,
|
| | | attrRuleRegExp = /^([!\-])?(\w+::\w+|[^=:<]+)?(?:([=:<])(.*))?$/,
|
| | | hasPatternsRegExp = /[*?+]/;
|
| | |
|
| | | if (valid_elements) {
|
| | | // Split valid elements into an array with rules
|
| | | valid_elements = split(valid_elements);
|
| | |
|
| | | if (elements['@']) {
|
| | | globalAttributes = elements['@'].attributes;
|
| | | globalAttributesOrder = elements['@'].attributesOrder;
|
| | | }
|
| | |
|
| | | // Loop all rules
|
| | | for (ei = 0, el = valid_elements.length; ei < el; ei++) {
|
| | | // Parse element rule
|
| | | matches = elementRuleRegExp.exec(valid_elements[ei]);
|
| | | if (matches) {
|
| | | // Setup local names for matches
|
| | | prefix = matches[1];
|
| | | elementName = matches[2];
|
| | | outputName = matches[3];
|
| | | attrData = matches[4];
|
| | |
|
| | | // Create new attributes and attributesOrder
|
| | | attributes = {};
|
| | | attributesOrder = [];
|
| | |
|
| | | // Create the new element
|
| | | element = {
|
| | | attributes : attributes,
|
| | | attributesOrder : attributesOrder
|
| | | };
|
| | |
|
| | | // Padd empty elements prefix
|
| | | if (prefix === '#')
|
| | | element.paddEmpty = true;
|
| | |
|
| | | // Remove empty elements prefix
|
| | | if (prefix === '-')
|
| | | element.removeEmpty = true;
|
| | |
|
| | | // Copy attributes from global rule into current rule
|
| | | if (globalAttributes) {
|
| | | for (key in globalAttributes)
|
| | | attributes[key] = globalAttributes[key];
|
| | |
|
| | | attributesOrder.push.apply(attributesOrder, globalAttributesOrder);
|
| | | }
|
| | | }
|
| | | } else {
|
| | | this._setUseCSS(false); // Bug in FF when running in fullscreen
|
| | | doc.execCommand("FontName", false, "#mce_temp_font#");
|
| | | var elementArray = tinyMCE.getElementsByAttributeValue(this.getBody(), "font", "face", "#mce_temp_font#");
|
| | |
|
| | | // Change them all
|
| | | for (x=0; x<elementArray.length; x++) {
|
| | | elm = elementArray[x];
|
| | | if (elm) {
|
| | | var spanElm = doc.createElement(wrapper);
|
| | | // Attributes defined
|
| | | if (attrData) {
|
| | | attrData = split(attrData, '|');
|
| | | for (ai = 0, al = attrData.length; ai < al; ai++) {
|
| | | matches = attrRuleRegExp.exec(attrData[ai]);
|
| | | if (matches) {
|
| | | attr = {};
|
| | | attrType = matches[1];
|
| | | attrName = matches[2].replace(/::/g, ':');
|
| | | prefix = matches[3];
|
| | | value = matches[4];
|
| | |
|
| | | if (scmd == "setstyle")
|
| | | tinyMCE.setStyleAttrib(spanElm, sname, svalue);
|
| | | // Required
|
| | | if (attrType === '!') {
|
| | | element.attributesRequired = element.attributesRequired || [];
|
| | | element.attributesRequired.push(attrName);
|
| | | attr.required = true;
|
| | | }
|
| | |
|
| | | if (scmd == "setattrib")
|
| | | tinyMCE.setAttrib(spanElm, sname, svalue);
|
| | | // Denied from global
|
| | | if (attrType === '-') {
|
| | | delete attributes[attrName];
|
| | | attributesOrder.splice(tinymce.inArray(attributesOrder, attrName), 1);
|
| | | continue;
|
| | | }
|
| | |
|
| | | if (scmd == "removeformat") {
|
| | | spanElm.style.cssText = '';
|
| | | tinyMCE.setAttrib(spanElm, 'class', '');
|
| | | }
|
| | | // Default value
|
| | | if (prefix) {
|
| | | // Default value
|
| | | if (prefix === '=') {
|
| | | element.attributesDefault = element.attributesDefault || [];
|
| | | element.attributesDefault.push({name: attrName, value: value});
|
| | | attr.defaultValue = value;
|
| | | }
|
| | |
|
| | | if (elm.hasChildNodes()) {
|
| | | for (i=0; i<elm.childNodes.length; i++)
|
| | | spanElm.appendChild(elm.childNodes[i].cloneNode(true));
|
| | | }
|
| | | // Forced value
|
| | | if (prefix === ':') {
|
| | | element.attributesForced = element.attributesForced || [];
|
| | | element.attributesForced.push({name: attrName, value: value});
|
| | | attr.forcedValue = value;
|
| | | }
|
| | |
|
| | | spanElm.setAttribute("mce_new", "true");
|
| | | elm.parentNode.replaceChild(spanElm, elm);
|
| | | // Required values
|
| | | if (prefix === '<')
|
| | | attr.validValues = makeMap(value, '?');
|
| | | }
|
| | |
|
| | | // Remove style/attribs from all children
|
| | | var ch = tinyMCE.getNodeTree(spanElm, [], 1);
|
| | | for (z=0; z<ch.length; z++) {
|
| | | if (ch[z] == spanElm)
|
| | | continue;
|
| | | // Check for attribute patterns
|
| | | if (hasPatternsRegExp.test(attrName)) {
|
| | | element.attributePatterns = element.attributePatterns || [];
|
| | | attr.pattern = patternToRegExp(attrName);
|
| | | element.attributePatterns.push(attr);
|
| | | } else {
|
| | | // Add attribute to order list if it doesn't already exist
|
| | | if (!attributes[attrName])
|
| | | attributesOrder.push(attrName);
|
| | |
|
| | | if (scmd == "setstyle")
|
| | | tinyMCE.setStyleAttrib(ch[z], sname, '');
|
| | |
|
| | | if (scmd == "setattrib")
|
| | | tinyMCE.setAttrib(ch[z], sname, '');
|
| | |
|
| | | if (scmd == "removeformat") {
|
| | | ch[z].style.cssText = '';
|
| | | tinyMCE.setAttrib(ch[z], 'class', '');
|
| | | attributes[attrName] = attr;
|
| | | }
|
| | | }
|
| | | }
|
| | | }
|
| | |
|
| | | // Global rule, store away these for later usage
|
| | | if (!globalAttributes && elementName == '@') {
|
| | | globalAttributes = attributes;
|
| | | globalAttributesOrder = attributesOrder;
|
| | | }
|
| | |
|
| | | // Handle substitute elements such as b/strong
|
| | | if (outputName) {
|
| | | element.outputName = elementName;
|
| | | elements[outputName] = element;
|
| | | }
|
| | |
|
| | | // Add pattern or exact element
|
| | | if (hasPatternsRegExp.test(elementName)) {
|
| | | element.pattern = patternToRegExp(elementName);
|
| | | patternElements.push(element);
|
| | | } else
|
| | | elements[elementName] = element;
|
| | | }
|
| | | }
|
| | | }
|
| | | };
|
| | |
|
| | | // Cleaup wrappers
|
| | | var nodes = doc.getElementsByTagName(wrapper);
|
| | | for (i=nodes.length-1; i>=0; i--) {
|
| | | var elm = nodes[i];
|
| | | var isNew = tinyMCE.getAttrib(elm, "mce_new") == "true";
|
| | | function setValidElements(valid_elements) {
|
| | | elements = {};
|
| | | patternElements = [];
|
| | |
|
| | | elm.removeAttribute("mce_new");
|
| | | addValidElements(valid_elements);
|
| | |
|
| | | // Is only child a element
|
| | | if (elm.childNodes && elm.childNodes.length == 1 && elm.childNodes[0].nodeType == 1) {
|
| | | //tinyMCE.debug("merge1" + isNew);
|
| | | this._mergeElements(scmd, elm, elm.childNodes[0], isNew);
|
| | | each(schemaItems, function(element, name) {
|
| | | children[name] = element.children;
|
| | | });
|
| | | };
|
| | |
|
| | | // Adds custom non HTML elements to the schema
|
| | | function addCustomElements(custom_elements) {
|
| | | var customElementRegExp = /^(~)?(.+)$/;
|
| | |
|
| | | if (custom_elements) {
|
| | | each(split(custom_elements), function(rule) {
|
| | | var matches = customElementRegExp.exec(rule),
|
| | | inline = matches[1] === '~',
|
| | | cloneName = inline ? 'span' : 'div',
|
| | | name = matches[2];
|
| | |
|
| | | children[name] = children[cloneName];
|
| | | customElementsMap[name] = cloneName;
|
| | |
|
| | | // If it's not marked as inline then add it to valid block elements
|
| | | if (!inline)
|
| | | blockElementsMap[name] = {};
|
| | |
|
| | | // Add custom elements at span/div positions
|
| | | each(children, function(element, child) {
|
| | | if (element[cloneName])
|
| | | element[name] = element[cloneName];
|
| | | });
|
| | | });
|
| | | }
|
| | | };
|
| | |
|
| | | // Adds valid children to the schema object
|
| | | function addValidChildren(valid_children) {
|
| | | var childRuleRegExp = /^([+\-]?)(\w+)\[([^\]]+)\]$/;
|
| | |
|
| | | if (valid_children) {
|
| | | each(split(valid_children), function(rule) {
|
| | | var matches = childRuleRegExp.exec(rule), parent, prefix;
|
| | |
|
| | | if (matches) {
|
| | | prefix = matches[1];
|
| | |
|
| | | // Add/remove items from default
|
| | | if (prefix)
|
| | | parent = children[matches[2]];
|
| | | else
|
| | | parent = children[matches[2]] = {'#comment' : {}};
|
| | |
|
| | | parent = children[matches[2]];
|
| | |
|
| | | each(split(matches[3], '|'), function(child) {
|
| | | if (prefix === '-')
|
| | | delete parent[child];
|
| | | else
|
| | | parent[child] = {};
|
| | | });
|
| | | }
|
| | | });
|
| | | }
|
| | | };
|
| | |
|
| | | function getElementRule(name) {
|
| | | var element = elements[name], i;
|
| | |
|
| | | // Exact match found
|
| | | if (element)
|
| | | return element;
|
| | |
|
| | | // No exact match then try the patterns
|
| | | i = patternElements.length;
|
| | | while (i--) {
|
| | | element = patternElements[i];
|
| | |
|
| | | if (element.pattern.test(name))
|
| | | return element;
|
| | | }
|
| | | };
|
| | |
|
| | | if (!settings.valid_elements) {
|
| | | // No valid elements defined then clone the elements from the schema spec
|
| | | each(schemaItems, function(element, name) {
|
| | | elements[name] = {
|
| | | attributes : element.attributes,
|
| | | attributesOrder : element.attributesOrder
|
| | | };
|
| | |
|
| | | children[name] = element.children;
|
| | | });
|
| | |
|
| | | // Switch these on HTML4
|
| | | if (settings.schema != "html5") {
|
| | | each(split('strong/b,em/i'), function(item) {
|
| | | item = split(item, '/');
|
| | | elements[item[1]].outputName = item[0];
|
| | | });
|
| | | }
|
| | |
|
| | | // Add default alt attribute for images
|
| | | elements.img.attributesDefault = [{name: 'alt', value: ''}];
|
| | |
|
| | | // Remove these if they are empty by default
|
| | | each(split('ol,ul,sub,sup,blockquote,span,font,a,table,tbody,tr,strong,em,b,i'), function(name) {
|
| | | if (elements[name]) {
|
| | | elements[name].removeEmpty = true;
|
| | | }
|
| | | });
|
| | |
|
| | | // Padd these by default
|
| | | each(split('p,h1,h2,h3,h4,h5,h6,th,td,pre,div,address,caption'), function(name) {
|
| | | elements[name].paddEmpty = true;
|
| | | });
|
| | | } else
|
| | | setValidElements(settings.valid_elements);
|
| | |
|
| | | addCustomElements(settings.custom_elements);
|
| | | addValidChildren(settings.valid_children);
|
| | | addValidElements(settings.extended_valid_elements);
|
| | |
|
| | | // Todo: Remove this when we fix list handling to be valid
|
| | | addValidChildren('+ol[ul|ol],+ul[ul|ol]');
|
| | |
|
| | | // Delete invalid elements
|
| | | if (settings.invalid_elements) {
|
| | | tinymce.each(tinymce.explode(settings.invalid_elements), function(item) {
|
| | | if (elements[item])
|
| | | delete elements[item];
|
| | | });
|
| | | }
|
| | |
|
| | | // If the user didn't allow span only allow internal spans
|
| | | if (!getElementRule('span'))
|
| | | addValidElements('span[!data-mce-type|*]');
|
| | |
|
| | | self.children = children;
|
| | |
|
| | | self.styles = validStyles;
|
| | |
|
| | | self.getBoolAttrs = function() {
|
| | | return boolAttrMap;
|
| | | };
|
| | |
|
| | | self.getBlockElements = function() {
|
| | | return blockElementsMap;
|
| | | };
|
| | |
|
| | | self.getShortEndedElements = function() {
|
| | | return shortEndedElementsMap;
|
| | | };
|
| | |
|
| | | self.getSelfClosingElements = function() {
|
| | | return selfClosingElementsMap;
|
| | | };
|
| | |
|
| | | self.getNonEmptyElements = function() {
|
| | | return nonEmptyElementsMap;
|
| | | };
|
| | |
|
| | | self.getWhiteSpaceElements = function() {
|
| | | return whiteSpaceElementsMap;
|
| | | };
|
| | |
|
| | | self.isValidChild = function(name, child) {
|
| | | var parent = children[name];
|
| | |
|
| | | return !!(parent && parent[child]);
|
| | | };
|
| | |
|
| | | self.isValid = function(name, attr) {
|
| | | var attrPatterns, i, rule = getElementRule(name);
|
| | |
|
| | | // Check if it's a valid element
|
| | | if (rule) {
|
| | | if (attr) {
|
| | | // Check if attribute name exists
|
| | | if (rule.attributes[attr]) {
|
| | | return true;
|
| | | }
|
| | |
|
| | | // Check if attribute matches a regexp pattern
|
| | | attrPatterns = rule.attributePatterns;
|
| | | if (attrPatterns) {
|
| | | i = attrPatterns.length;
|
| | | while (i--) {
|
| | | if (attrPatterns[i].pattern.test(name)) {
|
| | | return true;
|
| | | }
|
| | | }
|
| | | }
|
| | | } else {
|
| | | return true;
|
| | | }
|
| | | }
|
| | |
|
| | | // No match
|
| | | return false;
|
| | | };
|
| | | |
| | | self.getElementRule = getElementRule;
|
| | |
|
| | | self.getCustomElements = function() {
|
| | | return customElementsMap;
|
| | | };
|
| | |
|
| | | self.addValidElements = addValidElements;
|
| | |
|
| | | self.setValidElements = setValidElements;
|
| | |
|
| | | self.addCustomElements = addCustomElements;
|
| | |
|
| | | self.addValidChildren = addValidChildren;
|
| | | };
|
| | | })(tinymce);
|
| | |
|
| | | (function(tinymce) {
|
| | | tinymce.html.SaxParser = function(settings, schema) {
|
| | | var self = this, noop = function() {};
|
| | |
|
| | | settings = settings || {};
|
| | | self.schema = schema = schema || new tinymce.html.Schema();
|
| | |
|
| | | if (settings.fix_self_closing !== false)
|
| | | settings.fix_self_closing = true;
|
| | |
|
| | | // Add handler functions from settings and setup default handlers
|
| | | tinymce.each('comment cdata text start end pi doctype'.split(' '), function(name) {
|
| | | if (name)
|
| | | self[name] = settings[name] || noop;
|
| | | });
|
| | |
|
| | | self.parse = function(html) {
|
| | | var self = this, matches, index = 0, value, endRegExp, stack = [], attrList, i, text, name, isInternalElement, removeInternalElements,
|
| | | shortEndedElements, fillAttrsMap, isShortEnded, validate, elementRule, isValidElement, attr, attribsValue, invalidPrefixRegExp,
|
| | | validAttributesMap, validAttributePatterns, attributesRequired, attributesDefault, attributesForced, selfClosing,
|
| | | tokenRegExp, attrRegExp, specialElements, attrValue, idCount = 0, decode = tinymce.html.Entities.decode, fixSelfClosing, isIE;
|
| | |
|
| | | function processEndTag(name) {
|
| | | var pos, i;
|
| | |
|
| | | // Find position of parent of the same type
|
| | | pos = stack.length;
|
| | | while (pos--) {
|
| | | if (stack[pos].name === name)
|
| | | break; |
| | | }
|
| | |
|
| | | // Found parent
|
| | | if (pos >= 0) {
|
| | | // Close all the open elements
|
| | | for (i = stack.length - 1; i >= pos; i--) {
|
| | | name = stack[i];
|
| | |
|
| | | if (name.valid)
|
| | | self.end(name.name);
|
| | | }
|
| | |
|
| | | // Remove the open elements from the stack
|
| | | stack.length = pos;
|
| | | }
|
| | | };
|
| | |
|
| | | function parseAttribute(match, name, value, val2, val3) {
|
| | | var attrRule, i;
|
| | |
|
| | | name = name.toLowerCase();
|
| | | value = name in fillAttrsMap ? name : decode(value || val2 || val3 || ''); // Handle boolean attribute than value attribute
|
| | |
|
| | | // Validate name and value
|
| | | if (validate && !isInternalElement && name.indexOf('data-') !== 0) {
|
| | | attrRule = validAttributesMap[name];
|
| | |
|
| | | // Find rule by pattern matching
|
| | | if (!attrRule && validAttributePatterns) {
|
| | | i = validAttributePatterns.length;
|
| | | while (i--) {
|
| | | attrRule = validAttributePatterns[i];
|
| | | if (attrRule.pattern.test(name))
|
| | | break;
|
| | | }
|
| | |
|
| | | // No rule matched
|
| | | if (i === -1)
|
| | | attrRule = null;
|
| | | }
|
| | |
|
| | | // No attribute rule found
|
| | | if (!attrRule)
|
| | | return;
|
| | |
|
| | | // Validate value
|
| | | if (attrRule.validValues && !(value in attrRule.validValues))
|
| | | return;
|
| | | }
|
| | |
|
| | | // Add attribute to list and map
|
| | | attrList.map[name] = value;
|
| | | attrList.push({
|
| | | name: name,
|
| | | value: value
|
| | | });
|
| | | };
|
| | |
|
| | | // Precompile RegExps and map objects
|
| | | tokenRegExp = new RegExp('<(?:' +
|
| | | '(?:!--([\\w\\W]*?)-->)|' + // Comment
|
| | | '(?:!\\[CDATA\\[([\\w\\W]*?)\\]\\]>)|' + // CDATA
|
| | | '(?:!DOCTYPE([\\w\\W]*?)>)|' + // DOCTYPE
|
| | | '(?:\\?([^\\s\\/<>]+) ?([\\w\\W]*?)[?/]>)|' + // PI
|
| | | '(?:\\/([^>]+)>)|' + // End element
|
| | | '(?:([A-Za-z0-9\\-\\:]+)((?:\\s+[^"\'>]+(?:(?:"[^"]*")|(?:\'[^\']*\')|[^>]*))*|\\/|\\s+)>)' + // Start element
|
| | | ')', 'g');
|
| | |
|
| | | attrRegExp = /([\w:\-]+)(?:\s*=\s*(?:(?:\"((?:\\.|[^\"])*)\")|(?:\'((?:\\.|[^\'])*)\')|([^>\s]+)))?/g;
|
| | | specialElements = {
|
| | | 'script' : /<\/script[^>]*>/gi,
|
| | | 'style' : /<\/style[^>]*>/gi,
|
| | | 'noscript' : /<\/noscript[^>]*>/gi
|
| | | };
|
| | |
|
| | | // Setup lookup tables for empty elements and boolean attributes
|
| | | shortEndedElements = schema.getShortEndedElements();
|
| | | selfClosing = settings.self_closing_elements || schema.getSelfClosingElements();
|
| | | fillAttrsMap = schema.getBoolAttrs();
|
| | | validate = settings.validate;
|
| | | removeInternalElements = settings.remove_internals;
|
| | | fixSelfClosing = settings.fix_self_closing;
|
| | | isIE = tinymce.isIE;
|
| | | invalidPrefixRegExp = /^:/;
|
| | |
|
| | | while (matches = tokenRegExp.exec(html)) {
|
| | | // Text
|
| | | if (index < matches.index)
|
| | | self.text(decode(html.substr(index, matches.index - index)));
|
| | |
|
| | | if (value = matches[6]) { // End element
|
| | | value = value.toLowerCase();
|
| | |
|
| | | // IE will add a ":" in front of elements it doesn't understand like custom elements or HTML5 elements
|
| | | if (isIE && invalidPrefixRegExp.test(value))
|
| | | value = value.substr(1);
|
| | |
|
| | | processEndTag(value);
|
| | | } else if (value = matches[7]) { // Start element
|
| | | value = value.toLowerCase();
|
| | |
|
| | | // IE will add a ":" in front of elements it doesn't understand like custom elements or HTML5 elements
|
| | | if (isIE && invalidPrefixRegExp.test(value))
|
| | | value = value.substr(1);
|
| | |
|
| | | isShortEnded = value in shortEndedElements;
|
| | |
|
| | | // Is self closing tag for example an <li> after an open <li>
|
| | | if (fixSelfClosing && selfClosing[value] && stack.length > 0 && stack[stack.length - 1].name === value)
|
| | | processEndTag(value);
|
| | |
|
| | | // Validate element
|
| | | if (!validate || (elementRule = schema.getElementRule(value))) {
|
| | | isValidElement = true;
|
| | |
|
| | | // Grab attributes map and patters when validation is enabled
|
| | | if (validate) {
|
| | | validAttributesMap = elementRule.attributes;
|
| | | validAttributePatterns = elementRule.attributePatterns;
|
| | | }
|
| | |
|
| | | // Parse attributes
|
| | | if (attribsValue = matches[8]) {
|
| | | isInternalElement = attribsValue.indexOf('data-mce-type') !== -1; // Check if the element is an internal element
|
| | |
|
| | | // If the element has internal attributes then remove it if we are told to do so
|
| | | if (isInternalElement && removeInternalElements)
|
| | | isValidElement = false;
|
| | |
|
| | | attrList = [];
|
| | | attrList.map = {};
|
| | |
|
| | | attribsValue.replace(attrRegExp, parseAttribute);
|
| | | } else {
|
| | | attrList = [];
|
| | | attrList.map = {};
|
| | | }
|
| | |
|
| | | // Process attributes if validation is enabled
|
| | | if (validate && !isInternalElement) {
|
| | | attributesRequired = elementRule.attributesRequired;
|
| | | attributesDefault = elementRule.attributesDefault;
|
| | | attributesForced = elementRule.attributesForced;
|
| | |
|
| | | // Handle forced attributes
|
| | | if (attributesForced) {
|
| | | i = attributesForced.length;
|
| | | while (i--) {
|
| | | attr = attributesForced[i];
|
| | | name = attr.name;
|
| | | attrValue = attr.value;
|
| | |
|
| | | if (attrValue === '{$uid}')
|
| | | attrValue = 'mce_' + idCount++;
|
| | |
|
| | | attrList.map[name] = attrValue;
|
| | | attrList.push({name: name, value: attrValue});
|
| | | }
|
| | | }
|
| | |
|
| | | // Handle default attributes
|
| | | if (attributesDefault) {
|
| | | i = attributesDefault.length;
|
| | | while (i--) {
|
| | | attr = attributesDefault[i];
|
| | | name = attr.name;
|
| | |
|
| | | if (!(name in attrList.map)) {
|
| | | attrValue = attr.value;
|
| | |
|
| | | if (attrValue === '{$uid}')
|
| | | attrValue = 'mce_' + idCount++;
|
| | |
|
| | | attrList.map[name] = attrValue;
|
| | | attrList.push({name: name, value: attrValue});
|
| | | }
|
| | | }
|
| | | }
|
| | |
|
| | | // Handle required attributes
|
| | | if (attributesRequired) {
|
| | | i = attributesRequired.length;
|
| | | while (i--) {
|
| | | if (attributesRequired[i] in attrList.map)
|
| | | break;
|
| | | }
|
| | |
|
| | | // None of the required attributes where found
|
| | | if (i === -1)
|
| | | isValidElement = false;
|
| | | }
|
| | |
|
| | | // Invalidate element if it's marked as bogus
|
| | | if (attrList.map['data-mce-bogus'])
|
| | | isValidElement = false;
|
| | | }
|
| | |
|
| | | if (isValidElement)
|
| | | self.start(value, attrList, isShortEnded);
|
| | | } else
|
| | | isValidElement = false;
|
| | |
|
| | | // Treat script, noscript and style a bit different since they may include code that looks like elements
|
| | | if (endRegExp = specialElements[value]) {
|
| | | endRegExp.lastIndex = index = matches.index + matches[0].length;
|
| | |
|
| | | if (matches = endRegExp.exec(html)) {
|
| | | if (isValidElement)
|
| | | text = html.substr(index, matches.index - index);
|
| | |
|
| | | index = matches.index + matches[0].length;
|
| | | } else {
|
| | | text = html.substr(index);
|
| | | index = html.length;
|
| | | }
|
| | |
|
| | | if (isValidElement && text.length > 0)
|
| | | self.text(text, true);
|
| | |
|
| | | if (isValidElement)
|
| | | self.end(value);
|
| | |
|
| | | tokenRegExp.lastIndex = index;
|
| | | continue;
|
| | | }
|
| | |
|
| | | // Is I the only child
|
| | | if (elm.parentNode.childNodes.length == 1 && !invalidRe.test(elm.nodeName) && !invalidRe.test(elm.parentNode.nodeName)) {
|
| | | //tinyMCE.debug("merge2" + isNew + "," + elm.nodeName + "," + elm.parentNode.nodeName);
|
| | | if (invalidParentsRe == null || !invalidParentsRe.test(elm.parentNode.nodeName))
|
| | | this._mergeElements(scmd, elm.parentNode, elm, false);
|
| | | // Push value on to stack
|
| | | if (!isShortEnded) {
|
| | | if (!attribsValue || attribsValue.indexOf('/') != attribsValue.length - 1)
|
| | | stack.push({name: value, valid: isValidElement});
|
| | | else if (isValidElement)
|
| | | self.end(value);
|
| | | }
|
| | | } else if (value = matches[1]) { // Comment
|
| | | self.comment(value);
|
| | | } else if (value = matches[2]) { // CDATA
|
| | | self.cdata(value);
|
| | | } else if (value = matches[3]) { // DOCTYPE
|
| | | self.doctype(value);
|
| | | } else if (value = matches[4]) { // PI
|
| | | self.pi(value, matches[5]);
|
| | | }
|
| | |
|
| | | // Remove empty wrappers
|
| | | var nodes = doc.getElementsByTagName(wrapper);
|
| | | for (i=nodes.length-1; i>=0; i--) {
|
| | | var elm = nodes[i], isEmpty = true;
|
| | | index = matches.index + matches[0].length;
|
| | | }
|
| | |
|
| | | // Check if it has any attribs
|
| | | var tmp = doc.createElement("body");
|
| | | tmp.appendChild(elm.cloneNode(false));
|
| | | // Text
|
| | | if (index < html.length)
|
| | | self.text(decode(html.substr(index)));
|
| | |
|
| | | // Is empty span, remove it
|
| | | tmp.innerHTML = tmp.innerHTML.replace(new RegExp('style=""|class=""', 'gi'), '');
|
| | | //tinyMCE.debug(tmp.innerHTML);
|
| | | if (new RegExp('<span>', 'gi').test(tmp.innerHTML)) {
|
| | | for (x=0; x<elm.childNodes.length; x++) {
|
| | | if (elm.parentNode != null)
|
| | | elm.parentNode.insertBefore(elm.childNodes[x].cloneNode(true), elm);
|
| | | // Close any open elements
|
| | | for (i = stack.length - 1; i >= 0; i--) {
|
| | | value = stack[i];
|
| | |
|
| | | if (value.valid)
|
| | | self.end(value.name);
|
| | | }
|
| | | };
|
| | | }
|
| | | })(tinymce);
|
| | |
|
| | | (function(tinymce) {
|
| | | var whiteSpaceRegExp = /^[ \t\r\n]*$/, typeLookup = {
|
| | | '#text' : 3,
|
| | | '#comment' : 8,
|
| | | '#cdata' : 4,
|
| | | '#pi' : 7,
|
| | | '#doctype' : 10,
|
| | | '#document-fragment' : 11
|
| | | };
|
| | |
|
| | | // Walks the tree left/right
|
| | | function walk(node, root_node, prev) {
|
| | | var sibling, parent, startName = prev ? 'lastChild' : 'firstChild', siblingName = prev ? 'prev' : 'next';
|
| | |
|
| | | // Walk into nodes if it has a start
|
| | | if (node[startName])
|
| | | return node[startName];
|
| | |
|
| | | // Return the sibling if it has one
|
| | | if (node !== root_node) {
|
| | | sibling = node[siblingName];
|
| | |
|
| | | if (sibling)
|
| | | return sibling;
|
| | |
|
| | | // Walk up the parents to look for siblings
|
| | | for (parent = node.parent; parent && parent !== root_node; parent = parent.parent) {
|
| | | sibling = parent[siblingName];
|
| | |
|
| | | if (sibling)
|
| | | return sibling;
|
| | | }
|
| | | }
|
| | | };
|
| | |
|
| | | function Node(name, type) {
|
| | | this.name = name;
|
| | | this.type = type;
|
| | |
|
| | | if (type === 1) {
|
| | | this.attributes = [];
|
| | | this.attributes.map = {};
|
| | | }
|
| | | }
|
| | |
|
| | | tinymce.extend(Node.prototype, {
|
| | | replace : function(node) {
|
| | | var self = this;
|
| | |
|
| | | if (node.parent)
|
| | | node.remove();
|
| | |
|
| | | self.insert(node, self);
|
| | | self.remove();
|
| | |
|
| | | return self;
|
| | | },
|
| | |
|
| | | attr : function(name, value) {
|
| | | var self = this, attrs, i, undef;
|
| | |
|
| | | if (typeof name !== "string") {
|
| | | for (i in name)
|
| | | self.attr(i, name[i]);
|
| | |
|
| | | return self;
|
| | | }
|
| | |
|
| | | if (attrs = self.attributes) {
|
| | | if (value !== undef) {
|
| | | // Remove attribute
|
| | | if (value === null) {
|
| | | if (name in attrs.map) {
|
| | | delete attrs.map[name];
|
| | |
|
| | | i = attrs.length;
|
| | | while (i--) {
|
| | | if (attrs[i].name === name) {
|
| | | attrs = attrs.splice(i, 1);
|
| | | return self;
|
| | | }
|
| | | }
|
| | | }
|
| | |
|
| | | elm.parentNode.removeChild(elm);
|
| | | return self;
|
| | | }
|
| | |
|
| | | // Set attribute
|
| | | if (name in attrs.map) {
|
| | | // Set attribute
|
| | | i = attrs.length;
|
| | | while (i--) {
|
| | | if (attrs[i].name === name) {
|
| | | attrs[i].value = value;
|
| | | break;
|
| | | }
|
| | | }
|
| | | } else
|
| | | attrs.push({name: name, value: value});
|
| | |
|
| | | attrs.map[name] = value;
|
| | |
|
| | | return self;
|
| | | } else {
|
| | | return attrs.map[name];
|
| | | }
|
| | | }
|
| | | },
|
| | |
|
| | | clone : function() {
|
| | | var self = this, clone = new Node(self.name, self.type), i, l, selfAttrs, selfAttr, cloneAttrs;
|
| | |
|
| | | // Clone element attributes
|
| | | if (selfAttrs = self.attributes) {
|
| | | cloneAttrs = [];
|
| | | cloneAttrs.map = {};
|
| | |
|
| | | for (i = 0, l = selfAttrs.length; i < l; i++) {
|
| | | selfAttr = selfAttrs[i];
|
| | |
|
| | | // Clone everything except id
|
| | | if (selfAttr.name !== 'id') {
|
| | | cloneAttrs[cloneAttrs.length] = {name: selfAttr.name, value: selfAttr.value};
|
| | | cloneAttrs.map[selfAttr.name] = selfAttr.value;
|
| | | }
|
| | | }
|
| | |
|
| | | // Re add the visual aids
|
| | | if (scmd == "removeformat")
|
| | | tinyMCE.handleVisualAid(this.getBody(), true, this.visualAid, this);
|
| | | clone.attributes = cloneAttrs;
|
| | | }
|
| | |
|
| | | tinyMCE.triggerNodeChange();
|
| | | clone.value = self.value;
|
| | | clone.shortEnded = self.shortEnded;
|
| | |
|
| | | break;
|
| | | return clone;
|
| | | },
|
| | |
|
| | | case "FontName":
|
| | | if (value == null) {
|
| | | var s = this.getSel();
|
| | | wrap : function(wrapper) {
|
| | | var self = this;
|
| | |
|
| | | // Find font and select it
|
| | | if (tinyMCE.isGecko && s.isCollapsed) {
|
| | | var f = tinyMCE.getParentElement(this.getFocusElement(), "font");
|
| | | self.parent.insert(wrapper, self);
|
| | | wrapper.append(self);
|
| | |
|
| | | if (f != null)
|
| | | this.selection.selectNode(f, false);
|
| | | }
|
| | | return self;
|
| | | },
|
| | |
|
| | | // Remove format
|
| | | this.getDoc().execCommand("RemoveFormat", false, null);
|
| | | unwrap : function() {
|
| | | var self = this, node, next;
|
| | |
|
| | | // Collapse range if font was found
|
| | | if (f != null && tinyMCE.isGecko) {
|
| | | var r = this.getRng().cloneRange();
|
| | | r.collapse(true);
|
| | | s.removeAllRanges();
|
| | | s.addRange(r);
|
| | | }
|
| | | } else
|
| | | this.getDoc().execCommand('FontName', false, value);
|
| | | for (node = self.firstChild; node; ) {
|
| | | next = node.next;
|
| | | self.insert(node, self, true);
|
| | | node = next;
|
| | | }
|
| | |
|
| | | if (tinyMCE.isGecko)
|
| | | window.setTimeout('tinyMCE.triggerNodeChange(false);', 1);
|
| | | self.remove();
|
| | | },
|
| | |
|
| | | return;
|
| | | remove : function() {
|
| | | var self = this, parent = self.parent, next = self.next, prev = self.prev;
|
| | |
|
| | | case "FontSize":
|
| | | this.getDoc().execCommand('FontSize', false, value);
|
| | | if (parent) {
|
| | | if (parent.firstChild === self) {
|
| | | parent.firstChild = next;
|
| | |
|
| | | if (tinyMCE.isGecko)
|
| | | window.setTimeout('tinyMCE.triggerNodeChange(false);', 1);
|
| | | if (next)
|
| | | next.prev = null;
|
| | | } else {
|
| | | prev.next = next;
|
| | | }
|
| | |
|
| | | return;
|
| | | if (parent.lastChild === self) {
|
| | | parent.lastChild = prev;
|
| | |
|
| | | case "forecolor":
|
| | | value = value == null ? this.foreColor : value;
|
| | | value = tinyMCE.trim(value);
|
| | | value = value.charAt(0) != '#' ? (isNaN('0x' + value) ? value : '#' + value) : value;
|
| | | if (prev)
|
| | | prev.next = null;
|
| | | } else {
|
| | | next.prev = prev;
|
| | | }
|
| | |
|
| | | this.foreColor = value;
|
| | | this.getDoc().execCommand('forecolor', false, value);
|
| | | break;
|
| | | self.parent = self.next = self.prev = null;
|
| | | }
|
| | |
|
| | | case "HiliteColor":
|
| | | value = value == null ? this.backColor : value;
|
| | | value = tinyMCE.trim(value);
|
| | | value = value.charAt(0) != '#' ? (isNaN('0x' + value) ? value : '#' + value) : value;
|
| | | this.backColor = value;
|
| | | return self;
|
| | | },
|
| | |
|
| | | if (tinyMCE.isGecko) {
|
| | | this._setUseCSS(true);
|
| | | this.getDoc().execCommand('hilitecolor', false, value);
|
| | | this._setUseCSS(false);
|
| | | } else
|
| | | this.getDoc().execCommand('BackColor', false, value);
|
| | | break;
|
| | | append : function(node) {
|
| | | var self = this, last;
|
| | |
|
| | | case "Cut":
|
| | | case "Copy":
|
| | | case "Paste":
|
| | | var cmdFailed = false;
|
| | | if (node.parent)
|
| | | node.remove();
|
| | |
|
| | | // Try executing command
|
| | | eval('try {this.getDoc().execCommand(command, user_interface, value);} catch (e) {cmdFailed = true;}');
|
| | | last = self.lastChild;
|
| | | if (last) {
|
| | | last.next = node;
|
| | | node.prev = last;
|
| | | self.lastChild = node;
|
| | | } else
|
| | | self.lastChild = self.firstChild = node;
|
| | |
|
| | | if (tinyMCE.isOpera && cmdFailed)
|
| | | alert('Currently not supported by your browser, use keyboard shortcuts instead.');
|
| | | node.parent = self;
|
| | |
|
| | | // Alert error in gecko if command failed
|
| | | if (tinyMCE.isGecko && cmdFailed) {
|
| | | // Confirm more info
|
| | | if (confirm(tinyMCE.entityDecode(tinyMCE.getLang('lang_clipboard_msg'))))
|
| | | window.open('http://www.mozilla.org/editor/midasdemo/securityprefs.html', 'mceExternal');
|
| | | return node;
|
| | | },
|
| | |
|
| | | return;
|
| | | } else
|
| | | tinyMCE.triggerNodeChange();
|
| | | break;
|
| | | insert : function(node, ref_node, before) {
|
| | | var parent;
|
| | |
|
| | | case "mceSetContent":
|
| | | if (!value)
|
| | | value = "";
|
| | | if (node.parent)
|
| | | node.remove();
|
| | |
|
| | | // Call custom cleanup code
|
| | | value = tinyMCE.storeAwayURLs(value);
|
| | | value = tinyMCE._customCleanup(this, "insert_to_editor", value);
|
| | | parent = ref_node.parent || this;
|
| | |
|
| | | if (this.getBody().nodeName == 'BODY')
|
| | | tinyMCE._setHTML(doc, value);
|
| | | if (before) {
|
| | | if (ref_node === parent.firstChild)
|
| | | parent.firstChild = node;
|
| | | else
|
| | | this.getBody().innerHTML = value;
|
| | | ref_node.prev.next = node;
|
| | |
|
| | | tinyMCE.setInnerHTML(this.getBody(), tinyMCE._cleanupHTML(this, doc, this.settings, this.getBody(), false, false, false, true));
|
| | | tinyMCE.convertAllRelativeURLs(this.getBody());
|
| | | node.prev = ref_node.prev;
|
| | | node.next = ref_node;
|
| | | ref_node.prev = node;
|
| | | } else {
|
| | | if (ref_node === parent.lastChild)
|
| | | parent.lastChild = node;
|
| | | else
|
| | | ref_node.next.prev = node;
|
| | |
|
| | | // Cleanup any mess left from storyAwayURLs
|
| | | tinyMCE._removeInternal(this.getBody());
|
| | | node.next = ref_node.next;
|
| | | node.prev = ref_node;
|
| | | ref_node.next = node;
|
| | | }
|
| | |
|
| | | // When editing always use fonts internaly
|
| | | if (tinyMCE.getParam("convert_fonts_to_spans"))
|
| | | tinyMCE.convertSpansToFonts(doc);
|
| | | node.parent = parent;
|
| | |
|
| | | tinyMCE.handleVisualAid(this.getBody(), true, this.visualAid, this);
|
| | | tinyMCE._setEventsEnabled(this.getBody(), false);
|
| | | this._addBogusBR();
|
| | | return node;
|
| | | },
|
| | |
|
| | | return true;
|
| | | getAll : function(name) {
|
| | | var self = this, node, collection = [];
|
| | |
|
| | | case "mceCleanup":
|
| | | var b = this.selection.getBookmark();
|
| | | tinyMCE._setHTML(this.contentDocument, this.getBody().innerHTML);
|
| | | tinyMCE.setInnerHTML(this.getBody(), tinyMCE._cleanupHTML(this, this.contentDocument, this.settings, this.getBody(), this.visualAid));
|
| | | tinyMCE.convertAllRelativeURLs(doc.body);
|
| | | for (node = self.firstChild; node; node = walk(node, self)) {
|
| | | if (node.name === name)
|
| | | collection.push(node);
|
| | | }
|
| | |
|
| | | // When editing always use fonts internaly
|
| | | if (tinyMCE.getParam("convert_fonts_to_spans"))
|
| | | tinyMCE.convertSpansToFonts(doc);
|
| | | return collection;
|
| | | },
|
| | |
|
| | | tinyMCE.handleVisualAid(this.getBody(), true, this.visualAid, this);
|
| | | tinyMCE._setEventsEnabled(this.getBody(), false);
|
| | | this._addBogusBR();
|
| | | this.repaint();
|
| | | this.selection.moveToBookmark(b);
|
| | | tinyMCE.triggerNodeChange();
|
| | | break;
|
| | | empty : function() {
|
| | | var self = this, nodes, i, node;
|
| | |
|
| | | case "mceReplaceContent":
|
| | | // Force empty string
|
| | | if (!value)
|
| | | value = '';
|
| | | // Remove all children
|
| | | if (self.firstChild) {
|
| | | nodes = [];
|
| | |
|
| | | this.getWin().focus();
|
| | | // Collect the children
|
| | | for (node = self.firstChild; node; node = walk(node, self))
|
| | | nodes.push(node);
|
| | |
|
| | | var selectedText = "";
|
| | |
|
| | | if (tinyMCE.isIE) {
|
| | | var rng = doc.selection.createRange();
|
| | | selectedText = rng.text;
|
| | | } else
|
| | | selectedText = this.getSel().toString();
|
| | |
|
| | | if (selectedText.length > 0) {
|
| | | value = tinyMCE.replaceVar(value, "selection", selectedText);
|
| | | tinyMCE.execCommand('mceInsertContent', false, value);
|
| | | // Remove the children
|
| | | i = nodes.length;
|
| | | while (i--) {
|
| | | node = nodes[i];
|
| | | node.parent = node.firstChild = node.lastChild = node.next = node.prev = null;
|
| | | }
|
| | | }
|
| | |
|
| | | this._addBogusBR();
|
| | | tinyMCE.triggerNodeChange();
|
| | | break;
|
| | | self.firstChild = self.lastChild = null;
|
| | |
|
| | | case "mceSetAttribute":
|
| | | if (typeof(value) == 'object') {
|
| | | var targetElms = (typeof(value.targets) == "undefined") ? "p,img,span,div,td,h1,h2,h3,h4,h5,h6,pre,address" : value.targets;
|
| | | var targetNode = tinyMCE.getParentElement(this.getFocusElement(), targetElms);
|
| | | return self;
|
| | | },
|
| | |
|
| | | if (targetNode) {
|
| | | targetNode.setAttribute(value.name, value.value);
|
| | | tinyMCE.triggerNodeChange();
|
| | | }
|
| | | }
|
| | | break;
|
| | | isEmpty : function(elements) {
|
| | | var self = this, node = self.firstChild, i, name;
|
| | |
|
| | | case "mceSetCSSClass":
|
| | | this.execCommand("mceSetStyleInfo", false, {command : "setattrib", name : "class", value : value});
|
| | | break;
|
| | | if (node) {
|
| | | do {
|
| | | if (node.type === 1) {
|
| | | // Ignore bogus elements
|
| | | if (node.attributes.map['data-mce-bogus'])
|
| | | continue;
|
| | |
|
| | | case "mceInsertRawHTML":
|
| | | var key = 'tiny_mce_marker';
|
| | | // Keep empty elements like <img />
|
| | | if (elements[node.name])
|
| | | return false;
|
| | |
|
| | | this.execCommand('mceBeginUndoLevel');
|
| | |
|
| | | // Insert marker key
|
| | | this.execCommand('mceInsertContent', false, key);
|
| | |
|
| | | // Store away scroll pos
|
| | | var scrollX = this.getBody().scrollLeft + this.getDoc().documentElement.scrollLeft;
|
| | | var scrollY = this.getBody().scrollTop + this.getDoc().documentElement.scrollTop;
|
| | |
|
| | | // Find marker and replace with RAW HTML
|
| | | var html = this.getBody().innerHTML;
|
| | | if ((pos = html.indexOf(key)) != -1)
|
| | | tinyMCE.setInnerHTML(this.getBody(), html.substring(0, pos) + value + html.substring(pos + key.length));
|
| | |
|
| | | // Restore scoll pos
|
| | | this.contentWindow.scrollTo(scrollX, scrollY);
|
| | |
|
| | | this.execCommand('mceEndUndoLevel');
|
| | |
|
| | | break;
|
| | |
|
| | | case "mceInsertContent":
|
| | | // Force empty string
|
| | | if (!value)
|
| | | value = '';
|
| | |
|
| | | var insertHTMLFailed = false;
|
| | |
|
| | | // Removed since it produced problems in IE
|
| | | // this.getWin().focus();
|
| | |
|
| | | if (tinyMCE.isGecko || tinyMCE.isOpera) {
|
| | | try {
|
| | | // Is plain text or HTML, &, etc will be encoded wrong in FF
|
| | | if (value.indexOf('<') == -1 && !value.match(/(&| |<|>)/g)) {
|
| | | var r = this.getRng();
|
| | | var n = this.getDoc().createTextNode(tinyMCE.entityDecode(value));
|
| | | var s = this.getSel();
|
| | | var r2 = r.cloneRange();
|
| | |
|
| | | // Insert text at cursor position
|
| | | s.removeAllRanges();
|
| | | r.deleteContents();
|
| | | r.insertNode(n);
|
| | |
|
| | | // Move the cursor to the end of text
|
| | | r2.selectNode(n);
|
| | | r2.collapse(false);
|
| | | s.removeAllRanges();
|
| | | s.addRange(r2);
|
| | | } else {
|
| | | value = tinyMCE.fixGeckoBaseHREFBug(1, this.getDoc(), value);
|
| | | this.getDoc().execCommand('inserthtml', false, value);
|
| | | tinyMCE.fixGeckoBaseHREFBug(2, this.getDoc(), value);
|
| | | // Keep elements with data attributes or name attribute like <a name="1"></a>
|
| | | i = node.attributes.length;
|
| | | while (i--) {
|
| | | name = node.attributes[i].name;
|
| | | if (name === "name" || name.indexOf('data-') === 0)
|
| | | return false;
|
| | | }
|
| | | } catch (ex) {
|
| | | insertHTMLFailed = true;
|
| | | }
|
| | |
|
| | | if (!insertHTMLFailed) {
|
| | | tinyMCE.triggerNodeChange();
|
| | | // Keep comments
|
| | | if (node.type === 8)
|
| | | return false;
|
| | | |
| | | // Keep non whitespace text nodes
|
| | | if ((node.type === 3 && !whiteSpaceRegExp.test(node.value)))
|
| | | return false;
|
| | | } while (node = walk(node, self));
|
| | | }
|
| | |
|
| | | return true;
|
| | | },
|
| | |
|
| | | walk : function(prev) {
|
| | | return walk(this, null, prev);
|
| | | }
|
| | | });
|
| | |
|
| | | tinymce.extend(Node, {
|
| | | create : function(name, attrs) {
|
| | | var node, attrName;
|
| | |
|
| | | // Create node
|
| | | node = new Node(name, typeLookup[name] || 1);
|
| | |
|
| | | // Add attributes if needed
|
| | | if (attrs) {
|
| | | for (attrName in attrs)
|
| | | node.attr(attrName, attrs[attrName]);
|
| | | }
|
| | |
|
| | | return node;
|
| | | }
|
| | | });
|
| | |
|
| | | tinymce.html.Node = Node;
|
| | | })(tinymce);
|
| | |
|
| | | (function(tinymce) {
|
| | | var Node = tinymce.html.Node;
|
| | |
|
| | | tinymce.html.DomParser = function(settings, schema) {
|
| | | var self = this, nodeFilters = {}, attributeFilters = [], matchedNodes = {}, matchedAttributes = {};
|
| | |
|
| | | settings = settings || {};
|
| | | settings.validate = "validate" in settings ? settings.validate : true;
|
| | | settings.root_name = settings.root_name || 'body';
|
| | | self.schema = schema = schema || new tinymce.html.Schema();
|
| | |
|
| | | function fixInvalidChildren(nodes) {
|
| | | var ni, node, parent, parents, newParent, currentNode, tempNode, childNode, i,
|
| | | childClone, nonEmptyElements, nonSplitableElements, sibling, nextNode;
|
| | |
|
| | | nonSplitableElements = tinymce.makeMap('tr,td,th,tbody,thead,tfoot,table');
|
| | | nonEmptyElements = schema.getNonEmptyElements();
|
| | |
|
| | | for (ni = 0; ni < nodes.length; ni++) {
|
| | | node = nodes[ni];
|
| | |
|
| | | // Already removed
|
| | | if (!node.parent)
|
| | | continue;
|
| | |
|
| | | // Get list of all parent nodes until we find a valid parent to stick the child into
|
| | | parents = [node];
|
| | | for (parent = node.parent; parent && !schema.isValidChild(parent.name, node.name) && !nonSplitableElements[parent.name]; parent = parent.parent)
|
| | | parents.push(parent);
|
| | |
|
| | | // Found a suitable parent
|
| | | if (parent && parents.length > 1) {
|
| | | // Reverse the array since it makes looping easier
|
| | | parents.reverse();
|
| | |
|
| | | // Clone the related parent and insert that after the moved node
|
| | | newParent = currentNode = self.filterNode(parents[0].clone());
|
| | |
|
| | | // Start cloning and moving children on the left side of the target node
|
| | | for (i = 0; i < parents.length - 1; i++) {
|
| | | if (schema.isValidChild(currentNode.name, parents[i].name)) {
|
| | | tempNode = self.filterNode(parents[i].clone());
|
| | | currentNode.append(tempNode);
|
| | | } else
|
| | | tempNode = currentNode;
|
| | |
|
| | | for (childNode = parents[i].firstChild; childNode && childNode != parents[i + 1]; ) {
|
| | | nextNode = childNode.next;
|
| | | tempNode.append(childNode);
|
| | | childNode = nextNode;
|
| | | }
|
| | |
|
| | | currentNode = tempNode;
|
| | | }
|
| | |
|
| | | if (!newParent.isEmpty(nonEmptyElements)) {
|
| | | parent.insert(newParent, parents[0], true);
|
| | | parent.insert(node, newParent);
|
| | | } else {
|
| | | parent.insert(node, parents[0], true);
|
| | | }
|
| | |
|
| | | // Check if the element is empty by looking through it's contents and special treatment for <p><br /></p>
|
| | | parent = parents[0];
|
| | | if (parent.isEmpty(nonEmptyElements) || parent.firstChild === parent.lastChild && parent.firstChild.name === 'br') {
|
| | | parent.empty().remove();
|
| | | }
|
| | | } else if (node.parent) {
|
| | | // If it's an LI try to find a UL/OL for it or wrap it
|
| | | if (node.name === 'li') {
|
| | | sibling = node.prev;
|
| | | if (sibling && (sibling.name === 'ul' || sibling.name === 'ul')) {
|
| | | sibling.append(node);
|
| | | continue;
|
| | | }
|
| | |
|
| | | sibling = node.next;
|
| | | if (sibling && (sibling.name === 'ul' || sibling.name === 'ul')) {
|
| | | sibling.insert(node, sibling.firstChild, true);
|
| | | continue;
|
| | | }
|
| | |
|
| | | node.wrap(self.filterNode(new Node('ul', 1)));
|
| | | continue;
|
| | | }
|
| | |
|
| | | // Try wrapping the element in a DIV
|
| | | if (schema.isValidChild(node.parent.name, 'div') && schema.isValidChild('div', node.name)) {
|
| | | node.wrap(self.filterNode(new Node('div', 1)));
|
| | | } else {
|
| | | // We failed wrapping it, then remove or unwrap it
|
| | | if (node.name === 'style' || node.name === 'script')
|
| | | node.empty().remove();
|
| | | else
|
| | | node.unwrap();
|
| | | }
|
| | | }
|
| | | }
|
| | | };
|
| | |
|
| | | self.filterNode = function(node) {
|
| | | var i, name, list;
|
| | |
|
| | | // Run element filters
|
| | | if (name in nodeFilters) {
|
| | | list = matchedNodes[name];
|
| | |
|
| | | if (list)
|
| | | list.push(node);
|
| | | else
|
| | | matchedNodes[name] = [node];
|
| | | }
|
| | |
|
| | | // Run attribute filters
|
| | | i = attributeFilters.length;
|
| | | while (i--) {
|
| | | name = attributeFilters[i].name;
|
| | |
|
| | | if (name in node.attributes.map) {
|
| | | list = matchedAttributes[name];
|
| | |
|
| | | if (list)
|
| | | list.push(node);
|
| | | else
|
| | | matchedAttributes[name] = [node];
|
| | | }
|
| | | }
|
| | |
|
| | | return node;
|
| | | };
|
| | |
|
| | | self.addNodeFilter = function(name, callback) {
|
| | | tinymce.each(tinymce.explode(name), function(name) {
|
| | | var list = nodeFilters[name];
|
| | |
|
| | | if (!list)
|
| | | nodeFilters[name] = list = [];
|
| | |
|
| | | list.push(callback);
|
| | | });
|
| | | };
|
| | |
|
| | | self.addAttributeFilter = function(name, callback) {
|
| | | tinymce.each(tinymce.explode(name), function(name) {
|
| | | var i;
|
| | |
|
| | | for (i = 0; i < attributeFilters.length; i++) {
|
| | | if (attributeFilters[i].name === name) {
|
| | | attributeFilters[i].callbacks.push(callback);
|
| | | return;
|
| | | }
|
| | | }
|
| | |
|
| | | if (!tinyMCE.isIE) {
|
| | | var isHTML = value.indexOf('<') != -1;
|
| | | var sel = this.getSel();
|
| | | var rng = this.getRng();
|
| | | attributeFilters.push({name: name, callbacks: [callback]});
|
| | | });
|
| | | };
|
| | |
|
| | | if (isHTML) {
|
| | | if (tinyMCE.isSafari) {
|
| | | var tmpRng = this.getDoc().createRange();
|
| | | self.parse = function(html, args) {
|
| | | var parser, rootNode, node, nodes, i, l, fi, fl, list, name, validate,
|
| | | blockElements, startWhiteSpaceRegExp, invalidChildren = [], isInWhiteSpacePreservedElement,
|
| | | endWhiteSpaceRegExp, allWhiteSpaceRegExp, isAllWhiteSpaceRegExp, whiteSpaceElements, children, nonEmptyElements, rootBlockName;
|
| | |
|
| | | tmpRng.setStart(this.getBody(), 0);
|
| | | tmpRng.setEnd(this.getBody(), 0);
|
| | | args = args || {};
|
| | | matchedNodes = {};
|
| | | matchedAttributes = {};
|
| | | blockElements = tinymce.extend(tinymce.makeMap('script,style,head,html,body,title,meta,param'), schema.getBlockElements());
|
| | | nonEmptyElements = schema.getNonEmptyElements();
|
| | | children = schema.children;
|
| | | validate = settings.validate;
|
| | | rootBlockName = "forced_root_block" in args ? args.forced_root_block : settings.forced_root_block;
|
| | |
|
| | | value = tmpRng.createContextualFragment(value);
|
| | | whiteSpaceElements = schema.getWhiteSpaceElements();
|
| | | startWhiteSpaceRegExp = /^[ \t\r\n]+/;
|
| | | endWhiteSpaceRegExp = /[ \t\r\n]+$/;
|
| | | allWhiteSpaceRegExp = /[ \t\r\n]+/g;
|
| | | isAllWhiteSpaceRegExp = /^[ \t\r\n]+$/;
|
| | |
|
| | | function addRootBlocks() {
|
| | | var node = rootNode.firstChild, next, rootBlockNode;
|
| | |
|
| | | while (node) {
|
| | | next = node.next;
|
| | |
|
| | | if (node.type == 3 || (node.type == 1 && node.name !== 'p' && !blockElements[node.name] && !node.attr('data-mce-type'))) {
|
| | | if (!rootBlockNode) {
|
| | | // Create a new root block element
|
| | | rootBlockNode = createNode(rootBlockName, 1);
|
| | | rootNode.insert(rootBlockNode, node);
|
| | | rootBlockNode.append(node);
|
| | | } else
|
| | | value = rng.createContextualFragment(value);
|
| | | rootBlockNode.append(node);
|
| | | } else {
|
| | | // Setup text node
|
| | | value = doc.createTextNode(tinyMCE.entityDecode(value));
|
| | | rootBlockNode = null;
|
| | | }
|
| | |
|
| | | // Insert plain text in Safari
|
| | | if (tinyMCE.isSafari && !isHTML) {
|
| | | this.execCommand('InsertText', false, value.nodeValue);
|
| | | tinyMCE.triggerNodeChange();
|
| | | return true;
|
| | | } else if (tinyMCE.isSafari && isHTML) {
|
| | | rng.deleteContents();
|
| | | rng.insertNode(value);
|
| | | tinyMCE.triggerNodeChange();
|
| | | return true;
|
| | | }
|
| | | node = next;
|
| | | };
|
| | | };
|
| | |
|
| | | rng.deleteContents();
|
| | | function createNode(name, type) {
|
| | | var node = new Node(name, type), list;
|
| | |
|
| | | // If target node is text do special treatment, (Mozilla 1.3 fix)
|
| | | if (rng.startContainer.nodeType == 3) {
|
| | | var node = rng.startContainer.splitText(rng.startOffset);
|
| | | node.parentNode.insertBefore(value, node); |
| | | } else
|
| | | rng.insertNode(value);
|
| | | if (name in nodeFilters) {
|
| | | list = matchedNodes[name];
|
| | |
|
| | | if (!isHTML) {
|
| | | // Removes weird selection trails
|
| | | sel.selectAllChildren(doc.body);
|
| | | sel.removeAllRanges();
|
| | |
|
| | | // Move cursor to end of content
|
| | | var rng = doc.createRange();
|
| | |
|
| | | rng.selectNode(value);
|
| | | rng.collapse(false);
|
| | |
|
| | | sel.addRange(rng);
|
| | | } else
|
| | | rng.collapse(false);
|
| | |
|
| | | tinyMCE.fixGeckoBaseHREFBug(2, this.getDoc(), value);
|
| | | } else {
|
| | | var rng = doc.selection.createRange(), tmpRng = null;
|
| | | var c = value.indexOf('<!--') != -1;
|
| | |
|
| | | // Fix comment bug, add tag before comments
|
| | | if (c)
|
| | | value = tinyMCE.uniqueTag + value;
|
| | |
|
| | | // tmpRng = rng.duplicate(); // Store away range (Fixes Undo bookmark bug in IE)
|
| | |
|
| | | if (rng.item)
|
| | | rng.item(0).outerHTML = value;
|
| | | if (list)
|
| | | list.push(node);
|
| | | else
|
| | | rng.pasteHTML(value);
|
| | | matchedNodes[name] = [node];
|
| | | }
|
| | |
|
| | | //if (tmpRng)
|
| | | // tmpRng.select(); // Restore range (Fixes Undo bookmark bug in IE)
|
| | | return node;
|
| | | };
|
| | |
|
| | | // Remove unique tag
|
| | | if (c) {
|
| | | var e = this.getDoc().getElementById('mceTMPElement');
|
| | | e.parentNode.removeChild(e);
|
| | | function removeWhitespaceBefore(node) {
|
| | | var textNode, textVal, sibling;
|
| | |
|
| | | for (textNode = node.prev; textNode && textNode.type === 3; ) {
|
| | | textVal = textNode.value.replace(endWhiteSpaceRegExp, '');
|
| | |
|
| | | if (textVal.length > 0) {
|
| | | textNode.value = textVal;
|
| | | textNode = textNode.prev;
|
| | | } else {
|
| | | sibling = textNode.prev;
|
| | | textNode.remove();
|
| | | textNode = sibling;
|
| | | }
|
| | | }
|
| | | };
|
| | |
|
| | | function cloneAndExcludeBlocks(input) {
|
| | | var name, output = {};
|
| | |
|
| | | for (name in input) {
|
| | | if (name !== 'li' && name != 'p') {
|
| | | output[name] = input[name];
|
| | | }
|
| | | }
|
| | |
|
| | | tinyMCE.execCommand("mceAddUndoLevel");
|
| | | tinyMCE.triggerNodeChange();
|
| | | break;
|
| | | return output;
|
| | | };
|
| | |
|
| | | case "mceStartTyping":
|
| | | if (tinyMCE.settings.custom_undo_redo && this.undoRedo.typingUndoIndex == -1) {
|
| | | this.undoRedo.typingUndoIndex = this.undoRedo.undoIndex;
|
| | | tinyMCE.typingUndoIndex = tinyMCE.undoIndex;
|
| | | this.execCommand('mceAddUndoLevel');
|
| | | }
|
| | | break;
|
| | | parser = new tinymce.html.SaxParser({
|
| | | validate : validate,
|
| | |
|
| | | case "mceEndTyping":
|
| | | if (tinyMCE.settings.custom_undo_redo && this.undoRedo.typingUndoIndex != -1) {
|
| | | this.execCommand('mceAddUndoLevel');
|
| | | this.undoRedo.typingUndoIndex = -1;
|
| | | }
|
| | | // Exclude P and LI from DOM parsing since it's treated better by the DOM parser
|
| | | self_closing_elements: cloneAndExcludeBlocks(schema.getSelfClosingElements()),
|
| | |
|
| | | tinyMCE.typingUndoIndex = -1;
|
| | | break;
|
| | | cdata: function(text) {
|
| | | node.append(createNode('#cdata', 4)).value = text;
|
| | | },
|
| | |
|
| | | case "mceBeginUndoLevel":
|
| | | this.undoRedoLevel = false;
|
| | | break;
|
| | | text: function(text, raw) {
|
| | | var textNode;
|
| | |
|
| | | case "mceEndUndoLevel":
|
| | | this.undoRedoLevel = true;
|
| | | this.execCommand('mceAddUndoLevel');
|
| | | break;
|
| | | // Trim all redundant whitespace on non white space elements
|
| | | if (!isInWhiteSpacePreservedElement) {
|
| | | text = text.replace(allWhiteSpaceRegExp, ' ');
|
| | |
|
| | | case "mceAddUndoLevel":
|
| | | if (tinyMCE.settings.custom_undo_redo && this.undoRedoLevel) {
|
| | | if (this.undoRedo.add())
|
| | | tinyMCE.triggerNodeChange(false);
|
| | | }
|
| | | break;
|
| | | if (node.lastChild && blockElements[node.lastChild.name])
|
| | | text = text.replace(startWhiteSpaceRegExp, '');
|
| | | }
|
| | |
|
| | | case "Undo":
|
| | | if (tinyMCE.settings.custom_undo_redo) {
|
| | | tinyMCE.execCommand("mceEndTyping");
|
| | | this.undoRedo.undo();
|
| | | tinyMCE.triggerNodeChange();
|
| | | } else
|
| | | this.getDoc().execCommand(command, user_interface, value);
|
| | | break;
|
| | | // Do we need to create the node
|
| | | if (text.length !== 0) {
|
| | | textNode = createNode('#text', 3);
|
| | | textNode.raw = !!raw;
|
| | | node.append(textNode).value = text;
|
| | | }
|
| | | },
|
| | |
|
| | | case "Redo":
|
| | | if (tinyMCE.settings.custom_undo_redo) {
|
| | | tinyMCE.execCommand("mceEndTyping");
|
| | | this.undoRedo.redo();
|
| | | tinyMCE.triggerNodeChange();
|
| | | } else
|
| | | this.getDoc().execCommand(command, user_interface, value);
|
| | | break;
|
| | | comment: function(text) {
|
| | | node.append(createNode('#comment', 8)).value = text;
|
| | | },
|
| | |
|
| | | case "mceToggleVisualAid":
|
| | | this.visualAid = !this.visualAid;
|
| | | tinyMCE.handleVisualAid(this.getBody(), true, this.visualAid, this);
|
| | | tinyMCE.triggerNodeChange();
|
| | | break;
|
| | | pi: function(name, text) {
|
| | | node.append(createNode(name, 7)).value = text;
|
| | | removeWhitespaceBefore(node);
|
| | | },
|
| | |
|
| | | case "Indent":
|
| | | this.getDoc().execCommand(command, user_interface, value);
|
| | | tinyMCE.triggerNodeChange();
|
| | | doctype: function(text) {
|
| | | var newNode;
|
| | | |
| | | newNode = node.append(createNode('#doctype', 10));
|
| | | newNode.value = text;
|
| | | removeWhitespaceBefore(node);
|
| | | },
|
| | |
|
| | | if (tinyMCE.isIE) {
|
| | | var n = tinyMCE.getParentElement(this.getFocusElement(), "blockquote");
|
| | | do {
|
| | | if (n && n.nodeName == "BLOCKQUOTE") {
|
| | | n.removeAttribute("dir");
|
| | | n.removeAttribute("style");
|
| | | start: function(name, attrs, empty) {
|
| | | var newNode, attrFiltersLen, elementRule, textNode, attrName, text, sibling, parent;
|
| | |
|
| | | elementRule = validate ? schema.getElementRule(name) : {};
|
| | | if (elementRule) {
|
| | | newNode = createNode(elementRule.outputName || name, 1);
|
| | | newNode.attributes = attrs;
|
| | | newNode.shortEnded = empty;
|
| | |
|
| | | node.append(newNode);
|
| | |
|
| | | // Check if node is valid child of the parent node is the child is
|
| | | // unknown we don't collect it since it's probably a custom element
|
| | | parent = children[node.name];
|
| | | if (parent && children[newNode.name] && !parent[newNode.name])
|
| | | invalidChildren.push(newNode);
|
| | |
|
| | | attrFiltersLen = attributeFilters.length;
|
| | | while (attrFiltersLen--) {
|
| | | attrName = attributeFilters[attrFiltersLen].name;
|
| | |
|
| | | if (attrName in attrs.map) {
|
| | | list = matchedAttributes[attrName];
|
| | |
|
| | | if (list)
|
| | | list.push(newNode);
|
| | | else
|
| | | matchedAttributes[attrName] = [newNode];
|
| | | }
|
| | | }
|
| | | } while (n != null && (n = n.parentNode) != null);
|
| | |
|
| | | // Trim whitespace before block
|
| | | if (blockElements[name])
|
| | | removeWhitespaceBefore(newNode);
|
| | |
|
| | | // Change current node if the element wasn't empty i.e not <br /> or <img />
|
| | | if (!empty)
|
| | | node = newNode;
|
| | |
|
| | | // Check if we are inside a whitespace preserved element
|
| | | if (!isInWhiteSpacePreservedElement && whiteSpaceElements[name]) {
|
| | | isInWhiteSpacePreservedElement = true;
|
| | | }
|
| | | }
|
| | | },
|
| | |
|
| | | end: function(name) {
|
| | | var textNode, elementRule, text, sibling, tempNode;
|
| | |
|
| | | elementRule = validate ? schema.getElementRule(name) : {};
|
| | | if (elementRule) {
|
| | | if (blockElements[name]) {
|
| | | if (!isInWhiteSpacePreservedElement) {
|
| | | // Trim whitespace of the first node in a block
|
| | | textNode = node.firstChild;
|
| | | if (textNode && textNode.type === 3) {
|
| | | text = textNode.value.replace(startWhiteSpaceRegExp, '');
|
| | |
|
| | | // Any characters left after trim or should we remove it
|
| | | if (text.length > 0) {
|
| | | textNode.value = text;
|
| | | textNode = textNode.next;
|
| | | } else {
|
| | | sibling = textNode.next;
|
| | | textNode.remove();
|
| | | textNode = sibling;
|
| | | }
|
| | |
|
| | | // Remove any pure whitespace siblings
|
| | | while (textNode && textNode.type === 3) {
|
| | | text = textNode.value;
|
| | | sibling = textNode.next;
|
| | |
|
| | | if (text.length === 0 || isAllWhiteSpaceRegExp.test(text)) {
|
| | | textNode.remove();
|
| | | textNode = sibling;
|
| | | }
|
| | |
|
| | | textNode = sibling;
|
| | | }
|
| | | }
|
| | |
|
| | | // Trim whitespace of the last node in a block
|
| | | textNode = node.lastChild;
|
| | | if (textNode && textNode.type === 3) {
|
| | | text = textNode.value.replace(endWhiteSpaceRegExp, '');
|
| | |
|
| | | // Any characters left after trim or should we remove it
|
| | | if (text.length > 0) {
|
| | | textNode.value = text;
|
| | | textNode = textNode.prev;
|
| | | } else {
|
| | | sibling = textNode.prev;
|
| | | textNode.remove();
|
| | | textNode = sibling;
|
| | | }
|
| | |
|
| | | // Remove any pure whitespace siblings
|
| | | while (textNode && textNode.type === 3) {
|
| | | text = textNode.value;
|
| | | sibling = textNode.prev;
|
| | |
|
| | | if (text.length === 0 || isAllWhiteSpaceRegExp.test(text)) {
|
| | | textNode.remove();
|
| | | textNode = sibling;
|
| | | }
|
| | |
|
| | | textNode = sibling;
|
| | | }
|
| | | }
|
| | | }
|
| | |
|
| | | // Trim start white space
|
| | | textNode = node.prev;
|
| | | if (textNode && textNode.type === 3) {
|
| | | text = textNode.value.replace(startWhiteSpaceRegExp, '');
|
| | |
|
| | | if (text.length > 0)
|
| | | textNode.value = text;
|
| | | else
|
| | | textNode.remove();
|
| | | }
|
| | | }
|
| | |
|
| | | // Check if we exited a whitespace preserved element
|
| | | if (isInWhiteSpacePreservedElement && whiteSpaceElements[name]) {
|
| | | isInWhiteSpacePreservedElement = false;
|
| | | }
|
| | |
|
| | | // Handle empty nodes
|
| | | if (elementRule.removeEmpty || elementRule.paddEmpty) {
|
| | | if (node.isEmpty(nonEmptyElements)) {
|
| | | if (elementRule.paddEmpty)
|
| | | node.empty().append(new Node('#text', '3')).value = '\u00a0';
|
| | | else {
|
| | | // Leave nodes that have a name like <a name="name">
|
| | | if (!node.attributes.map.name && !node.attributes.map.id) {
|
| | | tempNode = node.parent;
|
| | | node.empty().remove();
|
| | | node = tempNode;
|
| | | return;
|
| | | }
|
| | | }
|
| | | }
|
| | | }
|
| | |
|
| | | node = node.parent;
|
| | | }
|
| | | }
|
| | | break;
|
| | | }, schema);
|
| | |
|
| | | case "RemoveFormat":
|
| | | case "removeformat":
|
| | | var text = this.selection.getSelectedText();
|
| | | rootNode = node = new Node(args.context || settings.root_name, 11);
|
| | |
|
| | | if (tinyMCE.isOpera) {
|
| | | this.getDoc().execCommand("RemoveFormat", false, null);
|
| | | return;
|
| | | }
|
| | | parser.parse(html);
|
| | |
|
| | | if (tinyMCE.isIE) {
|
| | | try {
|
| | | var rng = doc.selection.createRange();
|
| | | rng.execCommand("RemoveFormat", false, null);
|
| | | } catch (e) {
|
| | | // Do nothing
|
| | | // Fix invalid children or report invalid children in a contextual parsing
|
| | | if (validate && invalidChildren.length) {
|
| | | if (!args.context)
|
| | | fixInvalidChildren(invalidChildren);
|
| | | else
|
| | | args.invalid = true;
|
| | | }
|
| | |
|
| | | // Wrap nodes in the root into block elements if the root is body
|
| | | if (rootBlockName && rootNode.name == 'body')
|
| | | addRootBlocks();
|
| | |
|
| | | // Run filters only when the contents is valid
|
| | | if (!args.invalid) {
|
| | | // Run node filters
|
| | | for (name in matchedNodes) {
|
| | | list = nodeFilters[name];
|
| | | nodes = matchedNodes[name];
|
| | |
|
| | | // Remove already removed children
|
| | | fi = nodes.length;
|
| | | while (fi--) {
|
| | | if (!nodes[fi].parent)
|
| | | nodes.splice(fi, 1);
|
| | | }
|
| | |
|
| | | this.execCommand("mceSetStyleInfo", false, {command : "removeformat"});
|
| | | } else {
|
| | | this.getDoc().execCommand(command, user_interface, value);
|
| | |
|
| | | this.execCommand("mceSetStyleInfo", false, {command : "removeformat"});
|
| | | for (i = 0, l = list.length; i < l; i++)
|
| | | list[i](nodes, name, args);
|
| | | }
|
| | |
|
| | | // Remove class
|
| | | if (text.length == 0)
|
| | | this.execCommand("mceSetCSSClass", false, "");
|
| | | // Run attribute filters
|
| | | for (i = 0, l = attributeFilters.length; i < l; i++) {
|
| | | list = attributeFilters[i];
|
| | |
|
| | | tinyMCE.triggerNodeChange();
|
| | | break;
|
| | | if (list.name in matchedAttributes) {
|
| | | nodes = matchedAttributes[list.name];
|
| | |
|
| | | default:
|
| | | this.getDoc().execCommand(command, user_interface, value);
|
| | | // Remove already removed children
|
| | | fi = nodes.length;
|
| | | while (fi--) {
|
| | | if (!nodes[fi].parent)
|
| | | nodes.splice(fi, 1);
|
| | | }
|
| | |
|
| | | if (tinyMCE.isGecko)
|
| | | window.setTimeout('tinyMCE.triggerNodeChange(false);', 1);
|
| | | else
|
| | | tinyMCE.triggerNodeChange();
|
| | | for (fi = 0, fl = list.callbacks.length; fi < fl; fi++)
|
| | | list.callbacks[fi](nodes, list.name, args);
|
| | | }
|
| | | }
|
| | | }
|
| | |
|
| | | return rootNode;
|
| | | };
|
| | |
|
| | | // Remove <br> at end of block elements Gecko and WebKit injects BR elements to
|
| | | // make it possible to place the caret inside empty blocks. This logic tries to remove
|
| | | // these elements and keep br elements that where intended to be there intact
|
| | | if (settings.remove_trailing_brs) {
|
| | | self.addNodeFilter('br', function(nodes, name) {
|
| | | var i, l = nodes.length, node, blockElements = tinymce.extend({}, schema.getBlockElements()),
|
| | | nonEmptyElements = schema.getNonEmptyElements(), parent, lastParent, prev, prevName;
|
| | |
|
| | | // Remove brs from body element as well
|
| | | blockElements.body = 1;
|
| | |
|
| | | // Must loop forwards since it will otherwise remove all brs in <p>a<br><br><br></p>
|
| | | for (i = 0; i < l; i++) {
|
| | | node = nodes[i];
|
| | | parent = node.parent;
|
| | |
|
| | | if (blockElements[node.parent.name] && node === parent.lastChild) {
|
| | | // Loop all nodes to the left of the current node and check for other BR elements
|
| | | // excluding bookmarks since they are invisible
|
| | | prev = node.prev;
|
| | | while (prev) {
|
| | | prevName = prev.name;
|
| | |
|
| | | // Ignore bookmarks
|
| | | if (prevName !== "span" || prev.attr('data-mce-type') !== 'bookmark') {
|
| | | // Found a non BR element
|
| | | if (prevName !== "br")
|
| | | break;
|
| | | |
| | | // Found another br it's a <br><br> structure then don't remove anything
|
| | | if (prevName === 'br') {
|
| | | node = null;
|
| | | break;
|
| | | }
|
| | | }
|
| | |
|
| | | prev = prev.prev;
|
| | | }
|
| | |
|
| | | if (node) {
|
| | | node.remove();
|
| | |
|
| | | // Is the parent to be considered empty after we removed the BR
|
| | | if (parent.isEmpty(nonEmptyElements)) {
|
| | | elementRule = schema.getElementRule(parent.name);
|
| | |
|
| | | // Remove or padd the element depending on schema rule
|
| | | if (elementRule) {
|
| | | if (elementRule.removeEmpty)
|
| | | parent.remove();
|
| | | else if (elementRule.paddEmpty)
|
| | | parent.empty().append(new tinymce.html.Node('#text', 3)).value = '\u00a0';
|
| | | }
|
| | | }
|
| | | }
|
| | | } else {
|
| | | // Replaces BR elements inside inline elements like <p><b><i><br></i></b></p> so they become <p><b><i> </i></b></p> |
| | | lastParent = node;
|
| | | while (parent.firstChild === lastParent && parent.lastChild === lastParent) {
|
| | | lastParent = parent;
|
| | |
|
| | | if (blockElements[parent.name]) {
|
| | | break;
|
| | | }
|
| | |
|
| | | parent = parent.parent;
|
| | | }
|
| | |
|
| | | if (lastParent === parent) {
|
| | | textNode = new tinymce.html.Node('#text', 3);
|
| | | textNode.value = '\u00a0';
|
| | | node.replace(textNode);
|
| | | }
|
| | | }
|
| | | }
|
| | | });
|
| | | }
|
| | |
|
| | | // Add undo level after modification
|
| | | if (command != "mceAddUndoLevel" && command != "Undo" && command != "Redo" && command != "mceStartTyping" && command != "mceEndTyping")
|
| | | tinyMCE.execCommand("mceAddUndoLevel");
|
| | | },
|
| | | // Force anchor names closed, unless the setting "allow_html_in_named_anchor" is explicitly included.
|
| | | if (!settings.allow_html_in_named_anchor) {
|
| | | self.addAttributeFilter('id,name', function(nodes, name) {
|
| | | var i = nodes.length, sibling, prevSibling, parent, node;
|
| | |
|
| | | queryCommandValue : function(c) {
|
| | | try {
|
| | | return this.getDoc().queryCommandValue(c);
|
| | | } catch (e) {
|
| | | return null;
|
| | | while (i--) {
|
| | | node = nodes[i];
|
| | | if (node.name === 'a' && node.firstChild && !node.attr('href')) {
|
| | | parent = node.parent;
|
| | |
|
| | | // Move children after current node
|
| | | sibling = node.lastChild;
|
| | | do {
|
| | | prevSibling = sibling.prev;
|
| | | parent.insert(sibling, node);
|
| | | sibling = prevSibling;
|
| | | } while (sibling);
|
| | | }
|
| | | }
|
| | | });
|
| | | }
|
| | | },
|
| | | }
|
| | | })(tinymce);
|
| | |
|
| | | queryCommandState : function(c) {
|
| | | return this.getDoc().queryCommandState(c);
|
| | | },
|
| | | tinymce.html.Writer = function(settings) {
|
| | | var html = [], indent, indentBefore, indentAfter, encode, htmlOutput;
|
| | |
|
| | | _addBogusBR : function() {
|
| | | var b = this.getBody();
|
| | | settings = settings || {};
|
| | | indent = settings.indent;
|
| | | indentBefore = tinymce.makeMap(settings.indent_before || '');
|
| | | indentAfter = tinymce.makeMap(settings.indent_after || '');
|
| | | encode = tinymce.html.Entities.getEncodeFunc(settings.entity_encoding || 'raw', settings.entities);
|
| | | htmlOutput = settings.element_format == "html";
|
| | |
|
| | | if (tinyMCE.isGecko && !b.hasChildNodes())
|
| | | b.innerHTML = '<br _moz_editor_bogus_node="TRUE" />';
|
| | | },
|
| | | return {
|
| | | start: function(name, attrs, empty) {
|
| | | var i, l, attr, value;
|
| | |
|
| | | _onAdd : function(replace_element, form_element_name, target_document) {
|
| | | var hc, th, tos, editorTemplate, targetDoc, deltaWidth, deltaHeight, html, rng, fragment;
|
| | | var dynamicIFrame, tElm, doc, parentElm;
|
| | | if (indent && indentBefore[name] && html.length > 0) {
|
| | | value = html[html.length - 1];
|
| | |
|
| | | th = this.settings.theme;
|
| | | tos = tinyMCE.themes[th];
|
| | | if (value.length > 0 && value !== '\n')
|
| | | html.push('\n');
|
| | | }
|
| | |
|
| | | targetDoc = target_document ? target_document : document;
|
| | | html.push('<', name);
|
| | |
|
| | | this.targetDoc = targetDoc;
|
| | | if (attrs) {
|
| | | for (i = 0, l = attrs.length; i < l; i++) {
|
| | | attr = attrs[i];
|
| | | html.push(' ', attr.name, '="', encode(attr.value, true), '"');
|
| | | }
|
| | | }
|
| | |
|
| | | tinyMCE.themeURL = tinyMCE.baseURL + "/themes/" + this.settings.theme;
|
| | | this.settings.themeurl = tinyMCE.themeURL;
|
| | | if (!empty || htmlOutput)
|
| | | html[html.length] = '>';
|
| | | else
|
| | | html[html.length] = ' />';
|
| | |
|
| | | if (!replace_element) {
|
| | | alert("Error: Could not find the target element.");
|
| | | if (empty && indent && indentAfter[name] && html.length > 0) {
|
| | | value = html[html.length - 1];
|
| | |
|
| | | if (value.length > 0 && value !== '\n')
|
| | | html.push('\n');
|
| | | }
|
| | | },
|
| | |
|
| | | end: function(name) {
|
| | | var value;
|
| | |
|
| | | /*if (indent && indentBefore[name] && html.length > 0) {
|
| | | value = html[html.length - 1];
|
| | |
|
| | | if (value.length > 0 && value !== '\n')
|
| | | html.push('\n');
|
| | | }*/
|
| | |
|
| | | html.push('</', name, '>');
|
| | |
|
| | | if (indent && indentAfter[name] && html.length > 0) {
|
| | | value = html[html.length - 1];
|
| | |
|
| | | if (value.length > 0 && value !== '\n')
|
| | | html.push('\n');
|
| | | }
|
| | | },
|
| | |
|
| | | text: function(text, raw) {
|
| | | if (text.length > 0)
|
| | | html[html.length] = raw ? text : encode(text);
|
| | | },
|
| | |
|
| | | cdata: function(text) {
|
| | | html.push('<![CDATA[', text, ']]>');
|
| | | },
|
| | |
|
| | | comment: function(text) {
|
| | | html.push('<!--', text, '-->');
|
| | | },
|
| | |
|
| | | pi: function(name, text) {
|
| | | if (text)
|
| | | html.push('<?', name, ' ', text, '?>');
|
| | | else
|
| | | html.push('<?', name, '?>');
|
| | |
|
| | | if (indent)
|
| | | html.push('\n');
|
| | | },
|
| | |
|
| | | doctype: function(text) {
|
| | | html.push('<!DOCTYPE', text, '>', indent ? '\n' : '');
|
| | | },
|
| | |
|
| | | reset: function() {
|
| | | html.length = 0;
|
| | | },
|
| | |
|
| | | getContent: function() {
|
| | | return html.join('').replace(/\n$/, '');
|
| | | }
|
| | | };
|
| | | };
|
| | |
|
| | | (function(tinymce) {
|
| | | tinymce.html.Serializer = function(settings, schema) {
|
| | | var self = this, writer = new tinymce.html.Writer(settings);
|
| | |
|
| | | settings = settings || {};
|
| | | settings.validate = "validate" in settings ? settings.validate : true;
|
| | |
|
| | | self.schema = schema = schema || new tinymce.html.Schema();
|
| | | self.writer = writer;
|
| | |
|
| | | self.serialize = function(node) {
|
| | | var handlers, validate;
|
| | |
|
| | | validate = settings.validate;
|
| | |
|
| | | handlers = {
|
| | | // #text
|
| | | 3: function(node, raw) {
|
| | | writer.text(node.value, node.raw);
|
| | | },
|
| | |
|
| | | // #comment
|
| | | 8: function(node) {
|
| | | writer.comment(node.value);
|
| | | },
|
| | |
|
| | | // Processing instruction
|
| | | 7: function(node) {
|
| | | writer.pi(node.name, node.value);
|
| | | },
|
| | |
|
| | | // Doctype
|
| | | 10: function(node) {
|
| | | writer.doctype(node.value);
|
| | | },
|
| | |
|
| | | // CDATA
|
| | | 4: function(node) {
|
| | | writer.cdata(node.value);
|
| | | },
|
| | |
|
| | | // Document fragment
|
| | | 11: function(node) {
|
| | | if ((node = node.firstChild)) {
|
| | | do {
|
| | | walk(node);
|
| | | } while (node = node.next);
|
| | | }
|
| | | }
|
| | | };
|
| | |
|
| | | writer.reset();
|
| | |
|
| | | function walk(node) {
|
| | | var handler = handlers[node.type], name, isEmpty, attrs, attrName, attrValue, sortedAttrs, i, l, elementRule;
|
| | |
|
| | | if (!handler) {
|
| | | name = node.name;
|
| | | isEmpty = node.shortEnded;
|
| | | attrs = node.attributes;
|
| | |
|
| | | // Sort attributes
|
| | | if (validate && attrs && attrs.length > 1) {
|
| | | sortedAttrs = [];
|
| | | sortedAttrs.map = {};
|
| | |
|
| | | elementRule = schema.getElementRule(node.name);
|
| | | for (i = 0, l = elementRule.attributesOrder.length; i < l; i++) {
|
| | | attrName = elementRule.attributesOrder[i];
|
| | |
|
| | | if (attrName in attrs.map) {
|
| | | attrValue = attrs.map[attrName];
|
| | | sortedAttrs.map[attrName] = attrValue;
|
| | | sortedAttrs.push({name: attrName, value: attrValue});
|
| | | }
|
| | | }
|
| | |
|
| | | for (i = 0, l = attrs.length; i < l; i++) {
|
| | | attrName = attrs[i].name;
|
| | |
|
| | | if (!(attrName in sortedAttrs.map)) {
|
| | | attrValue = attrs.map[attrName];
|
| | | sortedAttrs.map[attrName] = attrValue;
|
| | | sortedAttrs.push({name: attrName, value: attrValue});
|
| | | }
|
| | | }
|
| | |
|
| | | attrs = sortedAttrs;
|
| | | }
|
| | |
|
| | | writer.start(node.name, attrs, isEmpty);
|
| | |
|
| | | if (!isEmpty) {
|
| | | if ((node = node.firstChild)) {
|
| | | do {
|
| | | walk(node);
|
| | | } while (node = node.next);
|
| | | }
|
| | |
|
| | | writer.end(name);
|
| | | }
|
| | | } else
|
| | | handler(node);
|
| | | }
|
| | |
|
| | | // Serialize element and treat all non elements as fragments
|
| | | if (node.type == 1 && !settings.inner)
|
| | | walk(node);
|
| | | else
|
| | | handlers[11](node);
|
| | |
|
| | | return writer.getContent();
|
| | | };
|
| | | }
|
| | | })(tinymce);
|
| | |
|
| | | // JSLint defined globals
|
| | | /*global tinymce:false, window:false */
|
| | |
|
| | | tinymce.dom = {};
|
| | |
|
| | | (function(namespace, expando) {
|
| | | var w3cEventModel = !!document.addEventListener;
|
| | |
|
| | | function addEvent(target, name, callback, capture) {
|
| | | if (target.addEventListener) {
|
| | | target.addEventListener(name, callback, capture || false);
|
| | | } else if (target.attachEvent) {
|
| | | target.attachEvent('on' + name, callback);
|
| | | }
|
| | | }
|
| | |
|
| | | function removeEvent(target, name, callback, capture) {
|
| | | if (target.removeEventListener) {
|
| | | target.removeEventListener(name, callback, capture || false);
|
| | | } else if (target.detachEvent) {
|
| | | target.detachEvent('on' + name, callback);
|
| | | }
|
| | | }
|
| | |
|
| | | function fix(original_event, data) {
|
| | | var name, event = data || {};
|
| | |
|
| | | // Dummy function that gets replaced on the delegation state functions
|
| | | function returnFalse() {
|
| | | return false;
|
| | | }
|
| | |
|
| | | if (tos.getEditorTemplate)
|
| | | editorTemplate = tos.getEditorTemplate(this.settings, this.editorId);
|
| | |
|
| | | deltaWidth = editorTemplate.delta_width ? editorTemplate.delta_width : 0;
|
| | | deltaHeight = editorTemplate.delta_height ? editorTemplate.delta_height : 0;
|
| | | html = '<span id="' + this.editorId + '_parent" class="mceEditorContainer">' + editorTemplate.html;
|
| | |
|
| | | html = tinyMCE.replaceVar(html, "editor_id", this.editorId);
|
| | |
|
| | | if (!this.settings.default_document)
|
| | | this.settings.default_document = tinyMCE.baseURL + "/blank.htm";
|
| | |
|
| | | this.settings.old_width = this.settings.width;
|
| | | this.settings.old_height = this.settings.height;
|
| | |
|
| | | // Set default width, height
|
| | | if (this.settings.width == -1)
|
| | | this.settings.width = replace_element.offsetWidth;
|
| | |
|
| | | if (this.settings.height == -1)
|
| | | this.settings.height = replace_element.offsetHeight;
|
| | |
|
| | | // Try the style width
|
| | | if (this.settings.width == 0)
|
| | | this.settings.width = replace_element.style.width;
|
| | |
|
| | | // Try the style height
|
| | | if (this.settings.height == 0)
|
| | | this.settings.height = replace_element.style.height; |
| | |
|
| | | // If no width/height then default to 320x240, better than nothing
|
| | | if (this.settings.width == 0)
|
| | | this.settings.width = 320;
|
| | |
|
| | | if (this.settings.height == 0)
|
| | | this.settings.height = 240;
|
| | |
|
| | | this.settings.area_width = parseInt(this.settings.width);
|
| | | this.settings.area_height = parseInt(this.settings.height);
|
| | | this.settings.area_width += deltaWidth;
|
| | | this.settings.area_height += deltaHeight;
|
| | | this.settings.width_style = "" + this.settings.width;
|
| | | this.settings.height_style = "" + this.settings.height;
|
| | |
|
| | | // Special % handling
|
| | | if (("" + this.settings.width).indexOf('%') != -1)
|
| | | this.settings.area_width = "100%";
|
| | | else
|
| | | this.settings.width_style += 'px';
|
| | |
|
| | | if (("" + this.settings.height).indexOf('%') != -1)
|
| | | this.settings.area_height = "100%";
|
| | | else
|
| | | this.settings.height_style += 'px';
|
| | |
|
| | | if (("" + replace_element.style.width).indexOf('%') != -1) {
|
| | | this.settings.width = replace_element.style.width;
|
| | | this.settings.area_width = "100%";
|
| | | this.settings.width_style = "100%";
|
| | | // Dummy function that gets replaced on the delegation state functions
|
| | | function returnTrue() {
|
| | | return true;
|
| | | }
|
| | |
|
| | | if (("" + replace_element.style.height).indexOf('%') != -1) {
|
| | | this.settings.height = replace_element.style.height;
|
| | | this.settings.area_height = "100%";
|
| | | this.settings.height_style = "100%";
|
| | | // Copy all properties from the original event
|
| | | for (name in original_event) {
|
| | | // layerX/layerY is deprecated in Chrome and produces a warning
|
| | | if (name !== "layerX" && name !== "layerY") {
|
| | | event[name] = original_event[name];
|
| | | }
|
| | | }
|
| | |
|
| | | html = tinyMCE.applyTemplate(html);
|
| | | // Normalize target IE uses srcElement
|
| | | if (!event.target) {
|
| | | event.target = event.srcElement || document;
|
| | | }
|
| | |
|
| | | this.settings.width = this.settings.old_width;
|
| | | this.settings.height = this.settings.old_height;
|
| | | // Add preventDefault method
|
| | | event.preventDefault = function() {
|
| | | event.isDefaultPrevented = returnTrue;
|
| | |
|
| | | this.visualAid = this.settings.visual;
|
| | | this.formTargetElementId = form_element_name;
|
| | | // Execute preventDefault on the original event object
|
| | | if (original_event) {
|
| | | if (original_event.preventDefault) {
|
| | | original_event.preventDefault();
|
| | | } else {
|
| | | original_event.returnValue = false; // IE
|
| | | }
|
| | | }
|
| | | };
|
| | |
|
| | | // Get replace_element contents
|
| | | if (replace_element.nodeName == "TEXTAREA" || replace_element.nodeName == "INPUT")
|
| | | this.startContent = replace_element.value;
|
| | | else
|
| | | this.startContent = replace_element.innerHTML;
|
| | | // Add stopPropagation
|
| | | event.stopPropagation = function() {
|
| | | event.isPropagationStopped = returnTrue;
|
| | |
|
| | | // If not text area or input
|
| | | if (replace_element.nodeName != "TEXTAREA" && replace_element.nodeName != "INPUT") {
|
| | | this.oldTargetElement = replace_element;
|
| | | // Execute stopPropagation on the original event object
|
| | | if (original_event) {
|
| | | if (original_event.stopPropagation) {
|
| | | original_event.stopPropagation();
|
| | | } else {
|
| | | original_event.cancelBubble = true; // IE
|
| | | }
|
| | | }
|
| | | };
|
| | |
|
| | | // Debug mode
|
| | | hc = '<input type="hidden" id="' + form_element_name + '" name="' + form_element_name + '" />';
|
| | | this.oldTargetDisplay = tinyMCE.getStyle(this.oldTargetElement, 'display', 'inline');
|
| | | this.oldTargetElement.style.display = "none";
|
| | | // Add stopImmediatePropagation
|
| | | event.stopImmediatePropagation = function() {
|
| | | event.isImmediatePropagationStopped = returnTrue;
|
| | | event.stopPropagation();
|
| | | };
|
| | |
|
| | | html += '</span>';
|
| | | // Add event delegation states
|
| | | if (!event.isDefaultPrevented) {
|
| | | event.isDefaultPrevented = returnFalse;
|
| | | event.isPropagationStopped = returnFalse;
|
| | | event.isImmediatePropagationStopped = returnFalse;
|
| | | }
|
| | |
|
| | | if (tinyMCE.isGecko)
|
| | | html = hc + html;
|
| | | else
|
| | | html += hc;
|
| | | return event;
|
| | | }
|
| | |
|
| | | // Output HTML and set editable
|
| | | if (tinyMCE.isGecko) {
|
| | | rng = replace_element.ownerDocument.createRange();
|
| | | rng.setStartBefore(replace_element);
|
| | | function bindOnReady(win, callback, event_utils) {
|
| | | var doc = win.document, event = {type: 'ready'};
|
| | |
|
| | | fragment = rng.createContextualFragment(html);
|
| | | tinyMCE.insertAfter(fragment, replace_element);
|
| | | } else
|
| | | replace_element.insertAdjacentHTML("beforeBegin", html);
|
| | | // Gets called when the DOM is ready
|
| | | function readyHandler() {
|
| | | if (!event_utils.domLoaded) {
|
| | | event_utils.domLoaded = true;
|
| | | callback(event);
|
| | | }
|
| | | }
|
| | |
|
| | | // Use W3C method
|
| | | if (w3cEventModel) {
|
| | | addEvent(win, 'DOMContentLoaded', readyHandler);
|
| | | } else {
|
| | | html += '</span>';
|
| | | // Use IE method
|
| | | addEvent(doc, "readystatechange", function() {
|
| | | if (doc.readyState === "complete") {
|
| | | removeEvent(doc, "readystatechange", arguments.callee);
|
| | | readyHandler();
|
| | | }
|
| | | });
|
| | |
|
| | | // Just hide the textarea element
|
| | | this.oldTargetElement = replace_element;
|
| | | // Wait until we can scroll, when we can the DOM is initialized
|
| | | if (doc.documentElement.doScroll && win === win.top) {
|
| | | (function() {
|
| | | try {
|
| | | // If IE is used, use the trick by Diego Perini licensed under MIT by request to the author.
|
| | | // http://javascript.nwbox.com/IEContentLoaded/
|
| | | doc.documentElement.doScroll("left");
|
| | | } catch (ex) {
|
| | | setTimeout(arguments.callee, 0);
|
| | | return;
|
| | | }
|
| | |
|
| | | this.oldTargetDisplay = tinyMCE.getStyle(this.oldTargetElement, 'display', 'inline');
|
| | | this.oldTargetElement.style.display = "none";
|
| | |
|
| | | // Output HTML and set editable
|
| | | if (tinyMCE.isGecko) {
|
| | | rng = replace_element.ownerDocument.createRange();
|
| | | rng.setStartBefore(replace_element);
|
| | |
|
| | | fragment = rng.createContextualFragment(html);
|
| | | tinyMCE.insertAfter(fragment, replace_element);
|
| | | } else
|
| | | replace_element.insertAdjacentHTML("beforeBegin", html);
|
| | | readyHandler();
|
| | | })();
|
| | | }
|
| | | }
|
| | |
|
| | | // Setup iframe
|
| | | dynamicIFrame = false;
|
| | | tElm = targetDoc.getElementById(this.editorId);
|
| | | // Fallback if any of the above methods should fail for some odd reason
|
| | | addEvent(win, 'load', readyHandler);
|
| | | }
|
| | |
|
| | | if (!tinyMCE.isIE) {
|
| | | // Node case is preserved in XML strict mode
|
| | | if (tElm && (tElm.nodeName == "SPAN" || tElm.nodeName == "span")) {
|
| | | tElm = tinyMCE._createIFrame(tElm, targetDoc);
|
| | | dynamicIFrame = true;
|
| | | function EventUtils(proxy) {
|
| | | var self = this, events = {}, count, isFocusBlurBound, hasFocusIn, hasMouseEnterLeave, mouseEnterLeave;
|
| | |
|
| | | hasMouseEnterLeave = "onmouseenter" in document.documentElement;
|
| | | hasFocusIn = "onfocusin" in document.documentElement;
|
| | | mouseEnterLeave = {mouseenter: 'mouseover', mouseleave: 'mouseout'};
|
| | | count = 1;
|
| | |
|
| | | // State if the DOMContentLoaded was executed or not
|
| | | self.domLoaded = false;
|
| | | self.events = events;
|
| | |
|
| | | function executeHandlers(evt, id) {
|
| | | var callbackList, i, l, callback;
|
| | |
|
| | | callbackList = events[id][evt.type];
|
| | | if (callbackList) {
|
| | | for (i = 0, l = callbackList.length; i < l; i++) {
|
| | | callback = callbackList[i];
|
| | | |
| | | // Check if callback exists might be removed if a unbind is called inside the callback
|
| | | if (callback && callback.func.call(callback.scope, evt) === false) {
|
| | | evt.preventDefault();
|
| | | }
|
| | |
|
| | | // Should we stop propagation to immediate listeners
|
| | | if (evt.isImmediatePropagationStopped()) {
|
| | | return;
|
| | | }
|
| | | }
|
| | | }
|
| | | }
|
| | |
|
| | | self.bind = function(target, names, callback, scope) {
|
| | | var id, callbackList, i, name, fakeName, nativeHandler, capture, win = window;
|
| | |
|
| | | // Native event handler function patches the event and executes the callbacks for the expando
|
| | | function defaultNativeHandler(evt) {
|
| | | executeHandlers(fix(evt || win.event), id);
|
| | | }
|
| | |
|
| | | this.targetElement = tElm;
|
| | | this.iframeElement = tElm;
|
| | | this.contentDocument = tElm.contentDocument;
|
| | | this.contentWindow = tElm.contentWindow;
|
| | | // Don't bind to text nodes or comments
|
| | | if (!target || target.nodeType === 3 || target.nodeType === 8) {
|
| | | return;
|
| | | }
|
| | |
|
| | | //this.getDoc().designMode = "on";
|
| | | } else {
|
| | | if (tElm && tElm.nodeName == "SPAN")
|
| | | tElm = tinyMCE._createIFrame(tElm, targetDoc, targetDoc.parentWindow);
|
| | | else
|
| | | tElm = targetDoc.frames[this.editorId];
|
| | |
|
| | | this.targetElement = tElm;
|
| | | this.iframeElement = targetDoc.getElementById(this.editorId);
|
| | |
|
| | | if (tinyMCE.isOpera) {
|
| | | this.contentDocument = this.iframeElement.contentDocument;
|
| | | this.contentWindow = this.iframeElement.contentWindow;
|
| | | dynamicIFrame = true;
|
| | | // Create or get events id for the target
|
| | | if (!target[expando]) {
|
| | | id = count++;
|
| | | target[expando] = id;
|
| | | events[id] = {};
|
| | | } else {
|
| | | this.contentDocument = tElm.window.document;
|
| | | this.contentWindow = tElm.window;
|
| | | id = target[expando];
|
| | |
|
| | | if (!events[id]) {
|
| | | events[id] = {};
|
| | | }
|
| | | }
|
| | |
|
| | | this.getDoc().designMode = "on";
|
| | | }
|
| | | // Setup the specified scope or use the target as a default
|
| | | scope = scope || target;
|
| | |
|
| | | // Setup base HTML
|
| | | doc = this.contentDocument;
|
| | | if (dynamicIFrame) {
|
| | | html = tinyMCE.getParam('doctype') + '<html><head xmlns="http://www.w3.org/1999/xhtml"><base href="' + tinyMCE.settings.base_href + '" /><title>blank_page</title><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"></head><body class="mceContentBody"></body></html>';
|
| | | // Split names and bind each event, enables you to bind multiple events with one call
|
| | | names = names.split(' ');
|
| | | i = names.length;
|
| | | while (i--) {
|
| | | name = names[i];
|
| | | nativeHandler = defaultNativeHandler;
|
| | | fakeName = capture = false;
|
| | |
|
| | | try {
|
| | | if (!this.isHidden())
|
| | | this.getDoc().designMode = "on";
|
| | | // Use ready instead of DOMContentLoaded
|
| | | if (name === "DOMContentLoaded") {
|
| | | name = "ready";
|
| | | }
|
| | |
|
| | | doc.open();
|
| | | doc.write(html);
|
| | | doc.close();
|
| | | } catch (e) {
|
| | | // Failed Mozilla 1.3
|
| | | this.getDoc().location.href = tinyMCE.baseURL + "/blank.htm";
|
| | | // DOM is already ready
|
| | | if ((self.domLoaded || target.readyState == 'complete') && name === "ready") {
|
| | | self.domLoaded = true;
|
| | | callback.call(scope, fix({type: name}));
|
| | | continue;
|
| | | }
|
| | |
|
| | | // Handle mouseenter/mouseleaver
|
| | | if (!hasMouseEnterLeave) {
|
| | | fakeName = mouseEnterLeave[name];
|
| | |
|
| | | if (fakeName) {
|
| | | nativeHandler = function(evt) {
|
| | | var current, related;
|
| | |
|
| | | current = evt.currentTarget;
|
| | | related = evt.relatedTarget;
|
| | |
|
| | | // 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
|
| | | if (related && current.contains) {
|
| | | // Use contains for performance
|
| | | related = current.contains(related);
|
| | | } else {
|
| | | while (related && related !== current) {
|
| | | related = related.parentNode;
|
| | | }
|
| | | }
|
| | |
|
| | | // Fire fake event
|
| | | if (!related) {
|
| | | evt = fix(evt || win.event);
|
| | | evt.type = evt.type === 'mouseout' ? 'mouseleave' : 'mouseenter';
|
| | | evt.target = current;
|
| | | executeHandlers(evt, id);
|
| | | }
|
| | | };
|
| | | }
|
| | | }
|
| | |
|
| | | // Fake bubbeling of focusin/focusout
|
| | | if (!hasFocusIn && (name === "focusin" || name === "focusout")) {
|
| | | capture = true;
|
| | | fakeName = name === "focusin" ? "focus" : "blur";
|
| | | nativeHandler = function(evt) {
|
| | | evt = fix(evt || win.event);
|
| | | evt.type = evt.type === 'focus' ? 'focusin' : 'focusout';
|
| | | executeHandlers(evt, id);
|
| | | };
|
| | | }
|
| | |
|
| | | // Setup callback list and bind native event
|
| | | callbackList = events[id][name];
|
| | | if (!callbackList) {
|
| | | events[id][name] = callbackList = [{func: callback, scope: scope}];
|
| | | callbackList.fakeName = fakeName;
|
| | | callbackList.capture = capture;
|
| | |
|
| | | // Add the nativeHandler to the callback list so that we can later unbind it
|
| | | callbackList.nativeHandler = nativeHandler;
|
| | | if (!w3cEventModel) {
|
| | | callbackList.proxyHandler = proxy(id);
|
| | | }
|
| | |
|
| | | // Check if the target has native events support
|
| | | if (name === "ready") {
|
| | | bindOnReady(target, nativeHandler, self);
|
| | | } else {
|
| | | addEvent(target, fakeName || name, w3cEventModel ? nativeHandler : callbackList.proxyHandler, capture);
|
| | | }
|
| | | } else {
|
| | | // If it already has an native handler then just push the callback
|
| | | callbackList.push({func: callback, scope: scope});
|
| | | }
|
| | | }
|
| | | }
|
| | |
|
| | | // This timeout is needed in MSIE 5.5 for some odd reason
|
| | | // it seems that the document.frames isn't initialized yet?
|
| | | if (tinyMCE.isIE)
|
| | | window.setTimeout("tinyMCE.addEventHandlers(tinyMCE.instances[\"" + this.editorId + "\"]);", 1);
|
| | | target = callbackList = 0; // Clean memory for IE
|
| | |
|
| | | // Setup element references
|
| | | parentElm = this.targetDoc.getElementById(this.editorId + '_parent');
|
| | | this.formElement = tinyMCE.isGecko ? parentElm.previousSibling : parentElm.nextSibling;
|
| | | return callback;
|
| | | };
|
| | |
|
| | | tinyMCE.setupContent(this.editorId, true);
|
| | | self.unbind = function(target, names, callback) {
|
| | | var id, callbackList, i, ci, name, eventMap;
|
| | |
|
| | | return true;
|
| | | },
|
| | | // Don't bind to text nodes or comments
|
| | | if (!target || target.nodeType === 3 || target.nodeType === 8) {
|
| | | return self;
|
| | | }
|
| | |
|
| | | setBaseHREF : function(u) {
|
| | | var h, b, d, nl;
|
| | | // Unbind event or events if the target has the expando
|
| | | id = target[expando];
|
| | | if (id) {
|
| | | eventMap = events[id];
|
| | |
|
| | | d = this.getDoc();
|
| | | nl = d.getElementsByTagName("base");
|
| | | b = nl.length > 0 ? nl[0] : null;
|
| | | // Specific callback
|
| | | if (names) {
|
| | | names = names.split(' ');
|
| | | i = names.length;
|
| | | while (i--) {
|
| | | name = names[i];
|
| | | callbackList = eventMap[name];
|
| | |
|
| | | if (!b) {
|
| | | nl = d.getElementsByTagName("head");
|
| | | h = nl.length > 0 ? nl[0] : null;
|
| | | // Unbind the event if it exists in the map
|
| | | if (callbackList) {
|
| | | // Remove specified callback
|
| | | if (callback) {
|
| | | ci = callbackList.length;
|
| | | while (ci--) {
|
| | | if (callbackList[ci].func === callback) {
|
| | | callbackList.splice(ci, 1);
|
| | | }
|
| | | }
|
| | | }
|
| | |
|
| | | b = d.createElement("base");
|
| | | b.setAttribute('href', u);
|
| | | h.appendChild(b);
|
| | | } else {
|
| | | if (u == '' || u == null)
|
| | | b.parentNode.removeChild(b);
|
| | | else
|
| | | b.setAttribute('href', u);
|
| | | }
|
| | | },
|
| | | // Remove all callbacks if there isn't a specified callback or there is no callbacks left
|
| | | if (!callback || callbackList.length === 0) {
|
| | | delete eventMap[name];
|
| | | removeEvent(target, callbackList.fakeName || name, w3cEventModel ? callbackList.nativeHandler : callbackList.proxyHandler, callbackList.capture);
|
| | | }
|
| | | }
|
| | | }
|
| | | } else {
|
| | | // All events for a specific element
|
| | | for (name in eventMap) {
|
| | | callbackList = eventMap[name];
|
| | | removeEvent(target, callbackList.fakeName || name, w3cEventModel ? callbackList.nativeHandler : callbackList.proxyHandler, callbackList.capture);
|
| | | }
|
| | |
|
| | | getHTML : function(r) {
|
| | | var h, d = this.getDoc(), b = this.getBody();
|
| | | eventMap = {};
|
| | | }
|
| | |
|
| | | if (r)
|
| | | return b.innerHTML;
|
| | | // Check if object is empty, if it isn't then we won't remove the expando map
|
| | | for (name in eventMap) {
|
| | | return self;
|
| | | }
|
| | |
|
| | | h = tinyMCE._cleanupHTML(this, d, this.settings, b, false, true, false, true);
|
| | | // Delete event object
|
| | | delete events[id];
|
| | |
|
| | | if (tinyMCE.getParam("convert_fonts_to_spans"))
|
| | | tinyMCE.convertSpansToFonts(d);
|
| | | // Remove expando from target
|
| | | try {
|
| | | // IE will fail here since it can't delete properties from window
|
| | | delete target[expando];
|
| | | } catch (ex) {
|
| | | // IE will set it to null
|
| | | target[expando] = null;
|
| | | }
|
| | | }
|
| | |
|
| | | return h;
|
| | | },
|
| | | return self;
|
| | | };
|
| | |
|
| | | setHTML : function(h) {
|
| | | this.execCommand('mceSetContent', false, h);
|
| | | this.repaint();
|
| | | },
|
| | | self.fire = function(target, name, args) {
|
| | | var id, event;
|
| | |
|
| | | getFocusElement : function() {
|
| | | return this.selection.getFocusElement();
|
| | | },
|
| | | // Don't bind to text nodes or comments
|
| | | if (!target || target.nodeType === 3 || target.nodeType === 8) {
|
| | | return self;
|
| | | }
|
| | |
|
| | | getSel : function() {
|
| | | return this.selection.getSel();
|
| | | },
|
| | |
|
| | | getRng : function() {
|
| | | return this.selection.getRng();
|
| | | },
|
| | |
|
| | | triggerSave : function(skip_cleanup, skip_callback) {
|
| | | var e, nl = [], i, s, content, htm;
|
| | |
|
| | | if (!this.enabled)
|
| | | return;
|
| | |
|
| | | this.switchSettings();
|
| | | s = tinyMCE.settings;
|
| | |
|
| | | // Force hidden tabs visible while serializing
|
| | | if (tinyMCE.isRealIE) {
|
| | | e = this.iframeElement;
|
| | | // Build event object by patching the args
|
| | | event = fix(null, args);
|
| | | event.type = name;
|
| | |
|
| | | do {
|
| | | if (e.style && e.style.display == 'none') {
|
| | | e.style.display = 'block';
|
| | | nl[nl.length] = {elm : e, type : 'style'};
|
| | | // Found an expando that means there is listeners to execute
|
| | | id = target[expando];
|
| | | if (id) {
|
| | | executeHandlers(event, id);
|
| | | }
|
| | |
|
| | | if (e.style && s.hidden_tab_class.length > 0 && e.className.indexOf(s.hidden_tab_class) != -1) {
|
| | | e.className = s.display_tab_class;
|
| | | nl[nl.length] = {elm : e, type : 'class'};
|
| | | // Walk up the DOM
|
| | | target = target.parentNode || target.ownerDocument || target.defaultView || target.parentWindow;
|
| | | } while (target && !event.isPropagationStopped());
|
| | |
|
| | | return self;
|
| | | };
|
| | |
|
| | | self.clean = function(target) {
|
| | | var i, children, unbind = self.unbind;
|
| | | |
| | | // Don't bind to text nodes or comments
|
| | | if (!target || target.nodeType === 3 || target.nodeType === 8) {
|
| | | return self;
|
| | | }
|
| | |
|
| | | // Unbind any element on the specificed target
|
| | | if (target[expando]) {
|
| | | unbind(target);
|
| | | }
|
| | |
|
| | | // Target doesn't have getElementsByTagName it's probably a window object then use it's document to find the children
|
| | | if (!target.getElementsByTagName) {
|
| | | target = target.document;
|
| | | }
|
| | |
|
| | | // Remove events from each child element
|
| | | if (target && target.getElementsByTagName) {
|
| | | unbind(target);
|
| | |
|
| | | children = target.getElementsByTagName('*');
|
| | | i = children.length;
|
| | | while (i--) {
|
| | | target = children[i];
|
| | |
|
| | | if (target[expando]) {
|
| | | unbind(target);
|
| | | }
|
| | | }
|
| | | } while ((e = e.parentNode) != null)
|
| | | }
|
| | |
|
| | | return self;
|
| | | };
|
| | |
|
| | | self.callNativeHandler = function(id, evt) {
|
| | | if (events) {
|
| | | events[id][evt.type].nativeHandler(evt);
|
| | | }
|
| | | };
|
| | |
|
| | | self.destory = function() {
|
| | | events = {};
|
| | | };
|
| | |
|
| | | // Legacy function calls
|
| | |
|
| | | self.add = function(target, events, func, scope) {
|
| | | // Old API supported direct ID assignment
|
| | | if (typeof(target) === "string") {
|
| | | target = document.getElementById(target);
|
| | | }
|
| | |
|
| | | // Old API supported multiple targets
|
| | | if (target && target instanceof Array) {
|
| | | var i = target.length;
|
| | |
|
| | | while (i--) {
|
| | | self.add(target[i], events, func, scope);
|
| | | }
|
| | |
|
| | | return;
|
| | | }
|
| | |
|
| | | // Old API called ready init
|
| | | if (events === "init") {
|
| | | events = "ready";
|
| | | }
|
| | |
|
| | | return self.bind(target, events instanceof Array ? events.join(' ') : events, func, scope);
|
| | | };
|
| | |
|
| | | self.remove = function(target, events, func, scope) {
|
| | | if (!target) {
|
| | | return self;
|
| | | }
|
| | |
|
| | | // Old API supported direct ID assignment
|
| | | if (typeof(target) === "string") {
|
| | | target = document.getElementById(target);
|
| | | }
|
| | |
|
| | | // Old API supported multiple targets
|
| | | if (target instanceof Array) {
|
| | | var i = target.length;
|
| | |
|
| | | while (i--) {
|
| | | self.remove(target[i], events, func, scope);
|
| | | }
|
| | |
|
| | | return self;
|
| | | }
|
| | |
|
| | | return self.unbind(target, events instanceof Array ? events.join(' ') : events, func);
|
| | | };
|
| | |
|
| | | self.clear = function(target) {
|
| | | // Old API supported direct ID assignment
|
| | | if (typeof(target) === "string") {
|
| | | target = document.getElementById(target);
|
| | | }
|
| | |
|
| | | return self.clean(target);
|
| | | };
|
| | |
|
| | | self.cancel = function(e) {
|
| | | if (e) {
|
| | | self.prevent(e);
|
| | | self.stop(e);
|
| | | }
|
| | |
|
| | | return false;
|
| | | };
|
| | |
|
| | | self.prevent = function(e) {
|
| | | if (!e.preventDefault) {
|
| | | e = fix(e);
|
| | | }
|
| | |
|
| | | e.preventDefault();
|
| | |
|
| | | return false;
|
| | | };
|
| | |
|
| | | self.stop = function(e) {
|
| | | if (!e.stopPropagation) {
|
| | | e = fix(e);
|
| | | }
|
| | |
|
| | | e.stopPropagation();
|
| | |
|
| | | return false;
|
| | | };
|
| | | }
|
| | |
|
| | | namespace.EventUtils = EventUtils;
|
| | |
|
| | | namespace.Event = new EventUtils(function(id) {
|
| | | return function(evt) {
|
| | | tinymce.dom.Event.callNativeHandler(id, evt);
|
| | | };
|
| | | });
|
| | |
|
| | | // Bind ready event when tinymce script is loaded
|
| | | namespace.Event.bind(window, 'ready', function() {});
|
| | |
|
| | | namespace = 0;
|
| | | })(tinymce.dom, 'data-mce-expando'); // Namespace and expando
|
| | |
|
| | | tinymce.dom.TreeWalker = function(start_node, root_node) {
|
| | | var node = start_node;
|
| | |
|
| | | function findSibling(node, start_name, sibling_name, shallow) {
|
| | | var sibling, parent;
|
| | |
|
| | | if (node) {
|
| | | // Walk into nodes if it has a start
|
| | | if (!shallow && node[start_name])
|
| | | return node[start_name];
|
| | |
|
| | | // Return the sibling if it has one
|
| | | if (node != root_node) {
|
| | | sibling = node[sibling_name];
|
| | | if (sibling)
|
| | | return sibling;
|
| | |
|
| | | // Walk up the parents to look for siblings
|
| | | for (parent = node.parentNode; parent && parent != root_node; parent = parent.parentNode) {
|
| | | sibling = parent[sibling_name];
|
| | | if (sibling)
|
| | | return sibling;
|
| | | }
|
| | | }
|
| | | }
|
| | | };
|
| | |
|
| | | tinyMCE.settings.preformatted = false;
|
| | | this.current = function() {
|
| | | return node;
|
| | | };
|
| | |
|
| | | // Default to false
|
| | | if (typeof(skip_cleanup) == "undefined")
|
| | | skip_cleanup = false;
|
| | | this.next = function(shallow) {
|
| | | return (node = findSibling(node, 'firstChild', 'nextSibling', shallow));
|
| | | };
|
| | |
|
| | | // Default to false
|
| | | if (typeof(skip_callback) == "undefined")
|
| | | skip_callback = false;
|
| | | this.prev = function(shallow) {
|
| | | return (node = findSibling(node, 'lastChild', 'previousSibling', shallow));
|
| | | };
|
| | | };
|
| | |
|
| | | tinyMCE._setHTML(this.getDoc(), this.getBody().innerHTML);
|
| | | (function(tinymce) {
|
| | | // Shorten names
|
| | | var each = tinymce.each,
|
| | | is = tinymce.is,
|
| | | isWebKit = tinymce.isWebKit,
|
| | | isIE = tinymce.isIE,
|
| | | Entities = tinymce.html.Entities,
|
| | | simpleSelectorRe = /^([a-z0-9],?)+$/i,
|
| | | whiteSpaceRegExp = /^[ \t\r\n]*$/;
|
| | |
|
| | | // Remove visual aids when cleanup is disabled
|
| | | if (this.settings.cleanup == false) {
|
| | | tinyMCE.handleVisualAid(this.getBody(), true, false, this);
|
| | | tinyMCE._setEventsEnabled(this.getBody(), true);
|
| | | }
|
| | | tinymce.create('tinymce.dom.DOMUtils', {
|
| | | doc : null,
|
| | | root : null,
|
| | | files : null,
|
| | | pixelStyles : /^(top|left|bottom|right|width|height|borderWidth)$/,
|
| | | props : {
|
| | | "for" : "htmlFor",
|
| | | "class" : "className",
|
| | | className : "className",
|
| | | checked : "checked",
|
| | | disabled : "disabled",
|
| | | maxlength : "maxLength",
|
| | | readonly : "readOnly",
|
| | | selected : "selected",
|
| | | value : "value",
|
| | | id : "id",
|
| | | name : "name",
|
| | | type : "type"
|
| | | },
|
| | |
|
| | | tinyMCE._customCleanup(this, "submit_content_dom", this.contentWindow.document.body);
|
| | | htm = skip_cleanup ? this.getBody().innerHTML : tinyMCE._cleanupHTML(this, this.getDoc(), this.settings, this.getBody(), tinyMCE.visualAid, true, true);
|
| | | htm = tinyMCE._customCleanup(this, "submit_content", htm);
|
| | | DOMUtils : function(d, s) {
|
| | | var t = this, globalStyle, name, blockElementsMap;
|
| | |
|
| | | if (!skip_callback && tinyMCE.settings.save_callback !== '')
|
| | | content = tinyMCE.resolveDots(tinyMCE.settings.save_callback, window)(this.formTargetElementId,htm,this.getBody());
|
| | | t.doc = d;
|
| | | t.win = window;
|
| | | t.files = {};
|
| | | t.cssFlicker = false;
|
| | | t.counter = 0;
|
| | | t.stdMode = !tinymce.isIE || d.documentMode >= 8;
|
| | | t.boxModel = !tinymce.isIE || d.compatMode == "CSS1Compat" || t.stdMode;
|
| | | t.hasOuterHTML = "outerHTML" in d.createElement("a");
|
| | |
|
| | | // Use callback content if available
|
| | | if ((typeof(content) != "undefined") && content != null)
|
| | | htm = content;
|
| | | t.settings = s = tinymce.extend({
|
| | | keep_values : false,
|
| | | hex_colors : 1
|
| | | }, s);
|
| | | |
| | | t.schema = s.schema;
|
| | | t.styles = new tinymce.html.Styles({
|
| | | url_converter : s.url_converter,
|
| | | url_converter_scope : s.url_converter_scope
|
| | | }, s.schema);
|
| | |
|
| | | // Replace some weird entities (Bug: #1056343)
|
| | | htm = tinyMCE.regexpReplace(htm, "(", "(", "gi");
|
| | | htm = tinyMCE.regexpReplace(htm, ")", ")", "gi");
|
| | | htm = tinyMCE.regexpReplace(htm, ";", ";", "gi");
|
| | | htm = tinyMCE.regexpReplace(htm, """, """, "gi");
|
| | | htm = tinyMCE.regexpReplace(htm, "^", "^", "gi");
|
| | | // Fix IE6SP2 flicker and check it failed for pre SP2
|
| | | if (tinymce.isIE6) {
|
| | | try {
|
| | | d.execCommand('BackgroundImageCache', false, true);
|
| | | } catch (e) {
|
| | | t.cssFlicker = true;
|
| | | }
|
| | | }
|
| | |
|
| | | if (this.formElement)
|
| | | this.formElement.value = htm;
|
| | | t.fixDoc(d);
|
| | | t.events = s.ownEvents ? new tinymce.dom.EventUtils(s.proxy) : tinymce.dom.Event;
|
| | | tinymce.addUnload(t.destroy, t);
|
| | | blockElementsMap = s.schema ? s.schema.getBlockElements() : {};
|
| | |
|
| | | if (tinyMCE.isSafari && this.formElement)
|
| | | this.formElement.innerText = htm;
|
| | | t.isBlock = function(node) {
|
| | | // This function is called in module pattern style since it might be executed with the wrong this scope
|
| | | var type = node.nodeType;
|
| | |
|
| | | // Hide them again (tabs in MSIE)
|
| | | for (i=0; i<nl.length; i++) {
|
| | | if (nl[i].type == 'style')
|
| | | nl[i].elm.style.display = 'none';
|
| | | // If it's a node then check the type and use the nodeName
|
| | | if (type)
|
| | | return !!(type === 1 && blockElementsMap[node.nodeName]);
|
| | |
|
| | | return !!blockElementsMap[node];
|
| | | };
|
| | | },
|
| | |
|
| | | fixDoc: function(doc) {
|
| | | var settings = this.settings, name;
|
| | |
|
| | | if (isIE && settings.schema) {
|
| | | // Add missing HTML 4/5 elements to IE
|
| | | ('abbr article aside audio canvas ' +
|
| | | 'details figcaption figure footer ' +
|
| | | 'header hgroup mark menu meter nav ' +
|
| | | 'output progress section summary ' +
|
| | | 'time video').replace(/\w+/g, function(name) {
|
| | | doc.createElement(name);
|
| | | });
|
| | |
|
| | | // Create all custom elements
|
| | | for (name in settings.schema.getCustomElements()) {
|
| | | doc.createElement(name);
|
| | | }
|
| | | }
|
| | | },
|
| | |
|
| | | clone: function(node, deep) {
|
| | | var self = this, clone, doc;
|
| | |
|
| | | // TODO: Add feature detection here in the future
|
| | | if (!isIE || node.nodeType !== 1 || deep) {
|
| | | return node.cloneNode(deep);
|
| | | }
|
| | |
|
| | | doc = self.doc;
|
| | |
|
| | | // Make a HTML5 safe shallow copy
|
| | | if (!deep) {
|
| | | clone = doc.createElement(node.nodeName);
|
| | |
|
| | | // Copy attribs
|
| | | each(self.getAttribs(node), function(attr) {
|
| | | self.setAttrib(clone, attr.nodeName, self.getAttrib(node, attr.nodeName));
|
| | | });
|
| | |
|
| | | return clone;
|
| | | }
|
| | | /*
|
| | | // Setup HTML5 patched document fragment
|
| | | if (!self.frag) {
|
| | | self.frag = doc.createDocumentFragment();
|
| | | self.fixDoc(self.frag);
|
| | | }
|
| | |
|
| | | // Make a deep copy by adding it to the document fragment then removing it this removed the :section
|
| | | clone = doc.createElement('div');
|
| | | self.frag.appendChild(clone);
|
| | | clone.innerHTML = node.outerHTML;
|
| | | self.frag.removeChild(clone);
|
| | | */
|
| | | return clone.firstChild;
|
| | | },
|
| | |
|
| | | getRoot : function() {
|
| | | var t = this, s = t.settings;
|
| | |
|
| | | return (s && t.get(s.root_element)) || t.doc.body;
|
| | | },
|
| | |
|
| | | getViewPort : function(w) {
|
| | | var d, b;
|
| | |
|
| | | w = !w ? this.win : w;
|
| | | d = w.document;
|
| | | b = this.boxModel ? d.documentElement : d.body;
|
| | |
|
| | | // Returns viewport size excluding scrollbars
|
| | | return {
|
| | | x : w.pageXOffset || b.scrollLeft,
|
| | | y : w.pageYOffset || b.scrollTop,
|
| | | w : w.innerWidth || b.clientWidth,
|
| | | h : w.innerHeight || b.clientHeight
|
| | | };
|
| | | },
|
| | |
|
| | | getRect : function(e) {
|
| | | var p, t = this, sr;
|
| | |
|
| | | e = t.get(e);
|
| | | p = t.getPos(e);
|
| | | sr = t.getSize(e);
|
| | |
|
| | | return {
|
| | | x : p.x,
|
| | | y : p.y,
|
| | | w : sr.w,
|
| | | h : sr.h
|
| | | };
|
| | | },
|
| | |
|
| | | getSize : function(e) {
|
| | | var t = this, w, h;
|
| | |
|
| | | e = t.get(e);
|
| | | w = t.getStyle(e, 'width');
|
| | | h = t.getStyle(e, 'height');
|
| | |
|
| | | // Non pixel value, then force offset/clientWidth
|
| | | if (w.indexOf('px') === -1)
|
| | | w = 0;
|
| | |
|
| | | // Non pixel value, then force offset/clientWidth
|
| | | if (h.indexOf('px') === -1)
|
| | | h = 0;
|
| | |
|
| | | return {
|
| | | w : parseInt(w, 10) || e.offsetWidth || e.clientWidth,
|
| | | h : parseInt(h, 10) || e.offsetHeight || e.clientHeight
|
| | | };
|
| | | },
|
| | |
|
| | | getParent : function(n, f, r) {
|
| | | return this.getParents(n, f, r, false);
|
| | | },
|
| | |
|
| | | getParents : function(n, f, r, c) {
|
| | | var t = this, na, se = t.settings, o = [];
|
| | |
|
| | | n = t.get(n);
|
| | | c = c === undefined;
|
| | |
|
| | | if (se.strict_root)
|
| | | r = r || t.getRoot();
|
| | |
|
| | | // Wrap node name as func
|
| | | if (is(f, 'string')) {
|
| | | na = f;
|
| | |
|
| | | if (f === '*') {
|
| | | f = function(n) {return n.nodeType == 1;};
|
| | | } else {
|
| | | f = function(n) {
|
| | | return t.is(n, na);
|
| | | };
|
| | | }
|
| | | }
|
| | |
|
| | | while (n) {
|
| | | if (n == r || !n.nodeType || n.nodeType === 9)
|
| | | break;
|
| | |
|
| | | if (!f || f(n)) {
|
| | | if (c)
|
| | | o.push(n);
|
| | | else
|
| | | return n;
|
| | | }
|
| | |
|
| | | n = n.parentNode;
|
| | | }
|
| | |
|
| | | return c ? o : null;
|
| | | },
|
| | |
|
| | | get : function(e) {
|
| | | var n;
|
| | |
|
| | | if (e && this.doc && typeof(e) == 'string') {
|
| | | n = e;
|
| | | e = this.doc.getElementById(e);
|
| | |
|
| | | // IE and Opera returns meta elements when they match the specified input ID, but getElementsByName seems to do the trick
|
| | | if (e && e.id !== n)
|
| | | return this.doc.getElementsByName(n)[1];
|
| | | }
|
| | |
|
| | | return e;
|
| | | },
|
| | |
|
| | | getNext : function(node, selector) {
|
| | | return this._findSib(node, selector, 'nextSibling');
|
| | | },
|
| | |
|
| | | getPrev : function(node, selector) {
|
| | | return this._findSib(node, selector, 'previousSibling');
|
| | | },
|
| | |
|
| | |
|
| | | select : function(pa, s) {
|
| | | var t = this;
|
| | |
|
| | | return tinymce.dom.Sizzle(pa, t.get(s) || t.get(t.settings.root_element) || t.doc, []);
|
| | | },
|
| | |
|
| | | is : function(n, selector) {
|
| | | var i;
|
| | |
|
| | | // If it isn't an array then try to do some simple selectors instead of Sizzle for to boost performance
|
| | | if (n.length === undefined) {
|
| | | // Simple all selector
|
| | | if (selector === '*')
|
| | | return n.nodeType == 1;
|
| | |
|
| | | // Simple selector just elements
|
| | | if (simpleSelectorRe.test(selector)) {
|
| | | selector = selector.toLowerCase().split(/,/);
|
| | | n = n.nodeName.toLowerCase();
|
| | |
|
| | | for (i = selector.length - 1; i >= 0; i--) {
|
| | | if (selector[i] == n)
|
| | | return true;
|
| | | }
|
| | |
|
| | | return false;
|
| | | }
|
| | | }
|
| | |
|
| | | return tinymce.dom.Sizzle.matches(selector, n.nodeType ? [n] : n).length > 0;
|
| | | },
|
| | |
|
| | |
|
| | | add : function(p, n, a, h, c) {
|
| | | var t = this;
|
| | |
|
| | | return this.run(p, function(p) {
|
| | | var e, k;
|
| | |
|
| | | e = is(n, 'string') ? t.doc.createElement(n) : n;
|
| | | t.setAttribs(e, a);
|
| | |
|
| | | if (h) {
|
| | | if (h.nodeType)
|
| | | e.appendChild(h);
|
| | | else
|
| | | t.setHTML(e, h);
|
| | | }
|
| | |
|
| | | return !c ? p.appendChild(e) : e;
|
| | | });
|
| | | },
|
| | |
|
| | | create : function(n, a, h) {
|
| | | return this.add(this.doc.createElement(n), n, a, h, 1);
|
| | | },
|
| | |
|
| | | createHTML : function(n, a, h) {
|
| | | var o = '', t = this, k;
|
| | |
|
| | | o += '<' + n;
|
| | |
|
| | | for (k in a) {
|
| | | if (a.hasOwnProperty(k))
|
| | | o += ' ' + k + '="' + t.encode(a[k]) + '"';
|
| | | }
|
| | |
|
| | | // A call to tinymce.is doesn't work for some odd reason on IE9 possible bug inside their JS runtime
|
| | | if (typeof(h) != "undefined")
|
| | | return o + '>' + h + '</' + n + '>';
|
| | |
|
| | | return o + ' />';
|
| | | },
|
| | |
|
| | | remove : function(node, keep_children) {
|
| | | return this.run(node, function(node) {
|
| | | var child, parent = node.parentNode;
|
| | |
|
| | | if (!parent)
|
| | | return null;
|
| | |
|
| | | if (keep_children) {
|
| | | while (child = node.firstChild) {
|
| | | // IE 8 will crash if you don't remove completely empty text nodes
|
| | | if (!tinymce.isIE || child.nodeType !== 3 || child.nodeValue)
|
| | | parent.insertBefore(child, node);
|
| | | else
|
| | | node.removeChild(child);
|
| | | }
|
| | | }
|
| | |
|
| | | return parent.removeChild(node);
|
| | | });
|
| | | },
|
| | |
|
| | | setStyle : function(n, na, v) {
|
| | | var t = this;
|
| | |
|
| | | return t.run(n, function(e) {
|
| | | var s, i;
|
| | |
|
| | | s = e.style;
|
| | |
|
| | | // Camelcase it, if needed
|
| | | na = na.replace(/-(\D)/g, function(a, b){
|
| | | return b.toUpperCase();
|
| | | });
|
| | |
|
| | | // Default px suffix on these
|
| | | if (t.pixelStyles.test(na) && (tinymce.is(v, 'number') || /^[\-0-9\.]+$/.test(v)))
|
| | | v += 'px';
|
| | |
|
| | | switch (na) {
|
| | | case 'opacity':
|
| | | // IE specific opacity
|
| | | if (isIE) {
|
| | | s.filter = v === '' ? '' : "alpha(opacity=" + (v * 100) + ")";
|
| | |
|
| | | if (!n.currentStyle || !n.currentStyle.hasLayout)
|
| | | s.display = 'inline-block';
|
| | | }
|
| | |
|
| | | // Fix for older browsers
|
| | | s[na] = s['-moz-opacity'] = s['-khtml-opacity'] = v || '';
|
| | | break;
|
| | |
|
| | | case 'float':
|
| | | isIE ? s.styleFloat = v : s.cssFloat = v;
|
| | | break;
|
| | | |
| | | default:
|
| | | s[na] = v || '';
|
| | | }
|
| | |
|
| | | // Force update of the style data
|
| | | if (t.settings.update_styles)
|
| | | t.setAttrib(e, 'data-mce-style');
|
| | | });
|
| | | },
|
| | |
|
| | | getStyle : function(n, na, c) {
|
| | | n = this.get(n);
|
| | |
|
| | | if (!n)
|
| | | return;
|
| | |
|
| | | // Gecko
|
| | | if (this.doc.defaultView && c) {
|
| | | // Remove camelcase
|
| | | na = na.replace(/[A-Z]/g, function(a){
|
| | | return '-' + a;
|
| | | });
|
| | |
|
| | | try {
|
| | | return this.doc.defaultView.getComputedStyle(n, null).getPropertyValue(na);
|
| | | } catch (ex) {
|
| | | // Old safari might fail
|
| | | return null;
|
| | | }
|
| | | }
|
| | |
|
| | | // Camelcase it, if needed
|
| | | na = na.replace(/-(\D)/g, function(a, b){
|
| | | return b.toUpperCase();
|
| | | });
|
| | |
|
| | | if (na == 'float')
|
| | | na = isIE ? 'styleFloat' : 'cssFloat';
|
| | |
|
| | | // IE & Opera
|
| | | if (n.currentStyle && c)
|
| | | return n.currentStyle[na];
|
| | |
|
| | | return n.style ? n.style[na] : undefined;
|
| | | },
|
| | |
|
| | | setStyles : function(e, o) {
|
| | | var t = this, s = t.settings, ol;
|
| | |
|
| | | ol = s.update_styles;
|
| | | s.update_styles = 0;
|
| | |
|
| | | each(o, function(v, n) {
|
| | | t.setStyle(e, n, v);
|
| | | });
|
| | |
|
| | | // Update style info
|
| | | s.update_styles = ol;
|
| | | if (s.update_styles)
|
| | | t.setAttrib(e, s.cssText);
|
| | | },
|
| | |
|
| | | removeAllAttribs: function(e) {
|
| | | return this.run(e, function(e) {
|
| | | var i, attrs = e.attributes;
|
| | | for (i = attrs.length - 1; i >= 0; i--) {
|
| | | e.removeAttributeNode(attrs.item(i));
|
| | | }
|
| | | });
|
| | | },
|
| | |
|
| | | setAttrib : function(e, n, v) {
|
| | | var t = this;
|
| | |
|
| | | // Whats the point
|
| | | if (!e || !n)
|
| | | return;
|
| | |
|
| | | // Strict XML mode
|
| | | if (t.settings.strict)
|
| | | n = n.toLowerCase();
|
| | |
|
| | | return this.run(e, function(e) {
|
| | | var s = t.settings;
|
| | | var originalValue = e.getAttribute(n);
|
| | | if (v !== null) {
|
| | | switch (n) {
|
| | | case "style":
|
| | | if (!is(v, 'string')) {
|
| | | each(v, function(v, n) {
|
| | | t.setStyle(e, n, v);
|
| | | });
|
| | |
|
| | | return;
|
| | | }
|
| | |
|
| | | // No mce_style for elements with these since they might get resized by the user
|
| | | if (s.keep_values) {
|
| | | if (v && !t._isRes(v))
|
| | | e.setAttribute('data-mce-style', v, 2);
|
| | | else
|
| | | e.removeAttribute('data-mce-style', 2);
|
| | | }
|
| | |
|
| | | e.style.cssText = v;
|
| | | break;
|
| | |
|
| | | case "class":
|
| | | e.className = v || ''; // Fix IE null bug
|
| | | break;
|
| | |
|
| | | case "src":
|
| | | case "href":
|
| | | if (s.keep_values) {
|
| | | if (s.url_converter)
|
| | | v = s.url_converter.call(s.url_converter_scope || t, v, n, e);
|
| | |
|
| | | t.setAttrib(e, 'data-mce-' + n, v, 2);
|
| | | }
|
| | |
|
| | | break;
|
| | |
|
| | | case "shape":
|
| | | e.setAttribute('data-mce-style', v);
|
| | | break;
|
| | | }
|
| | | }
|
| | | if (is(v) && v !== null && v.length !== 0)
|
| | | e.setAttribute(n, '' + v, 2);
|
| | | else
|
| | | e.removeAttribute(n, 2);
|
| | |
|
| | | // fire onChangeAttrib event for attributes that have changed
|
| | | if (tinyMCE.activeEditor && originalValue != v) {
|
| | | var ed = tinyMCE.activeEditor;
|
| | | ed.onSetAttrib.dispatch(ed, e, n, v);
|
| | | }
|
| | | });
|
| | | },
|
| | |
|
| | | setAttribs : function(e, o) {
|
| | | var t = this;
|
| | |
|
| | | return this.run(e, function(e) {
|
| | | each(o, function(v, n) {
|
| | | t.setAttrib(e, n, v);
|
| | | });
|
| | | });
|
| | | },
|
| | |
|
| | | getAttrib : function(e, n, dv) {
|
| | | var v, t = this, undef;
|
| | |
|
| | | e = t.get(e);
|
| | |
|
| | | if (!e || e.nodeType !== 1)
|
| | | return dv === undef ? false : dv;
|
| | |
|
| | | if (!is(dv))
|
| | | dv = '';
|
| | |
|
| | | // Try the mce variant for these
|
| | | if (/^(src|href|style|coords|shape)$/.test(n)) {
|
| | | v = e.getAttribute("data-mce-" + n);
|
| | |
|
| | | if (v)
|
| | | return v;
|
| | | }
|
| | |
|
| | | if (isIE && t.props[n]) {
|
| | | v = e[t.props[n]];
|
| | | v = v && v.nodeValue ? v.nodeValue : v;
|
| | | }
|
| | |
|
| | | if (!v)
|
| | | v = e.getAttribute(n, 2);
|
| | |
|
| | | // Check boolean attribs
|
| | | if (/^(checked|compact|declare|defer|disabled|ismap|multiple|nohref|noshade|nowrap|readonly|selected)$/.test(n)) {
|
| | | if (e[t.props[n]] === true && v === '')
|
| | | return n;
|
| | |
|
| | | return v ? n : '';
|
| | | }
|
| | |
|
| | | // Inner input elements will override attributes on form elements
|
| | | if (e.nodeName === "FORM" && e.getAttributeNode(n))
|
| | | return e.getAttributeNode(n).nodeValue;
|
| | |
|
| | | if (n === 'style') {
|
| | | v = v || e.style.cssText;
|
| | |
|
| | | if (v) {
|
| | | v = t.serializeStyle(t.parseStyle(v), e.nodeName);
|
| | |
|
| | | if (t.settings.keep_values && !t._isRes(v))
|
| | | e.setAttribute('data-mce-style', v);
|
| | | }
|
| | | }
|
| | |
|
| | | // Remove Apple and WebKit stuff
|
| | | if (isWebKit && n === "class" && v)
|
| | | v = v.replace(/(apple|webkit)\-[a-z\-]+/gi, '');
|
| | |
|
| | | // Handle IE issues
|
| | | if (isIE) {
|
| | | switch (n) {
|
| | | case 'rowspan':
|
| | | case 'colspan':
|
| | | // IE returns 1 as default value
|
| | | if (v === 1)
|
| | | v = '';
|
| | |
|
| | | break;
|
| | |
|
| | | case 'size':
|
| | | // IE returns +0 as default value for size
|
| | | if (v === '+0' || v === 20 || v === 0)
|
| | | v = '';
|
| | |
|
| | | break;
|
| | |
|
| | | case 'width':
|
| | | case 'height':
|
| | | case 'vspace':
|
| | | case 'checked':
|
| | | case 'disabled':
|
| | | case 'readonly':
|
| | | if (v === 0)
|
| | | v = '';
|
| | |
|
| | | break;
|
| | |
|
| | | case 'hspace':
|
| | | // IE returns -1 as default value
|
| | | if (v === -1)
|
| | | v = '';
|
| | |
|
| | | break;
|
| | |
|
| | | case 'maxlength':
|
| | | case 'tabindex':
|
| | | // IE returns default value
|
| | | if (v === 32768 || v === 2147483647 || v === '32768')
|
| | | v = '';
|
| | |
|
| | | break;
|
| | |
|
| | | case 'multiple':
|
| | | case 'compact':
|
| | | case 'noshade':
|
| | | case 'nowrap':
|
| | | if (v === 65535)
|
| | | return n;
|
| | |
|
| | | return dv;
|
| | |
|
| | | case 'shape':
|
| | | v = v.toLowerCase();
|
| | | break;
|
| | |
|
| | | default:
|
| | | // IE has odd anonymous function for event attributes
|
| | | if (n.indexOf('on') === 0 && v)
|
| | | v = tinymce._replace(/^function\s+\w+\(\)\s+\{\s+(.*)\s+\}$/, '$1', '' + v);
|
| | | }
|
| | | }
|
| | |
|
| | | return (v !== undef && v !== null && v !== '') ? '' + v : dv;
|
| | | },
|
| | |
|
| | | getPos : function(n, ro) {
|
| | | var t = this, x = 0, y = 0, e, d = t.doc, r;
|
| | |
|
| | | n = t.get(n);
|
| | | ro = ro || d.body;
|
| | |
|
| | | if (n) {
|
| | | // Use getBoundingClientRect if it exists since it's faster than looping offset nodes
|
| | | if (n.getBoundingClientRect) {
|
| | | n = n.getBoundingClientRect();
|
| | | e = t.boxModel ? d.documentElement : d.body;
|
| | |
|
| | | // Add scroll offsets from documentElement or body since IE with the wrong box model will use d.body and so do WebKit
|
| | | // Also remove the body/documentelement clientTop/clientLeft on IE 6, 7 since they offset the position
|
| | | x = n.left + (d.documentElement.scrollLeft || d.body.scrollLeft) - e.clientTop;
|
| | | y = n.top + (d.documentElement.scrollTop || d.body.scrollTop) - e.clientLeft;
|
| | |
|
| | | return {x : x, y : y};
|
| | | }
|
| | |
|
| | | r = n;
|
| | | while (r && r != ro && r.nodeType) {
|
| | | x += r.offsetLeft || 0;
|
| | | y += r.offsetTop || 0;
|
| | | r = r.offsetParent;
|
| | | }
|
| | |
|
| | | r = n.parentNode;
|
| | | while (r && r != ro && r.nodeType) {
|
| | | x -= r.scrollLeft || 0;
|
| | | y -= r.scrollTop || 0;
|
| | | r = r.parentNode;
|
| | | }
|
| | | }
|
| | |
|
| | | return {x : x, y : y};
|
| | | },
|
| | |
|
| | | parseStyle : function(st) {
|
| | | return this.styles.parse(st);
|
| | | },
|
| | |
|
| | | serializeStyle : function(o, name) {
|
| | | return this.styles.serialize(o, name);
|
| | | },
|
| | |
|
| | | addStyle: function(cssText) {
|
| | | var doc = this.doc, head;
|
| | |
|
| | | // Create style element if needed
|
| | | styleElm = doc.getElementById('mceDefaultStyles');
|
| | | if (!styleElm) {
|
| | | styleElm = doc.createElement('style'),
|
| | | styleElm.id = 'mceDefaultStyles';
|
| | | styleElm.type = 'text/css';
|
| | |
|
| | | head = doc.getElementsByTagName('head')[0];
|
| | | if (head.firstChild) {
|
| | | head.insertBefore(styleElm, head.firstChild);
|
| | | } else {
|
| | | head.appendChild(styleElm);
|
| | | }
|
| | | }
|
| | |
|
| | | // Append style data to old or new style element
|
| | | if (styleElm.styleSheet) {
|
| | | styleElm.styleSheet.cssText += cssText;
|
| | | } else {
|
| | | styleElm.appendChild(doc.createTextNode(cssText));
|
| | | }
|
| | | },
|
| | |
|
| | | loadCSS : function(u) {
|
| | | var t = this, d = t.doc, head;
|
| | |
|
| | | if (!u)
|
| | | u = '';
|
| | |
|
| | | head = d.getElementsByTagName('head')[0];
|
| | |
|
| | | each(u.split(','), function(u) {
|
| | | var link;
|
| | |
|
| | | if (t.files[u])
|
| | | return;
|
| | |
|
| | | t.files[u] = true;
|
| | | link = t.create('link', {rel : 'stylesheet', href : tinymce._addVer(u)});
|
| | |
|
| | | // IE 8 has a bug where dynamically loading stylesheets would produce a 1 item remaining bug
|
| | | // This fix seems to resolve that issue by realcing the document ones a stylesheet finishes loading
|
| | | // It's ugly but it seems to work fine.
|
| | | if (isIE && d.documentMode && d.recalc) {
|
| | | link.onload = function() {
|
| | | if (d.recalc)
|
| | | d.recalc();
|
| | |
|
| | | link.onload = null;
|
| | | };
|
| | | }
|
| | |
|
| | | head.appendChild(link);
|
| | | });
|
| | | },
|
| | |
|
| | | addClass : function(e, c) {
|
| | | return this.run(e, function(e) {
|
| | | var o;
|
| | |
|
| | | if (!c)
|
| | | return 0;
|
| | |
|
| | | if (this.hasClass(e, c))
|
| | | return e.className;
|
| | |
|
| | | o = this.removeClass(e, c);
|
| | |
|
| | | return e.className = (o != '' ? (o + ' ') : '') + c;
|
| | | });
|
| | | },
|
| | |
|
| | | removeClass : function(e, c) {
|
| | | var t = this, re;
|
| | |
|
| | | return t.run(e, function(e) {
|
| | | var v;
|
| | |
|
| | | if (t.hasClass(e, c)) {
|
| | | if (!re)
|
| | | re = new RegExp("(^|\\s+)" + c + "(\\s+|$)", "g");
|
| | |
|
| | | v = e.className.replace(re, ' ');
|
| | | v = tinymce.trim(v != ' ' ? v : '');
|
| | |
|
| | | e.className = v;
|
| | |
|
| | | // Empty class attr
|
| | | if (!v) {
|
| | | e.removeAttribute('class');
|
| | | e.removeAttribute('className');
|
| | | }
|
| | |
|
| | | return v;
|
| | | }
|
| | |
|
| | | return e.className;
|
| | | });
|
| | | },
|
| | |
|
| | | hasClass : function(n, c) {
|
| | | n = this.get(n);
|
| | |
|
| | | if (!n || !c)
|
| | | return false;
|
| | |
|
| | | return (' ' + n.className + ' ').indexOf(' ' + c + ' ') !== -1;
|
| | | },
|
| | |
|
| | | show : function(e) {
|
| | | return this.setStyle(e, 'display', 'block');
|
| | | },
|
| | |
|
| | | hide : function(e) {
|
| | | return this.setStyle(e, 'display', 'none');
|
| | | },
|
| | |
|
| | | isHidden : function(e) {
|
| | | e = this.get(e);
|
| | |
|
| | | return !e || e.style.display == 'none' || this.getStyle(e, 'display') == 'none';
|
| | | },
|
| | |
|
| | | uniqueId : function(p) {
|
| | | return (!p ? 'mce_' : p) + (this.counter++);
|
| | | },
|
| | |
|
| | | setHTML : function(element, html) {
|
| | | var self = this;
|
| | |
|
| | | return self.run(element, function(element) {
|
| | | if (isIE) {
|
| | | // Remove all child nodes, IE keeps empty text nodes in DOM
|
| | | while (element.firstChild)
|
| | | element.removeChild(element.firstChild);
|
| | |
|
| | | try {
|
| | | // IE will remove comments from the beginning
|
| | | // unless you padd the contents with something
|
| | | element.innerHTML = '<br />' + html;
|
| | | element.removeChild(element.firstChild);
|
| | | } catch (ex) {
|
| | | // 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
|
| | | // This seems to fix this problem
|
| | |
|
| | | // Create new div with HTML contents and a BR infront to keep comments
|
| | | var newElement = self.create('div');
|
| | | newElement.innerHTML = '<br />' + html;
|
| | |
|
| | | // Add all children from div to target
|
| | | each (tinymce.grep(newElement.childNodes), function(node, i) {
|
| | | // Skip br element
|
| | | if (i && element.canHaveHTML)
|
| | | element.appendChild(node);
|
| | | });
|
| | | }
|
| | | } else
|
| | | element.innerHTML = html;
|
| | |
|
| | | return html;
|
| | | });
|
| | | },
|
| | |
|
| | | getOuterHTML : function(elm) {
|
| | | var doc, self = this;
|
| | |
|
| | | elm = self.get(elm);
|
| | |
|
| | | if (!elm)
|
| | | return null;
|
| | |
|
| | | if (elm.nodeType === 1 && self.hasOuterHTML)
|
| | | return elm.outerHTML;
|
| | |
|
| | | doc = (elm.ownerDocument || self.doc).createElement("body");
|
| | | doc.appendChild(elm.cloneNode(true));
|
| | |
|
| | | return doc.innerHTML;
|
| | | },
|
| | |
|
| | | setOuterHTML : function(e, h, d) {
|
| | | var t = this;
|
| | |
|
| | | function setHTML(e, h, d) {
|
| | | var n, tp;
|
| | |
|
| | | tp = d.createElement("body");
|
| | | tp.innerHTML = h;
|
| | |
|
| | | n = tp.lastChild;
|
| | | while (n) {
|
| | | t.insertAfter(n.cloneNode(true), e);
|
| | | n = n.previousSibling;
|
| | | }
|
| | |
|
| | | t.remove(e);
|
| | | };
|
| | |
|
| | | return this.run(e, function(e) {
|
| | | e = t.get(e);
|
| | |
|
| | | // Only set HTML on elements
|
| | | if (e.nodeType == 1) {
|
| | | d = d || e.ownerDocument || t.doc;
|
| | |
|
| | | if (isIE) {
|
| | | try {
|
| | | // Try outerHTML for IE it sometimes produces an unknown runtime error
|
| | | if (isIE && e.nodeType == 1)
|
| | | e.outerHTML = h;
|
| | | else
|
| | | setHTML(e, h, d);
|
| | | } catch (ex) {
|
| | | // Fix for unknown runtime error
|
| | | setHTML(e, h, d);
|
| | | }
|
| | | } else
|
| | | setHTML(e, h, d);
|
| | | }
|
| | | });
|
| | | },
|
| | |
|
| | | decode : Entities.decode,
|
| | |
|
| | | encode : Entities.encodeAllRaw,
|
| | |
|
| | | insertAfter : function(node, reference_node) {
|
| | | reference_node = this.get(reference_node);
|
| | |
|
| | | return this.run(node, function(node) {
|
| | | var parent, nextSibling;
|
| | |
|
| | | parent = reference_node.parentNode;
|
| | | nextSibling = reference_node.nextSibling;
|
| | |
|
| | | if (nextSibling)
|
| | | parent.insertBefore(node, nextSibling);
|
| | | else
|
| | | parent.appendChild(node);
|
| | |
|
| | | return node;
|
| | | });
|
| | | },
|
| | |
|
| | | replace : function(n, o, k) {
|
| | | var t = this;
|
| | |
|
| | | if (is(o, 'array'))
|
| | | n = n.cloneNode(true);
|
| | |
|
| | | return t.run(o, function(o) {
|
| | | if (k) {
|
| | | each(tinymce.grep(o.childNodes), function(c) {
|
| | | n.appendChild(c);
|
| | | });
|
| | | }
|
| | |
|
| | | return o.parentNode.replaceChild(n, o);
|
| | | });
|
| | | },
|
| | |
|
| | | rename : function(elm, name) {
|
| | | var t = this, newElm;
|
| | |
|
| | | if (elm.nodeName != name.toUpperCase()) {
|
| | | // Rename block element
|
| | | newElm = t.create(name);
|
| | |
|
| | | // Copy attribs to new block
|
| | | each(t.getAttribs(elm), function(attr_node) {
|
| | | t.setAttrib(newElm, attr_node.nodeName, t.getAttrib(elm, attr_node.nodeName));
|
| | | });
|
| | |
|
| | | // Replace block
|
| | | t.replace(newElm, elm, 1);
|
| | | }
|
| | |
|
| | | return newElm || elm;
|
| | | },
|
| | |
|
| | | findCommonAncestor : function(a, b) {
|
| | | var ps = a, pe;
|
| | |
|
| | | while (ps) {
|
| | | pe = b;
|
| | |
|
| | | while (pe && ps != pe)
|
| | | pe = pe.parentNode;
|
| | |
|
| | | if (ps == pe)
|
| | | break;
|
| | |
|
| | | ps = ps.parentNode;
|
| | | }
|
| | |
|
| | | if (!ps && a.ownerDocument)
|
| | | return a.ownerDocument.documentElement;
|
| | |
|
| | | return ps;
|
| | | },
|
| | |
|
| | | toHex : function(s) {
|
| | | var c = /^\s*rgb\s*?\(\s*?([0-9]+)\s*?,\s*?([0-9]+)\s*?,\s*?([0-9]+)\s*?\)\s*$/i.exec(s);
|
| | |
|
| | | function hex(s) {
|
| | | s = parseInt(s, 10).toString(16);
|
| | |
|
| | | return s.length > 1 ? s : '0' + s; // 0 -> 00
|
| | | };
|
| | |
|
| | | if (c) {
|
| | | s = '#' + hex(c[1]) + hex(c[2]) + hex(c[3]);
|
| | |
|
| | | return s;
|
| | | }
|
| | |
|
| | | return s;
|
| | | },
|
| | |
|
| | | getClasses : function() {
|
| | | var t = this, cl = [], i, lo = {}, f = t.settings.class_filter, ov;
|
| | |
|
| | | if (t.classes)
|
| | | return t.classes;
|
| | |
|
| | | function addClasses(s) {
|
| | | // IE style imports
|
| | | each(s.imports, function(r) {
|
| | | addClasses(r);
|
| | | });
|
| | |
|
| | | each(s.cssRules || s.rules, function(r) {
|
| | | // Real type or fake it on IE
|
| | | switch (r.type || 1) {
|
| | | // Rule
|
| | | case 1:
|
| | | if (r.selectorText) {
|
| | | each(r.selectorText.split(','), function(v) {
|
| | | v = v.replace(/^\s*|\s*$|^\s\./g, "");
|
| | |
|
| | | // Is internal or it doesn't contain a class
|
| | | if (/\.mce/.test(v) || !/\.[\w\-]+$/.test(v))
|
| | | return;
|
| | |
|
| | | // Remove everything but class name
|
| | | ov = v;
|
| | | v = tinymce._replace(/.*\.([a-z0-9_\-]+).*/i, '$1', v);
|
| | |
|
| | | // Filter classes
|
| | | if (f && !(v = f(v, ov)))
|
| | | return;
|
| | |
|
| | | if (!lo[v]) {
|
| | | cl.push({'class' : v});
|
| | | lo[v] = 1;
|
| | | }
|
| | | });
|
| | | }
|
| | | break;
|
| | |
|
| | | // Import
|
| | | case 3:
|
| | | addClasses(r.styleSheet);
|
| | | break;
|
| | | }
|
| | | });
|
| | | };
|
| | |
|
| | | try {
|
| | | each(t.doc.styleSheets, addClasses);
|
| | | } catch (ex) {
|
| | | // Ignore
|
| | | }
|
| | |
|
| | | if (cl.length > 0)
|
| | | t.classes = cl;
|
| | |
|
| | | return cl;
|
| | | },
|
| | |
|
| | | run : function(e, f, s) {
|
| | | var t = this, o;
|
| | |
|
| | | if (t.doc && typeof(e) === 'string')
|
| | | e = t.get(e);
|
| | |
|
| | | if (!e)
|
| | | return false;
|
| | |
|
| | | s = s || this;
|
| | | if (!e.nodeType && (e.length || e.length === 0)) {
|
| | | o = [];
|
| | |
|
| | | each(e, function(e, i) {
|
| | | if (e) {
|
| | | if (typeof(e) == 'string')
|
| | | e = t.doc.getElementById(e);
|
| | |
|
| | | o.push(f.call(s, e, i));
|
| | | }
|
| | | });
|
| | |
|
| | | return o;
|
| | | }
|
| | |
|
| | | return f.call(s, e);
|
| | | },
|
| | |
|
| | | getAttribs : function(n) {
|
| | | var o;
|
| | |
|
| | | n = this.get(n);
|
| | |
|
| | | if (!n)
|
| | | return [];
|
| | |
|
| | | if (isIE) {
|
| | | o = [];
|
| | |
|
| | | // Object will throw exception in IE
|
| | | if (n.nodeName == 'OBJECT')
|
| | | return n.attributes;
|
| | |
|
| | | // IE doesn't keep the selected attribute if you clone option elements
|
| | | if (n.nodeName === 'OPTION' && this.getAttrib(n, 'selected'))
|
| | | o.push({specified : 1, nodeName : 'selected'});
|
| | |
|
| | | // It's crazy that this is faster in IE but it's because it returns all attributes all the time
|
| | | n.cloneNode(false).outerHTML.replace(/<\/?[\w:\-]+ ?|=[\"][^\"]+\"|=\'[^\']+\'|=[\w\-]+|>/gi, '').replace(/[\w:\-]+/gi, function(a) {
|
| | | o.push({specified : 1, nodeName : a});
|
| | | });
|
| | |
|
| | | return o;
|
| | | }
|
| | |
|
| | | return n.attributes;
|
| | | },
|
| | |
|
| | | isEmpty : function(node, elements) {
|
| | | var self = this, i, attributes, type, walker, name, brCount = 0;
|
| | |
|
| | | node = node.firstChild;
|
| | | if (node) {
|
| | | walker = new tinymce.dom.TreeWalker(node, node.parentNode);
|
| | | elements = elements || self.schema ? self.schema.getNonEmptyElements() : null;
|
| | |
|
| | | do {
|
| | | type = node.nodeType;
|
| | |
|
| | | if (type === 1) {
|
| | | // Ignore bogus elements
|
| | | if (node.getAttribute('data-mce-bogus'))
|
| | | continue;
|
| | |
|
| | | // Keep empty elements like <img />
|
| | | name = node.nodeName.toLowerCase();
|
| | | if (elements && elements[name]) {
|
| | | // Ignore single BR elements in blocks like <p><br /></p> or <p><span><br /></span></p>
|
| | | if (name === 'br') {
|
| | | brCount++;
|
| | | continue;
|
| | | }
|
| | |
|
| | | return false;
|
| | | }
|
| | |
|
| | | // Keep elements with data-bookmark attributes or name attribute like <a name="1"></a>
|
| | | attributes = self.getAttribs(node);
|
| | | i = node.attributes.length;
|
| | | while (i--) {
|
| | | name = node.attributes[i].nodeName;
|
| | | if (name === "name" || name === 'data-mce-bookmark')
|
| | | return false;
|
| | | }
|
| | | }
|
| | |
|
| | | // Keep comment nodes
|
| | | if (type == 8)
|
| | | return false;
|
| | |
|
| | | // Keep non whitespace text nodes
|
| | | if ((type === 3 && !whiteSpaceRegExp.test(node.nodeValue)))
|
| | | return false;
|
| | | } while (node = walker.next());
|
| | | }
|
| | |
|
| | | return brCount <= 1;
|
| | | },
|
| | |
|
| | | destroy : function(s) {
|
| | | var t = this;
|
| | |
|
| | | t.win = t.doc = t.root = t.events = t.frag = null;
|
| | |
|
| | | // Manual destroy then remove unload handler
|
| | | if (!s)
|
| | | tinymce.removeUnload(t.destroy);
|
| | | },
|
| | |
|
| | | createRng : function() {
|
| | | var d = this.doc;
|
| | |
|
| | | return d.createRange ? d.createRange() : new tinymce.dom.Range(this);
|
| | | },
|
| | |
|
| | | nodeIndex : function(node, normalized) {
|
| | | var idx = 0, lastNodeType, lastNode, nodeType;
|
| | |
|
| | | if (node) {
|
| | | for (lastNodeType = node.nodeType, node = node.previousSibling, lastNode = node; node; node = node.previousSibling) {
|
| | | nodeType = node.nodeType;
|
| | |
|
| | | // Normalize text nodes
|
| | | if (normalized && nodeType == 3) {
|
| | | if (nodeType == lastNodeType || !node.nodeValue.length)
|
| | | continue;
|
| | | }
|
| | | idx++;
|
| | | lastNodeType = nodeType;
|
| | | }
|
| | | }
|
| | |
|
| | | return idx;
|
| | | },
|
| | |
|
| | | split : function(pe, e, re) {
|
| | | var t = this, r = t.createRng(), bef, aft, pa;
|
| | |
|
| | | // W3C valid browsers tend to leave empty nodes to the left/right side of the contents, this makes sense
|
| | | // but we don't want that in our code since it serves no purpose for the end user
|
| | | // For example if this is chopped:
|
| | | // <p>text 1<span><b>CHOP</b></span>text 2</p>
|
| | | // would produce:
|
| | | // <p>text 1<span></span></p><b>CHOP</b><p><span></span>text 2</p>
|
| | | // this function will then trim of empty edges and produce:
|
| | | // <p>text 1</p><b>CHOP</b><p>text 2</p>
|
| | | function trim(node) {
|
| | | var i, children = node.childNodes, type = node.nodeType;
|
| | |
|
| | | function surroundedBySpans(node) {
|
| | | var previousIsSpan = node.previousSibling && node.previousSibling.nodeName == 'SPAN';
|
| | | var nextIsSpan = node.nextSibling && node.nextSibling.nodeName == 'SPAN';
|
| | | return previousIsSpan && nextIsSpan;
|
| | | }
|
| | |
|
| | | if (type == 1 && node.getAttribute('data-mce-type') == 'bookmark')
|
| | | return;
|
| | |
|
| | | for (i = children.length - 1; i >= 0; i--)
|
| | | trim(children[i]);
|
| | |
|
| | | if (type != 9) {
|
| | | // Keep non whitespace text nodes
|
| | | if (type == 3 && node.nodeValue.length > 0) {
|
| | | // If parent element isn't a block or there isn't any useful contents for example "<p> </p>"
|
| | | // Also keep text nodes with only spaces if surrounded by spans.
|
| | | // eg. "<p><span>a</span> <span>b</span></p>" should keep space between a and b
|
| | | var trimmedLength = tinymce.trim(node.nodeValue).length;
|
| | | if (!t.isBlock(node.parentNode) || trimmedLength > 0 || trimmedLength === 0 && surroundedBySpans(node))
|
| | | return;
|
| | | } else if (type == 1) {
|
| | | // If the only child is a bookmark then move it up
|
| | | children = node.childNodes;
|
| | | if (children.length == 1 && children[0] && children[0].nodeType == 1 && children[0].getAttribute('data-mce-type') == 'bookmark')
|
| | | node.parentNode.insertBefore(children[0], node);
|
| | |
|
| | | // Keep non empty elements or img, hr etc
|
| | | if (children.length || /^(br|hr|input|img)$/i.test(node.nodeName))
|
| | | return;
|
| | | }
|
| | |
|
| | | t.remove(node);
|
| | | }
|
| | |
|
| | | return node;
|
| | | };
|
| | |
|
| | | if (pe && e) {
|
| | | // Get before chunk
|
| | | r.setStart(pe.parentNode, t.nodeIndex(pe));
|
| | | r.setEnd(e.parentNode, t.nodeIndex(e));
|
| | | bef = r.extractContents();
|
| | |
|
| | | // Get after chunk
|
| | | r = t.createRng();
|
| | | r.setStart(e.parentNode, t.nodeIndex(e) + 1);
|
| | | r.setEnd(pe.parentNode, t.nodeIndex(pe) + 1);
|
| | | aft = r.extractContents();
|
| | |
|
| | | // Insert before chunk
|
| | | pa = pe.parentNode;
|
| | | pa.insertBefore(trim(bef), pe);
|
| | |
|
| | | // Insert middle chunk
|
| | | if (re)
|
| | | pa.replaceChild(re, e);
|
| | | else
|
| | | nl[i].elm.className = s.hidden_tab_class;
|
| | | pa.insertBefore(e, pe);
|
| | |
|
| | | // Insert after chunk
|
| | | pa.insertBefore(trim(aft), pe);
|
| | | t.remove(pe);
|
| | |
|
| | | return re || e;
|
| | | }
|
| | | },
|
| | |
|
| | | bind : function(target, name, func, scope) {
|
| | | return this.events.add(target, name, func, scope || this);
|
| | | },
|
| | |
|
| | | unbind : function(target, name, func) {
|
| | | return this.events.remove(target, name, func);
|
| | | },
|
| | |
|
| | | fire : function(target, name, evt) {
|
| | | return this.events.fire(target, name, evt);
|
| | | },
|
| | |
|
| | | // Returns the content editable state of a node
|
| | | getContentEditable: function(node) {
|
| | | var contentEditable;
|
| | |
|
| | | // Check type
|
| | | if (node.nodeType != 1) {
|
| | | return null;
|
| | | }
|
| | |
|
| | | // Check for fake content editable
|
| | | contentEditable = node.getAttribute("data-mce-contenteditable");
|
| | | if (contentEditable && contentEditable !== "inherit") {
|
| | | return contentEditable;
|
| | | }
|
| | |
|
| | | // Check for real content editable
|
| | | return node.contentEditable !== "inherit" ? node.contentEditable : null;
|
| | | },
|
| | |
|
| | |
|
| | | _findSib : function(node, selector, name) {
|
| | | var t = this, f = selector;
|
| | |
|
| | | if (node) {
|
| | | // If expression make a function of it using is
|
| | | if (is(f, 'string')) {
|
| | | f = function(node) {
|
| | | return t.is(node, selector);
|
| | | };
|
| | | }
|
| | |
|
| | | // Loop all siblings
|
| | | for (node = node[name]; node; node = node[name]) {
|
| | | if (f(node))
|
| | | return node;
|
| | | }
|
| | | }
|
| | |
|
| | | return null;
|
| | | },
|
| | |
|
| | | _isRes : function(c) {
|
| | | // Is live resizble element
|
| | | return /^(top|left|bottom|right|width|height)/i.test(c) || /;\s*(top|left|bottom|right|width|height)/i.test(c);
|
| | | }
|
| | |
|
| | | /*
|
| | | walk : function(n, f, s) {
|
| | | var d = this.doc, w;
|
| | |
|
| | | if (d.createTreeWalker) {
|
| | | w = d.createTreeWalker(n, NodeFilter.SHOW_TEXT, null, false);
|
| | |
|
| | | while ((n = w.nextNode()) != null)
|
| | | f.call(s || this, n);
|
| | | } else
|
| | | tinymce.walk(n, f, 'childNodes', s);
|
| | | }
|
| | | */
|
| | |
|
| | | /*
|
| | | toRGB : function(s) {
|
| | | var c = /^\s*?#([0-9A-F]{2})([0-9A-F]{1,2})([0-9A-F]{2})?\s*?$/.exec(s);
|
| | |
|
| | | if (c) {
|
| | | // #FFF -> #FFFFFF
|
| | | if (!is(c[3]))
|
| | | c[3] = c[2] = c[1];
|
| | |
|
| | | return "rgb(" + parseInt(c[1], 16) + "," + parseInt(c[2], 16) + "," + parseInt(c[3], 16) + ")";
|
| | | }
|
| | |
|
| | | return s;
|
| | | }
|
| | | */
|
| | | });
|
| | |
|
| | | tinymce.DOM = new tinymce.dom.DOMUtils(document, {process_html : 0});
|
| | | })(tinymce);
|
| | |
|
| | | (function(ns) {
|
| | | // Range constructor
|
| | | function Range(dom) {
|
| | | var t = this,
|
| | | doc = dom.doc,
|
| | | EXTRACT = 0,
|
| | | CLONE = 1,
|
| | | DELETE = 2,
|
| | | TRUE = true,
|
| | | FALSE = false,
|
| | | START_OFFSET = 'startOffset',
|
| | | START_CONTAINER = 'startContainer',
|
| | | END_CONTAINER = 'endContainer',
|
| | | END_OFFSET = 'endOffset',
|
| | | extend = tinymce.extend,
|
| | | nodeIndex = dom.nodeIndex;
|
| | |
|
| | | extend(t, {
|
| | | // Inital states
|
| | | startContainer : doc,
|
| | | startOffset : 0,
|
| | | endContainer : doc,
|
| | | endOffset : 0,
|
| | | collapsed : TRUE,
|
| | | commonAncestorContainer : doc,
|
| | |
|
| | | // Range constants
|
| | | START_TO_START : 0,
|
| | | START_TO_END : 1,
|
| | | END_TO_END : 2,
|
| | | END_TO_START : 3,
|
| | |
|
| | | // Public methods
|
| | | setStart : setStart,
|
| | | setEnd : setEnd,
|
| | | setStartBefore : setStartBefore,
|
| | | setStartAfter : setStartAfter,
|
| | | setEndBefore : setEndBefore,
|
| | | setEndAfter : setEndAfter,
|
| | | collapse : collapse,
|
| | | selectNode : selectNode,
|
| | | selectNodeContents : selectNodeContents,
|
| | | compareBoundaryPoints : compareBoundaryPoints,
|
| | | deleteContents : deleteContents,
|
| | | extractContents : extractContents,
|
| | | cloneContents : cloneContents,
|
| | | insertNode : insertNode,
|
| | | surroundContents : surroundContents,
|
| | | cloneRange : cloneRange,
|
| | | toStringIE : toStringIE
|
| | | });
|
| | |
|
| | | function createDocumentFragment() {
|
| | | return doc.createDocumentFragment();
|
| | | };
|
| | |
|
| | | function setStart(n, o) {
|
| | | _setEndPoint(TRUE, n, o);
|
| | | };
|
| | |
|
| | | function setEnd(n, o) {
|
| | | _setEndPoint(FALSE, n, o);
|
| | | };
|
| | |
|
| | | function setStartBefore(n) {
|
| | | setStart(n.parentNode, nodeIndex(n));
|
| | | };
|
| | |
|
| | | function setStartAfter(n) {
|
| | | setStart(n.parentNode, nodeIndex(n) + 1);
|
| | | };
|
| | |
|
| | | function setEndBefore(n) {
|
| | | setEnd(n.parentNode, nodeIndex(n));
|
| | | };
|
| | |
|
| | | function setEndAfter(n) {
|
| | | setEnd(n.parentNode, nodeIndex(n) + 1);
|
| | | };
|
| | |
|
| | | function collapse(ts) {
|
| | | if (ts) {
|
| | | t[END_CONTAINER] = t[START_CONTAINER];
|
| | | t[END_OFFSET] = t[START_OFFSET];
|
| | | } else {
|
| | | t[START_CONTAINER] = t[END_CONTAINER];
|
| | | t[START_OFFSET] = t[END_OFFSET];
|
| | | }
|
| | |
|
| | | t.collapsed = TRUE;
|
| | | };
|
| | |
|
| | | function selectNode(n) {
|
| | | setStartBefore(n);
|
| | | setEndAfter(n);
|
| | | };
|
| | |
|
| | | function selectNodeContents(n) {
|
| | | setStart(n, 0);
|
| | | setEnd(n, n.nodeType === 1 ? n.childNodes.length : n.nodeValue.length);
|
| | | };
|
| | |
|
| | | function compareBoundaryPoints(h, r) {
|
| | | var sc = t[START_CONTAINER], so = t[START_OFFSET], ec = t[END_CONTAINER], eo = t[END_OFFSET],
|
| | | rsc = r.startContainer, rso = r.startOffset, rec = r.endContainer, reo = r.endOffset;
|
| | |
|
| | | // Check START_TO_START
|
| | | if (h === 0)
|
| | | return _compareBoundaryPoints(sc, so, rsc, rso);
|
| | | |
| | | // Check START_TO_END
|
| | | if (h === 1)
|
| | | return _compareBoundaryPoints(ec, eo, rsc, rso);
|
| | | |
| | | // Check END_TO_END
|
| | | if (h === 2)
|
| | | return _compareBoundaryPoints(ec, eo, rec, reo);
|
| | | |
| | | // Check END_TO_START
|
| | | if (h === 3) |
| | | return _compareBoundaryPoints(sc, so, rec, reo);
|
| | | };
|
| | |
|
| | | function deleteContents() {
|
| | | _traverse(DELETE);
|
| | | };
|
| | |
|
| | | function extractContents() {
|
| | | return _traverse(EXTRACT);
|
| | | };
|
| | |
|
| | | function cloneContents() {
|
| | | return _traverse(CLONE);
|
| | | };
|
| | |
|
| | | function insertNode(n) {
|
| | | var startContainer = this[START_CONTAINER],
|
| | | startOffset = this[START_OFFSET], nn, o;
|
| | |
|
| | | // Node is TEXT_NODE or CDATA
|
| | | if ((startContainer.nodeType === 3 || startContainer.nodeType === 4) && startContainer.nodeValue) {
|
| | | if (!startOffset) {
|
| | | // At the start of text
|
| | | startContainer.parentNode.insertBefore(n, startContainer);
|
| | | } else if (startOffset >= startContainer.nodeValue.length) {
|
| | | // At the end of text
|
| | | dom.insertAfter(n, startContainer);
|
| | | } else {
|
| | | // Middle, need to split
|
| | | nn = startContainer.splitText(startOffset);
|
| | | startContainer.parentNode.insertBefore(n, nn);
|
| | | }
|
| | | } else {
|
| | | // Insert element node
|
| | | if (startContainer.childNodes.length > 0)
|
| | | o = startContainer.childNodes[startOffset];
|
| | |
|
| | | if (o)
|
| | | startContainer.insertBefore(n, o);
|
| | | else
|
| | | startContainer.appendChild(n);
|
| | | }
|
| | | };
|
| | |
|
| | | function surroundContents(n) {
|
| | | var f = t.extractContents();
|
| | |
|
| | | t.insertNode(n);
|
| | | n.appendChild(f);
|
| | | t.selectNode(n);
|
| | | };
|
| | |
|
| | | function cloneRange() {
|
| | | return extend(new Range(dom), {
|
| | | startContainer : t[START_CONTAINER],
|
| | | startOffset : t[START_OFFSET],
|
| | | endContainer : t[END_CONTAINER],
|
| | | endOffset : t[END_OFFSET],
|
| | | collapsed : t.collapsed,
|
| | | commonAncestorContainer : t.commonAncestorContainer
|
| | | });
|
| | | };
|
| | |
|
| | | // Private methods
|
| | |
|
| | | function _getSelectedNode(container, offset) {
|
| | | var child;
|
| | |
|
| | | if (container.nodeType == 3 /* TEXT_NODE */)
|
| | | return container;
|
| | |
|
| | | if (offset < 0)
|
| | | return container;
|
| | |
|
| | | child = container.firstChild;
|
| | | while (child && offset > 0) {
|
| | | --offset;
|
| | | child = child.nextSibling;
|
| | | }
|
| | |
|
| | | if (child)
|
| | | return child;
|
| | |
|
| | | return container;
|
| | | };
|
| | |
|
| | | function _isCollapsed() {
|
| | | return (t[START_CONTAINER] == t[END_CONTAINER] && t[START_OFFSET] == t[END_OFFSET]);
|
| | | };
|
| | |
|
| | | function _compareBoundaryPoints(containerA, offsetA, containerB, offsetB) {
|
| | | var c, offsetC, n, cmnRoot, childA, childB;
|
| | | |
| | | // In the first case the boundary-points have the same container. A is before B
|
| | | // if its offset is less than the offset of B, A is equal to B if its offset is
|
| | | // equal to the offset of B, and A is after B if its offset is greater than the
|
| | | // offset of B.
|
| | | if (containerA == containerB) {
|
| | | if (offsetA == offsetB)
|
| | | return 0; // equal
|
| | |
|
| | | if (offsetA < offsetB)
|
| | | return -1; // before
|
| | |
|
| | | return 1; // after
|
| | | }
|
| | |
|
| | | // In the second case a child node C of the container of A is an ancestor
|
| | | // container of B. In this case, A is before B if the offset of A is less than or
|
| | | // equal to the index of the child node C and A is after B otherwise.
|
| | | c = containerB;
|
| | | while (c && c.parentNode != containerA)
|
| | | c = c.parentNode;
|
| | |
|
| | | if (c) {
|
| | | offsetC = 0;
|
| | | n = containerA.firstChild;
|
| | |
|
| | | while (n != c && offsetC < offsetA) {
|
| | | offsetC++;
|
| | | n = n.nextSibling;
|
| | | }
|
| | |
|
| | | if (offsetA <= offsetC)
|
| | | return -1; // before
|
| | |
|
| | | return 1; // after
|
| | | }
|
| | |
|
| | | // In the third case a child node C of the container of B is an ancestor container
|
| | | // of A. In this case, A is before B if the index of the child node C is less than
|
| | | // the offset of B and A is after B otherwise.
|
| | | c = containerA;
|
| | | while (c && c.parentNode != containerB) {
|
| | | c = c.parentNode;
|
| | | }
|
| | |
|
| | | if (c) {
|
| | | offsetC = 0;
|
| | | n = containerB.firstChild;
|
| | |
|
| | | while (n != c && offsetC < offsetB) {
|
| | | offsetC++;
|
| | | n = n.nextSibling;
|
| | | }
|
| | |
|
| | | if (offsetC < offsetB)
|
| | | return -1; // before
|
| | |
|
| | | return 1; // after
|
| | | }
|
| | |
|
| | | // In the fourth case, none of three other cases hold: the containers of A and B
|
| | | // are siblings or descendants of sibling nodes. In this case, A is before B if
|
| | | // the container of A is before the container of B in a pre-order traversal of the
|
| | | // Ranges' context tree and A is after B otherwise.
|
| | | cmnRoot = dom.findCommonAncestor(containerA, containerB);
|
| | | childA = containerA;
|
| | |
|
| | | while (childA && childA.parentNode != cmnRoot)
|
| | | childA = childA.parentNode;
|
| | |
|
| | | if (!childA)
|
| | | childA = cmnRoot;
|
| | |
|
| | | childB = containerB;
|
| | | while (childB && childB.parentNode != cmnRoot)
|
| | | childB = childB.parentNode;
|
| | |
|
| | | if (!childB)
|
| | | childB = cmnRoot;
|
| | |
|
| | | if (childA == childB)
|
| | | return 0; // equal
|
| | |
|
| | | n = cmnRoot.firstChild;
|
| | | while (n) {
|
| | | if (n == childA)
|
| | | return -1; // before
|
| | |
|
| | | if (n == childB)
|
| | | return 1; // after
|
| | |
|
| | | n = n.nextSibling;
|
| | | }
|
| | | };
|
| | |
|
| | | function _setEndPoint(st, n, o) {
|
| | | var ec, sc;
|
| | |
|
| | | if (st) {
|
| | | t[START_CONTAINER] = n;
|
| | | t[START_OFFSET] = o;
|
| | | } else {
|
| | | t[END_CONTAINER] = n;
|
| | | t[END_OFFSET] = o;
|
| | | }
|
| | |
|
| | | // If one boundary-point of a Range is set to have a root container
|
| | | // other than the current one for the Range, the Range is collapsed to
|
| | | // the new position. This enforces the restriction that both boundary-
|
| | | // points of a Range must have the same root container.
|
| | | ec = t[END_CONTAINER];
|
| | | while (ec.parentNode)
|
| | | ec = ec.parentNode;
|
| | |
|
| | | sc = t[START_CONTAINER];
|
| | | while (sc.parentNode)
|
| | | sc = sc.parentNode;
|
| | |
|
| | | if (sc == ec) {
|
| | | // The start position of a Range is guaranteed to never be after the
|
| | | // end position. To enforce this restriction, if the start is set to
|
| | | // be at a position after the end, the Range is collapsed to that
|
| | | // position.
|
| | | if (_compareBoundaryPoints(t[START_CONTAINER], t[START_OFFSET], t[END_CONTAINER], t[END_OFFSET]) > 0)
|
| | | t.collapse(st);
|
| | | } else
|
| | | t.collapse(st);
|
| | |
|
| | | t.collapsed = _isCollapsed();
|
| | | t.commonAncestorContainer = dom.findCommonAncestor(t[START_CONTAINER], t[END_CONTAINER]);
|
| | | };
|
| | |
|
| | | function _traverse(how) {
|
| | | var c, endContainerDepth = 0, startContainerDepth = 0, p, depthDiff, startNode, endNode, sp, ep;
|
| | |
|
| | | if (t[START_CONTAINER] == t[END_CONTAINER])
|
| | | return _traverseSameContainer(how);
|
| | |
|
| | | for (c = t[END_CONTAINER], p = c.parentNode; p; c = p, p = p.parentNode) {
|
| | | if (p == t[START_CONTAINER])
|
| | | return _traverseCommonStartContainer(c, how);
|
| | |
|
| | | ++endContainerDepth;
|
| | | }
|
| | |
|
| | | for (c = t[START_CONTAINER], p = c.parentNode; p; c = p, p = p.parentNode) {
|
| | | if (p == t[END_CONTAINER])
|
| | | return _traverseCommonEndContainer(c, how);
|
| | |
|
| | | ++startContainerDepth;
|
| | | }
|
| | |
|
| | | depthDiff = startContainerDepth - endContainerDepth;
|
| | |
|
| | | startNode = t[START_CONTAINER];
|
| | | while (depthDiff > 0) {
|
| | | startNode = startNode.parentNode;
|
| | | depthDiff--;
|
| | | }
|
| | |
|
| | | endNode = t[END_CONTAINER];
|
| | | while (depthDiff < 0) {
|
| | | endNode = endNode.parentNode;
|
| | | depthDiff++;
|
| | | }
|
| | |
|
| | | // ascend the ancestor hierarchy until we have a common parent.
|
| | | for (sp = startNode.parentNode, ep = endNode.parentNode; sp != ep; sp = sp.parentNode, ep = ep.parentNode) {
|
| | | startNode = sp;
|
| | | endNode = ep;
|
| | | }
|
| | |
|
| | | return _traverseCommonAncestors(startNode, endNode, how);
|
| | | };
|
| | |
|
| | | function _traverseSameContainer(how) {
|
| | | var frag, s, sub, n, cnt, sibling, xferNode, start, len;
|
| | |
|
| | | if (how != DELETE)
|
| | | frag = createDocumentFragment();
|
| | |
|
| | | // If selection is empty, just return the fragment
|
| | | if (t[START_OFFSET] == t[END_OFFSET])
|
| | | return frag;
|
| | |
|
| | | // Text node needs special case handling
|
| | | if (t[START_CONTAINER].nodeType == 3 /* TEXT_NODE */) {
|
| | | // get the substring
|
| | | s = t[START_CONTAINER].nodeValue;
|
| | | sub = s.substring(t[START_OFFSET], t[END_OFFSET]);
|
| | |
|
| | | // set the original text node to its new value
|
| | | if (how != CLONE) {
|
| | | n = t[START_CONTAINER];
|
| | | start = t[START_OFFSET];
|
| | | len = t[END_OFFSET] - t[START_OFFSET];
|
| | |
|
| | | if (start === 0 && len >= n.nodeValue.length - 1) {
|
| | | n.parentNode.removeChild(n);
|
| | | } else {
|
| | | n.deleteData(start, len);
|
| | | }
|
| | |
|
| | | // Nothing is partially selected, so collapse to start point
|
| | | t.collapse(TRUE);
|
| | | }
|
| | |
|
| | | if (how == DELETE)
|
| | | return;
|
| | |
|
| | | if (sub.length > 0) {
|
| | | frag.appendChild(doc.createTextNode(sub));
|
| | | }
|
| | |
|
| | | return frag;
|
| | | }
|
| | |
|
| | | // Copy nodes between the start/end offsets.
|
| | | n = _getSelectedNode(t[START_CONTAINER], t[START_OFFSET]);
|
| | | cnt = t[END_OFFSET] - t[START_OFFSET];
|
| | |
|
| | | while (n && cnt > 0) {
|
| | | sibling = n.nextSibling;
|
| | | xferNode = _traverseFullySelected(n, how);
|
| | |
|
| | | if (frag)
|
| | | frag.appendChild( xferNode );
|
| | |
|
| | | --cnt;
|
| | | n = sibling;
|
| | | }
|
| | |
|
| | | // Nothing is partially selected, so collapse to start point
|
| | | if (how != CLONE)
|
| | | t.collapse(TRUE);
|
| | |
|
| | | return frag;
|
| | | };
|
| | |
|
| | | function _traverseCommonStartContainer(endAncestor, how) {
|
| | | var frag, n, endIdx, cnt, sibling, xferNode;
|
| | |
|
| | | if (how != DELETE)
|
| | | frag = createDocumentFragment();
|
| | |
|
| | | n = _traverseRightBoundary(endAncestor, how);
|
| | |
|
| | | if (frag)
|
| | | frag.appendChild(n);
|
| | |
|
| | | endIdx = nodeIndex(endAncestor);
|
| | | cnt = endIdx - t[START_OFFSET];
|
| | |
|
| | | if (cnt <= 0) {
|
| | | // Collapse to just before the endAncestor, which
|
| | | // is partially selected.
|
| | | if (how != CLONE) {
|
| | | t.setEndBefore(endAncestor);
|
| | | t.collapse(FALSE);
|
| | | }
|
| | |
|
| | | return frag;
|
| | | }
|
| | |
|
| | | n = endAncestor.previousSibling;
|
| | | while (cnt > 0) {
|
| | | sibling = n.previousSibling;
|
| | | xferNode = _traverseFullySelected(n, how);
|
| | |
|
| | | if (frag)
|
| | | frag.insertBefore(xferNode, frag.firstChild);
|
| | |
|
| | | --cnt;
|
| | | n = sibling;
|
| | | }
|
| | |
|
| | | // Collapse to just before the endAncestor, which
|
| | | // is partially selected.
|
| | | if (how != CLONE) {
|
| | | t.setEndBefore(endAncestor);
|
| | | t.collapse(FALSE);
|
| | | }
|
| | |
|
| | | return frag;
|
| | | };
|
| | |
|
| | | function _traverseCommonEndContainer(startAncestor, how) {
|
| | | var frag, startIdx, n, cnt, sibling, xferNode;
|
| | |
|
| | | if (how != DELETE)
|
| | | frag = createDocumentFragment();
|
| | |
|
| | | n = _traverseLeftBoundary(startAncestor, how);
|
| | | if (frag)
|
| | | frag.appendChild(n);
|
| | |
|
| | | startIdx = nodeIndex(startAncestor);
|
| | | ++startIdx; // Because we already traversed it
|
| | |
|
| | | cnt = t[END_OFFSET] - startIdx;
|
| | | n = startAncestor.nextSibling;
|
| | | while (n && cnt > 0) {
|
| | | sibling = n.nextSibling;
|
| | | xferNode = _traverseFullySelected(n, how);
|
| | |
|
| | | if (frag)
|
| | | frag.appendChild(xferNode);
|
| | |
|
| | | --cnt;
|
| | | n = sibling;
|
| | | }
|
| | |
|
| | | if (how != CLONE) {
|
| | | t.setStartAfter(startAncestor);
|
| | | t.collapse(TRUE);
|
| | | }
|
| | |
|
| | | return frag;
|
| | | };
|
| | |
|
| | | function _traverseCommonAncestors(startAncestor, endAncestor, how) {
|
| | | var n, frag, commonParent, startOffset, endOffset, cnt, sibling, nextSibling;
|
| | |
|
| | | if (how != DELETE)
|
| | | frag = createDocumentFragment();
|
| | |
|
| | | n = _traverseLeftBoundary(startAncestor, how);
|
| | | if (frag)
|
| | | frag.appendChild(n);
|
| | |
|
| | | commonParent = startAncestor.parentNode;
|
| | | startOffset = nodeIndex(startAncestor);
|
| | | endOffset = nodeIndex(endAncestor);
|
| | | ++startOffset;
|
| | |
|
| | | cnt = endOffset - startOffset;
|
| | | sibling = startAncestor.nextSibling;
|
| | |
|
| | | while (cnt > 0) {
|
| | | nextSibling = sibling.nextSibling;
|
| | | n = _traverseFullySelected(sibling, how);
|
| | |
|
| | | if (frag)
|
| | | frag.appendChild(n);
|
| | |
|
| | | sibling = nextSibling;
|
| | | --cnt;
|
| | | }
|
| | |
|
| | | n = _traverseRightBoundary(endAncestor, how);
|
| | |
|
| | | if (frag)
|
| | | frag.appendChild(n);
|
| | |
|
| | | if (how != CLONE) {
|
| | | t.setStartAfter(startAncestor);
|
| | | t.collapse(TRUE);
|
| | | }
|
| | |
|
| | | return frag;
|
| | | };
|
| | |
|
| | | function _traverseRightBoundary(root, how) {
|
| | | var next = _getSelectedNode(t[END_CONTAINER], t[END_OFFSET] - 1), parent, clonedParent, prevSibling, clonedChild, clonedGrandParent, isFullySelected = next != t[END_CONTAINER];
|
| | |
|
| | | if (next == root)
|
| | | return _traverseNode(next, isFullySelected, FALSE, how);
|
| | |
|
| | | parent = next.parentNode;
|
| | | clonedParent = _traverseNode(parent, FALSE, FALSE, how);
|
| | |
|
| | | while (parent) {
|
| | | while (next) {
|
| | | prevSibling = next.previousSibling;
|
| | | clonedChild = _traverseNode(next, isFullySelected, FALSE, how);
|
| | |
|
| | | if (how != DELETE)
|
| | | clonedParent.insertBefore(clonedChild, clonedParent.firstChild);
|
| | |
|
| | | isFullySelected = TRUE;
|
| | | next = prevSibling;
|
| | | }
|
| | |
|
| | | if (parent == root)
|
| | | return clonedParent;
|
| | |
|
| | | next = parent.previousSibling;
|
| | | parent = parent.parentNode;
|
| | |
|
| | | clonedGrandParent = _traverseNode(parent, FALSE, FALSE, how);
|
| | |
|
| | | if (how != DELETE)
|
| | | clonedGrandParent.appendChild(clonedParent);
|
| | |
|
| | | clonedParent = clonedGrandParent;
|
| | | }
|
| | | };
|
| | |
|
| | | function _traverseLeftBoundary(root, how) {
|
| | | var next = _getSelectedNode(t[START_CONTAINER], t[START_OFFSET]), isFullySelected = next != t[START_CONTAINER], parent, clonedParent, nextSibling, clonedChild, clonedGrandParent;
|
| | |
|
| | | if (next == root)
|
| | | return _traverseNode(next, isFullySelected, TRUE, how);
|
| | |
|
| | | parent = next.parentNode;
|
| | | clonedParent = _traverseNode(parent, FALSE, TRUE, how);
|
| | |
|
| | | while (parent) {
|
| | | while (next) {
|
| | | nextSibling = next.nextSibling;
|
| | | clonedChild = _traverseNode(next, isFullySelected, TRUE, how);
|
| | |
|
| | | if (how != DELETE)
|
| | | clonedParent.appendChild(clonedChild);
|
| | |
|
| | | isFullySelected = TRUE;
|
| | | next = nextSibling;
|
| | | }
|
| | |
|
| | | if (parent == root)
|
| | | return clonedParent;
|
| | |
|
| | | next = parent.nextSibling;
|
| | | parent = parent.parentNode;
|
| | |
|
| | | clonedGrandParent = _traverseNode(parent, FALSE, TRUE, how);
|
| | |
|
| | | if (how != DELETE)
|
| | | clonedGrandParent.appendChild(clonedParent);
|
| | |
|
| | | clonedParent = clonedGrandParent;
|
| | | }
|
| | | };
|
| | |
|
| | | function _traverseNode(n, isFullySelected, isLeft, how) {
|
| | | var txtValue, newNodeValue, oldNodeValue, offset, newNode;
|
| | |
|
| | | if (isFullySelected)
|
| | | return _traverseFullySelected(n, how);
|
| | |
|
| | | if (n.nodeType == 3 /* TEXT_NODE */) {
|
| | | txtValue = n.nodeValue;
|
| | |
|
| | | if (isLeft) {
|
| | | offset = t[START_OFFSET];
|
| | | newNodeValue = txtValue.substring(offset);
|
| | | oldNodeValue = txtValue.substring(0, offset);
|
| | | } else {
|
| | | offset = t[END_OFFSET];
|
| | | newNodeValue = txtValue.substring(0, offset);
|
| | | oldNodeValue = txtValue.substring(offset);
|
| | | }
|
| | |
|
| | | if (how != CLONE)
|
| | | n.nodeValue = oldNodeValue;
|
| | |
|
| | | if (how == DELETE)
|
| | | return;
|
| | |
|
| | | newNode = dom.clone(n, FALSE);
|
| | | newNode.nodeValue = newNodeValue;
|
| | |
|
| | | return newNode;
|
| | | }
|
| | |
|
| | | if (how == DELETE)
|
| | | return;
|
| | |
|
| | | return dom.clone(n, FALSE);
|
| | | };
|
| | |
|
| | | function _traverseFullySelected(n, how) {
|
| | | if (how != DELETE)
|
| | | return how == CLONE ? dom.clone(n, TRUE) : n;
|
| | |
|
| | | n.parentNode.removeChild(n);
|
| | | };
|
| | |
|
| | | function toStringIE() {
|
| | | return dom.create('body', null, cloneContents()).outerText;
|
| | | }
|
| | | |
| | | return t;
|
| | | };
|
| | |
|
| | | ns.Range = Range;
|
| | |
|
| | | // Older IE versions doesn't let you override toString by it's constructor so we have to stick it in the prototype
|
| | | Range.prototype.toString = function() {
|
| | | return this.toStringIE();
|
| | | };
|
| | | })(tinymce.dom);
|
| | |
|
| | | (function() {
|
| | | function Selection(selection) {
|
| | | var self = this, dom = selection.dom, TRUE = true, FALSE = false;
|
| | |
|
| | | function getPosition(rng, start) {
|
| | | var checkRng, startIndex = 0, endIndex, inside,
|
| | | children, child, offset, index, position = -1, parent;
|
| | |
|
| | | // Setup test range, collapse it and get the parent
|
| | | checkRng = rng.duplicate();
|
| | | checkRng.collapse(start);
|
| | | parent = checkRng.parentElement();
|
| | |
|
| | | // Check if the selection is within the right document
|
| | | if (parent.ownerDocument !== selection.dom.doc)
|
| | | return;
|
| | |
|
| | | // IE will report non editable elements as it's parent so look for an editable one
|
| | | while (parent.contentEditable === "false") {
|
| | | parent = parent.parentNode;
|
| | | }
|
| | |
|
| | | // If parent doesn't have any children then return that we are inside the element
|
| | | if (!parent.hasChildNodes()) {
|
| | | return {node : parent, inside : 1};
|
| | | }
|
| | |
|
| | | // Setup node list and endIndex
|
| | | children = parent.children;
|
| | | endIndex = children.length - 1;
|
| | |
|
| | | // Perform a binary search for the position
|
| | | while (startIndex <= endIndex) {
|
| | | index = Math.floor((startIndex + endIndex) / 2);
|
| | |
|
| | | // Move selection to node and compare the ranges
|
| | | child = children[index];
|
| | | checkRng.moveToElementText(child);
|
| | | position = checkRng.compareEndPoints(start ? 'StartToStart' : 'EndToEnd', rng);
|
| | |
|
| | | // Before/after or an exact match
|
| | | if (position > 0) {
|
| | | endIndex = index - 1;
|
| | | } else if (position < 0) {
|
| | | startIndex = index + 1;
|
| | | } else {
|
| | | return {node : child};
|
| | | }
|
| | | }
|
| | |
|
| | | // Check if child position is before or we didn't find a position
|
| | | if (position < 0) {
|
| | | // No element child was found use the parent element and the offset inside that
|
| | | if (!child) {
|
| | | checkRng.moveToElementText(parent);
|
| | | checkRng.collapse(true);
|
| | | child = parent;
|
| | | inside = true;
|
| | | } else
|
| | | checkRng.collapse(false);
|
| | |
|
| | | // 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
|
| | | // We need to walk char by char since rng.text or rng.htmlText will trim line endings
|
| | | offset = 0;
|
| | | while (checkRng.compareEndPoints(start ? 'StartToStart' : 'StartToEnd', rng) !== 0) {
|
| | | if (checkRng.move('character', 1) === 0 || parent != checkRng.parentElement()) {
|
| | | break;
|
| | | }
|
| | |
|
| | | offset++;
|
| | | }
|
| | | } else {
|
| | | // Child position is after the selection endpoint
|
| | | checkRng.collapse(true);
|
| | |
|
| | | // 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
|
| | | offset = 0;
|
| | | while (checkRng.compareEndPoints(start ? 'StartToStart' : 'StartToEnd', rng) !== 0) {
|
| | | if (checkRng.move('character', -1) === 0 || parent != checkRng.parentElement()) {
|
| | | break;
|
| | | }
|
| | |
|
| | | offset++;
|
| | | }
|
| | | }
|
| | |
|
| | | return {node : child, position : position, offset : offset, inside : inside};
|
| | | };
|
| | |
|
| | | // Returns a W3C DOM compatible range object by using the IE Range API
|
| | | function getRange() {
|
| | | var ieRange = selection.getRng(), domRange = dom.createRng(), element, collapsed, tmpRange, element2, bookmark, fail;
|
| | |
|
| | | // If selection is outside the current document just return an empty range
|
| | | element = ieRange.item ? ieRange.item(0) : ieRange.parentElement();
|
| | | if (element.ownerDocument != dom.doc)
|
| | | return domRange;
|
| | |
|
| | | collapsed = selection.isCollapsed();
|
| | |
|
| | | // Handle control selection
|
| | | if (ieRange.item) {
|
| | | domRange.setStart(element.parentNode, dom.nodeIndex(element));
|
| | | domRange.setEnd(domRange.startContainer, domRange.startOffset + 1);
|
| | |
|
| | | return domRange;
|
| | | }
|
| | |
|
| | | function findEndPoint(start) {
|
| | | var endPoint = getPosition(ieRange, start), container, offset, textNodeOffset = 0, sibling, undef, nodeValue;
|
| | |
|
| | | container = endPoint.node;
|
| | | offset = endPoint.offset;
|
| | |
|
| | | if (endPoint.inside && !container.hasChildNodes()) {
|
| | | domRange[start ? 'setStart' : 'setEnd'](container, 0);
|
| | | return;
|
| | | }
|
| | |
|
| | | if (offset === undef) {
|
| | | domRange[start ? 'setStartBefore' : 'setEndAfter'](container);
|
| | | return;
|
| | | }
|
| | |
|
| | | if (endPoint.position < 0) {
|
| | | sibling = endPoint.inside ? container.firstChild : container.nextSibling;
|
| | |
|
| | | if (!sibling) {
|
| | | domRange[start ? 'setStartAfter' : 'setEndAfter'](container);
|
| | | return;
|
| | | }
|
| | |
|
| | | if (!offset) {
|
| | | if (sibling.nodeType == 3)
|
| | | domRange[start ? 'setStart' : 'setEnd'](sibling, 0);
|
| | | else
|
| | | domRange[start ? 'setStartBefore' : 'setEndBefore'](sibling);
|
| | |
|
| | | return;
|
| | | }
|
| | |
|
| | | // Find the text node and offset
|
| | | while (sibling) {
|
| | | nodeValue = sibling.nodeValue;
|
| | | textNodeOffset += nodeValue.length;
|
| | |
|
| | | // We are at or passed the position we where looking for
|
| | | if (textNodeOffset >= offset) {
|
| | | container = sibling;
|
| | | textNodeOffset -= offset;
|
| | | textNodeOffset = nodeValue.length - textNodeOffset;
|
| | | break;
|
| | | }
|
| | |
|
| | | sibling = sibling.nextSibling;
|
| | | }
|
| | | } else {
|
| | | // Find the text node and offset
|
| | | sibling = container.previousSibling;
|
| | |
|
| | | if (!sibling)
|
| | | return domRange[start ? 'setStartBefore' : 'setEndBefore'](container);
|
| | |
|
| | | // If there isn't any text to loop then use the first position
|
| | | if (!offset) {
|
| | | if (container.nodeType == 3)
|
| | | domRange[start ? 'setStart' : 'setEnd'](sibling, container.nodeValue.length);
|
| | | else
|
| | | domRange[start ? 'setStartAfter' : 'setEndAfter'](sibling);
|
| | |
|
| | | return;
|
| | | }
|
| | |
|
| | | while (sibling) {
|
| | | textNodeOffset += sibling.nodeValue.length;
|
| | |
|
| | | // We are at or passed the position we where looking for
|
| | | if (textNodeOffset >= offset) {
|
| | | container = sibling;
|
| | | textNodeOffset -= offset;
|
| | | break;
|
| | | }
|
| | |
|
| | | sibling = sibling.previousSibling;
|
| | | }
|
| | | }
|
| | |
|
| | | domRange[start ? 'setStart' : 'setEnd'](container, textNodeOffset);
|
| | | };
|
| | |
|
| | | try {
|
| | | // Find start point
|
| | | findEndPoint(true);
|
| | |
|
| | | // Find end point if needed
|
| | | if (!collapsed)
|
| | | findEndPoint();
|
| | | } catch (ex) {
|
| | | // IE has a nasty bug where text nodes might throw "invalid argument" when you
|
| | | // access the nodeValue or other properties of text nodes. This seems to happend when
|
| | | // text nodes are split into two nodes by a delete/backspace call. So lets detect it and try to fix it.
|
| | | if (ex.number == -2147024809) {
|
| | | // Get the current selection
|
| | | bookmark = self.getBookmark(2);
|
| | |
|
| | | // Get start element
|
| | | tmpRange = ieRange.duplicate();
|
| | | tmpRange.collapse(true);
|
| | | element = tmpRange.parentElement();
|
| | |
|
| | | // Get end element
|
| | | if (!collapsed) {
|
| | | tmpRange = ieRange.duplicate();
|
| | | tmpRange.collapse(false);
|
| | | element2 = tmpRange.parentElement();
|
| | | element2.innerHTML = element2.innerHTML;
|
| | | }
|
| | |
|
| | | // Remove the broken elements
|
| | | element.innerHTML = element.innerHTML;
|
| | |
|
| | | // Restore the selection
|
| | | self.moveToBookmark(bookmark);
|
| | |
|
| | | // Since the range has moved we need to re-get it
|
| | | ieRange = selection.getRng();
|
| | |
|
| | | // Find start point
|
| | | findEndPoint(true);
|
| | |
|
| | | // Find end point if needed
|
| | | if (!collapsed)
|
| | | findEndPoint();
|
| | | } else
|
| | | throw ex; // Throw other errors
|
| | | }
|
| | |
|
| | | return domRange;
|
| | | };
|
| | |
|
| | | this.getBookmark = function(type) {
|
| | | var rng = selection.getRng(), start, end, bookmark = {};
|
| | |
|
| | | function getIndexes(node) {
|
| | | var parent, root, children, i, indexes = [];
|
| | |
|
| | | parent = node.parentNode;
|
| | | root = dom.getRoot().parentNode;
|
| | |
|
| | | while (parent != root && parent.nodeType !== 9) {
|
| | | children = parent.children;
|
| | |
|
| | | i = children.length;
|
| | | while (i--) {
|
| | | if (node === children[i]) {
|
| | | indexes.push(i);
|
| | | break;
|
| | | }
|
| | | }
|
| | |
|
| | | node = parent;
|
| | | parent = parent.parentNode;
|
| | | }
|
| | |
|
| | | return indexes;
|
| | | };
|
| | |
|
| | | function getBookmarkEndPoint(start) {
|
| | | var position;
|
| | |
|
| | | position = getPosition(rng, start);
|
| | | if (position) {
|
| | | return {
|
| | | position : position.position,
|
| | | offset : position.offset,
|
| | | indexes : getIndexes(position.node),
|
| | | inside : position.inside
|
| | | };
|
| | | }
|
| | | };
|
| | |
|
| | | // Non ubstructive bookmark
|
| | | if (type === 2) {
|
| | | // Handle text selection
|
| | | if (!rng.item) {
|
| | | bookmark.start = getBookmarkEndPoint(true);
|
| | |
|
| | | if (!selection.isCollapsed())
|
| | | bookmark.end = getBookmarkEndPoint();
|
| | | } else
|
| | | bookmark.start = {ctrl : true, indexes : getIndexes(rng.item(0))};
|
| | | }
|
| | |
|
| | | return bookmark;
|
| | | };
|
| | |
|
| | | this.moveToBookmark = function(bookmark) {
|
| | | var rng, body = dom.doc.body;
|
| | |
|
| | | function resolveIndexes(indexes) {
|
| | | var node, i, idx, children;
|
| | |
|
| | | node = dom.getRoot();
|
| | | for (i = indexes.length - 1; i >= 0; i--) {
|
| | | children = node.children;
|
| | | idx = indexes[i];
|
| | |
|
| | | if (idx <= children.length - 1) {
|
| | | node = children[idx];
|
| | | }
|
| | | }
|
| | |
|
| | | return node;
|
| | | };
|
| | | |
| | | function setBookmarkEndPoint(start) {
|
| | | var endPoint = bookmark[start ? 'start' : 'end'], moveLeft, moveRng, undef;
|
| | |
|
| | | if (endPoint) {
|
| | | moveLeft = endPoint.position > 0;
|
| | |
|
| | | moveRng = body.createTextRange();
|
| | | moveRng.moveToElementText(resolveIndexes(endPoint.indexes));
|
| | |
|
| | | offset = endPoint.offset;
|
| | | if (offset !== undef) {
|
| | | moveRng.collapse(endPoint.inside || moveLeft);
|
| | | moveRng.moveStart('character', moveLeft ? -offset : offset);
|
| | | } else
|
| | | moveRng.collapse(start);
|
| | |
|
| | | rng.setEndPoint(start ? 'StartToStart' : 'EndToStart', moveRng);
|
| | |
|
| | | if (start)
|
| | | rng.collapse(true);
|
| | | }
|
| | | };
|
| | |
|
| | | if (bookmark.start) {
|
| | | if (bookmark.start.ctrl) {
|
| | | rng = body.createControlRange();
|
| | | rng.addElement(resolveIndexes(bookmark.start.indexes));
|
| | | rng.select();
|
| | | } else {
|
| | | rng = body.createTextRange();
|
| | | setBookmarkEndPoint(true);
|
| | | setBookmarkEndPoint();
|
| | | rng.select();
|
| | | }
|
| | | }
|
| | | };
|
| | |
|
| | | this.addRange = function(rng) {
|
| | | var ieRng, ctrlRng, startContainer, startOffset, endContainer, endOffset, sibling,
|
| | | doc = selection.dom.doc, body = doc.body, nativeRng, ctrlElm;
|
| | |
|
| | | function setEndPoint(start) {
|
| | | var container, offset, marker, tmpRng, nodes;
|
| | |
|
| | | marker = dom.create('a');
|
| | | container = start ? startContainer : endContainer;
|
| | | offset = start ? startOffset : endOffset;
|
| | | tmpRng = ieRng.duplicate();
|
| | |
|
| | | if (container == doc || container == doc.documentElement) {
|
| | | container = body;
|
| | | offset = 0;
|
| | | }
|
| | |
|
| | | if (container.nodeType == 3) {
|
| | | container.parentNode.insertBefore(marker, container);
|
| | | tmpRng.moveToElementText(marker);
|
| | | tmpRng.moveStart('character', offset);
|
| | | dom.remove(marker);
|
| | | ieRng.setEndPoint(start ? 'StartToStart' : 'EndToEnd', tmpRng);
|
| | | } else {
|
| | | nodes = container.childNodes;
|
| | |
|
| | | if (nodes.length) {
|
| | | if (offset >= nodes.length) {
|
| | | dom.insertAfter(marker, nodes[nodes.length - 1]);
|
| | | } else {
|
| | | container.insertBefore(marker, nodes[offset]);
|
| | | }
|
| | |
|
| | | tmpRng.moveToElementText(marker);
|
| | | } else if (container.canHaveHTML) {
|
| | | // Empty node selection for example <div>|</div>
|
| | | // Setting innerHTML with a span marker then remove that marker seems to keep empty block elements open
|
| | | container.innerHTML = '<span>\uFEFF</span>';
|
| | | marker = container.firstChild;
|
| | | tmpRng.moveToElementText(marker);
|
| | | tmpRng.collapse(FALSE); // Collapse false works better than true for some odd reason
|
| | | }
|
| | |
|
| | | ieRng.setEndPoint(start ? 'StartToStart' : 'EndToEnd', tmpRng);
|
| | | dom.remove(marker);
|
| | | }
|
| | | }
|
| | |
|
| | | // Setup some shorter versions
|
| | | startContainer = rng.startContainer;
|
| | | startOffset = rng.startOffset;
|
| | | endContainer = rng.endContainer;
|
| | | endOffset = rng.endOffset;
|
| | | ieRng = body.createTextRange();
|
| | |
|
| | | // If single element selection then try making a control selection out of it
|
| | | if (startContainer == endContainer && startContainer.nodeType == 1) {
|
| | | // Trick to place the caret inside an empty block element like <p></p>
|
| | | if (startOffset == endOffset && !startContainer.hasChildNodes()) {
|
| | | if (startContainer.canHaveHTML) {
|
| | | // Check if previous sibling is an empty block if it is then we need to render it
|
| | | // IE would otherwise move the caret into the sibling instead of the empty startContainer see: #5236
|
| | | // Example this: <p></p><p>|</p> would become this: <p>|</p><p></p>
|
| | | sibling = startContainer.previousSibling;
|
| | | if (sibling && !sibling.hasChildNodes() && dom.isBlock(sibling)) {
|
| | | sibling.innerHTML = '\uFEFF';
|
| | | } else {
|
| | | sibling = null;
|
| | | }
|
| | |
|
| | | startContainer.innerHTML = '<span>\uFEFF</span><span>\uFEFF</span>';
|
| | | ieRng.moveToElementText(startContainer.lastChild);
|
| | | ieRng.select();
|
| | | dom.doc.selection.clear();
|
| | | startContainer.innerHTML = '';
|
| | |
|
| | | if (sibling) {
|
| | | sibling.innerHTML = '';
|
| | | }
|
| | | return;
|
| | | } else {
|
| | | startOffset = dom.nodeIndex(startContainer);
|
| | | startContainer = startContainer.parentNode;
|
| | | }
|
| | | }
|
| | |
|
| | | if (startOffset == endOffset - 1) {
|
| | | try {
|
| | | ctrlElm = startContainer.childNodes[startOffset];
|
| | | ctrlRng = body.createControlRange();
|
| | | ctrlRng.addElement(ctrlElm);
|
| | | ctrlRng.select();
|
| | |
|
| | | // Check if the range produced is on the correct element and is a control range
|
| | | // On IE 8 it will select the parent contentEditable container if you select an inner element see: #5398
|
| | | nativeRng = selection.getRng();
|
| | | if (nativeRng.item && ctrlElm === nativeRng.item(0)) {
|
| | | return;
|
| | | }
|
| | | } catch (ex) {
|
| | | // Ignore
|
| | | }
|
| | | }
|
| | | }
|
| | |
|
| | | // Set start/end point of selection
|
| | | setEndPoint(true);
|
| | | setEndPoint();
|
| | |
|
| | | // Select the new range and scroll it into view
|
| | | ieRng.select();
|
| | | };
|
| | |
|
| | | // Expose range method
|
| | | this.getRangeAt = getRange;
|
| | | };
|
| | |
|
| | | // Expose the selection object
|
| | | tinymce.dom.TridentSelection = Selection;
|
| | | })();
|
| | |
|
| | |
|
| | | /*
|
| | | * Sizzle CSS Selector Engine
|
| | | * Copyright, The Dojo Foundation
|
| | | * Released under the MIT, BSD, and GPL Licenses.
|
| | | * More information: http://sizzlejs.com/
|
| | | */
|
| | | (function(){
|
| | |
|
| | | var chunker = /((?:\((?:\([^()]+\)|[^()]+)+\)|\[(?:\[[^\[\]]*\]|['"][^'"]*['"]|[^\[\]'"]+)+\]|\\.|[^ >+~,(\[\\]+)+|[>+~])(\s*,\s*)?((?:.|\r|\n)*)/g,
|
| | | expando = "sizcache",
|
| | | done = 0,
|
| | | toString = Object.prototype.toString,
|
| | | hasDuplicate = false,
|
| | | baseHasDuplicate = true,
|
| | | rBackslash = /\\/g,
|
| | | rReturn = /\r\n/g,
|
| | | rNonWord = /\W/;
|
| | |
|
| | | // Here we check if the JavaScript engine is using some sort of
|
| | | // optimization where it does not always call our comparision
|
| | | // function. If that is the case, discard the hasDuplicate value.
|
| | | // Thus far that includes Google Chrome.
|
| | | [0, 0].sort(function() {
|
| | | baseHasDuplicate = false;
|
| | | return 0;
|
| | | });
|
| | |
|
| | | var Sizzle = function( selector, context, results, seed ) {
|
| | | results = results || [];
|
| | | context = context || document;
|
| | |
|
| | | var origContext = context;
|
| | |
|
| | | if ( context.nodeType !== 1 && context.nodeType !== 9 ) {
|
| | | return [];
|
| | | }
|
| | |
|
| | | if ( !selector || typeof selector !== "string" ) {
|
| | | return results;
|
| | | }
|
| | |
|
| | | var m, set, checkSet, extra, ret, cur, pop, i,
|
| | | prune = true,
|
| | | contextXML = Sizzle.isXML( context ),
|
| | | parts = [],
|
| | | soFar = selector;
|
| | |
|
| | | // Reset the position of the chunker regexp (start from head)
|
| | | do {
|
| | | chunker.exec( "" );
|
| | | m = chunker.exec( soFar );
|
| | |
|
| | | if ( m ) {
|
| | | soFar = m[3];
|
| | |
|
| | | parts.push( m[1] );
|
| | |
|
| | | if ( m[2] ) {
|
| | | extra = m[3];
|
| | | break;
|
| | | }
|
| | | }
|
| | | } while ( m );
|
| | |
|
| | | if ( parts.length > 1 && origPOS.exec( selector ) ) {
|
| | |
|
| | | if ( parts.length === 2 && Expr.relative[ parts[0] ] ) {
|
| | | set = posProcess( parts[0] + parts[1], context, seed );
|
| | |
|
| | | } else {
|
| | | set = Expr.relative[ parts[0] ] ?
|
| | | [ context ] :
|
| | | Sizzle( parts.shift(), context );
|
| | |
|
| | | while ( parts.length ) {
|
| | | selector = parts.shift();
|
| | |
|
| | | if ( Expr.relative[ selector ] ) {
|
| | | selector += parts.shift();
|
| | | }
|
| | |
|
| | | set = posProcess( selector, set, seed );
|
| | | }
|
| | | }
|
| | |
|
| | | } else {
|
| | | // Take a shortcut and set the context if the root selector is an ID
|
| | | // (but not if it'll be faster if the inner selector is an ID)
|
| | | if ( !seed && parts.length > 1 && context.nodeType === 9 && !contextXML &&
|
| | | Expr.match.ID.test(parts[0]) && !Expr.match.ID.test(parts[parts.length - 1]) ) {
|
| | |
|
| | | ret = Sizzle.find( parts.shift(), context, contextXML );
|
| | | context = ret.expr ?
|
| | | Sizzle.filter( ret.expr, ret.set )[0] :
|
| | | ret.set[0];
|
| | | }
|
| | |
|
| | | if ( context ) {
|
| | | ret = seed ?
|
| | | { expr: parts.pop(), set: makeArray(seed) } :
|
| | | Sizzle.find( parts.pop(), parts.length === 1 && (parts[0] === "~" || parts[0] === "+") && context.parentNode ? context.parentNode : context, contextXML );
|
| | |
|
| | | set = ret.expr ?
|
| | | Sizzle.filter( ret.expr, ret.set ) :
|
| | | ret.set;
|
| | |
|
| | | if ( parts.length > 0 ) {
|
| | | checkSet = makeArray( set );
|
| | |
|
| | | } else {
|
| | | prune = false;
|
| | | }
|
| | |
|
| | | while ( parts.length ) {
|
| | | cur = parts.pop();
|
| | | pop = cur;
|
| | |
|
| | | if ( !Expr.relative[ cur ] ) {
|
| | | cur = "";
|
| | | } else {
|
| | | pop = parts.pop();
|
| | | }
|
| | |
|
| | | if ( pop == null ) {
|
| | | pop = context;
|
| | | }
|
| | |
|
| | | Expr.relative[ cur ]( checkSet, pop, contextXML );
|
| | | }
|
| | |
|
| | | } else {
|
| | | checkSet = parts = [];
|
| | | }
|
| | | }
|
| | |
|
| | | };
|
| | | if ( !checkSet ) {
|
| | | checkSet = set;
|
| | | }
|
| | |
|
| | | /* file:jscripts/tiny_mce/classes/TinyMCE_Cleanup.class.js */
|
| | | if ( !checkSet ) {
|
| | | Sizzle.error( cur || selector );
|
| | | }
|
| | |
|
| | | tinyMCE.add(TinyMCE_Engine, {
|
| | | cleanupHTMLCode : function(s) {
|
| | | s = s.replace(new RegExp('<p \\/>', 'gi'), '<p> </p>');
|
| | | s = s.replace(new RegExp('<p>\\s*<\\/p>', 'gi'), '<p> </p>');
|
| | | if ( toString.call(checkSet) === "[object Array]" ) {
|
| | | if ( !prune ) {
|
| | | results.push.apply( results, checkSet );
|
| | |
|
| | | // Fix close BR elements
|
| | | s = s.replace(new RegExp('<br>\\s*<\\/br>', 'gi'), '<br />');
|
| | |
|
| | | // Open closed tags like <b/> to <b></b>
|
| | | s = s.replace(new RegExp('<(h[1-6]|p|div|address|pre|form|table|li|ol|ul|td|b|font|em|strong|i|strike|u|span|a|ul|ol|li|blockquote)([a-z]*)([^\\\\|>]*)\\/>', 'gi'), '<$1$2$3></$1$2>');
|
| | |
|
| | | // Remove trailing space <b > to <b>
|
| | | s = s.replace(new RegExp('\\s+></', 'gi'), '></');
|
| | |
|
| | | // Close tags <img></img> to <img/>
|
| | | s = s.replace(new RegExp('<(img|br|hr)([^>]*)><\\/(img|br|hr)>', 'gi'), '<$1$2 />');
|
| | |
|
| | | // Weird MSIE bug, <p><hr /></p> breaks runtime?
|
| | | if (tinyMCE.isIE)
|
| | | s = s.replace(new RegExp('<p><hr \\/><\\/p>', 'gi'), "<hr>");
|
| | |
|
| | | // Weird tags will make IE error #bug: 1538495
|
| | | if (tinyMCE.isIE)
|
| | | s = s.replace(/<!(\s*)\/>/g, '');
|
| | |
|
| | | // Convert relative anchors to absolute URLs ex: #something to file.htm#something
|
| | | // Removed: Since local document anchors should never be forced absolute example edit.php?id=something
|
| | | //if (tinyMCE.getParam('convert_urls'))
|
| | | // s = s.replace(new RegExp('(href=\"{0,1})(\\s*#)', 'gi'), '$1' + tinyMCE.settings.document_base_url + "#");
|
| | |
|
| | | return s;
|
| | | },
|
| | |
|
| | | parseStyle : function(str) {
|
| | | var ar = [], st, i, re, pa;
|
| | |
|
| | | if (str == null)
|
| | | return ar;
|
| | |
|
| | | st = str.split(';');
|
| | |
|
| | | tinyMCE.clearArray(ar);
|
| | |
|
| | | for (i=0; i<st.length; i++) {
|
| | | if (st[i] == '')
|
| | | continue;
|
| | |
|
| | | re = new RegExp('^\\s*([^:]*):\\s*(.*)\\s*$');
|
| | | pa = st[i].replace(re, '$1||$2').split('||');
|
| | | //tinyMCE.debug(str, pa[0] + "=" + pa[1], st[i].replace(re, '$1||$2'));
|
| | | if (pa.length == 2)
|
| | | ar[pa[0].toLowerCase()] = pa[1];
|
| | | }
|
| | |
|
| | | return ar;
|
| | | },
|
| | |
|
| | | compressStyle : function(ar, pr, sf, res) {
|
| | | var box = [], i, a;
|
| | |
|
| | | box[0] = ar[pr + '-top' + sf];
|
| | | box[1] = ar[pr + '-left' + sf];
|
| | | box[2] = ar[pr + '-right' + sf];
|
| | | box[3] = ar[pr + '-bottom' + sf];
|
| | |
|
| | | for (i=0; i<box.length; i++) {
|
| | | if (box[i] == null)
|
| | | return;
|
| | |
|
| | | for (a=0; a<box.length; a++) {
|
| | | if (box[a] != box[i])
|
| | | return;
|
| | | }
|
| | | }
|
| | |
|
| | | // They are all the same
|
| | | ar[res] = box[0];
|
| | | ar[pr + '-top' + sf] = null;
|
| | | ar[pr + '-left' + sf] = null;
|
| | | ar[pr + '-right' + sf] = null;
|
| | | ar[pr + '-bottom' + sf] = null;
|
| | | },
|
| | |
|
| | | serializeStyle : function(ar) {
|
| | | var str = "", key, val, m;
|
| | |
|
| | | // Compress box
|
| | | tinyMCE.compressStyle(ar, "border", "", "border");
|
| | | tinyMCE.compressStyle(ar, "border", "-width", "border-width");
|
| | | tinyMCE.compressStyle(ar, "border", "-color", "border-color");
|
| | | tinyMCE.compressStyle(ar, "border", "-style", "border-style");
|
| | | tinyMCE.compressStyle(ar, "padding", "", "padding");
|
| | | tinyMCE.compressStyle(ar, "margin", "", "margin");
|
| | |
|
| | | for (key in ar) {
|
| | | val = ar[key];
|
| | |
|
| | | if (typeof(val) == 'function')
|
| | | continue;
|
| | |
|
| | | if (key.indexOf('mso-') == 0)
|
| | | continue;
|
| | |
|
| | | if (val != null && val !== '') {
|
| | | val = '' + val; // Force string
|
| | |
|
| | | // Fix style URL
|
| | | val = val.replace(new RegExp("url\\(\\'?([^\\']*)\\'?\\)", 'gi'), "url('$1')");
|
| | |
|
| | | // Convert URL
|
| | | if (val.indexOf('url(') != -1 && tinyMCE.getParam('convert_urls')) {
|
| | | m = new RegExp("url\\('(.*?)'\\)").exec(val);
|
| | |
|
| | | if (m.length > 1)
|
| | | val = "url('" + eval(tinyMCE.getParam('urlconverter_callback') + "(m[1], null, true);") + "')";
|
| | | } else if ( context && context.nodeType === 1 ) {
|
| | | for ( i = 0; checkSet[i] != null; i++ ) {
|
| | | if ( checkSet[i] && (checkSet[i] === true || checkSet[i].nodeType === 1 && Sizzle.contains(context, checkSet[i])) ) {
|
| | | results.push( set[i] );
|
| | | }
|
| | | }
|
| | |
|
| | | // Force HEX colors
|
| | | if (tinyMCE.getParam("force_hex_style_colors"))
|
| | | val = tinyMCE.convertRGBToHex(val, true);
|
| | |
|
| | | val = val.replace(/\"/g, '\'');
|
| | |
|
| | | if (val != "url('')")
|
| | | str += key.toLowerCase() + ": " + val + "; ";
|
| | | } else {
|
| | | for ( i = 0; checkSet[i] != null; i++ ) {
|
| | | if ( checkSet[i] && checkSet[i].nodeType === 1 ) {
|
| | | results.push( set[i] );
|
| | | }
|
| | | }
|
| | | }
|
| | |
|
| | | if (new RegExp('; $').test(str))
|
| | | str = str.substring(0, str.length - 2);
|
| | | } else {
|
| | | makeArray( checkSet, results );
|
| | | }
|
| | |
|
| | | return str;
|
| | | },
|
| | | if ( extra ) {
|
| | | Sizzle( extra, origContext, results, seed );
|
| | | Sizzle.uniqueSort( results );
|
| | | }
|
| | |
|
| | | convertRGBToHex : function(s, k) {
|
| | | var re, rgb;
|
| | | return results;
|
| | | };
|
| | |
|
| | | if (s.toLowerCase().indexOf('rgb') != -1) {
|
| | | re = new RegExp("(.*?)rgb\\s*?\\(\\s*?([0-9]+).*?,\\s*?([0-9]+).*?,\\s*?([0-9]+).*?\\)(.*?)", "gi");
|
| | | rgb = s.replace(re, "$1,$2,$3,$4,$5").split(',');
|
| | | Sizzle.uniqueSort = function( results ) {
|
| | | if ( sortOrder ) {
|
| | | hasDuplicate = baseHasDuplicate;
|
| | | results.sort( sortOrder );
|
| | |
|
| | | if (rgb.length == 5) {
|
| | | r = parseInt(rgb[1]).toString(16);
|
| | | g = parseInt(rgb[2]).toString(16);
|
| | | b = parseInt(rgb[3]).toString(16);
|
| | |
|
| | | r = r.length == 1 ? '0' + r : r;
|
| | | g = g.length == 1 ? '0' + g : g;
|
| | | b = b.length == 1 ? '0' + b : b;
|
| | |
|
| | | s = "#" + r + g + b;
|
| | |
|
| | | if (k)
|
| | | s = rgb[0] + s + rgb[4];
|
| | | if ( hasDuplicate ) {
|
| | | for ( var i = 1; i < results.length; i++ ) {
|
| | | if ( results[i] === results[ i - 1 ] ) {
|
| | | results.splice( i--, 1 );
|
| | | }
|
| | | }
|
| | | }
|
| | | }
|
| | |
|
| | | return s;
|
| | | },
|
| | | return results;
|
| | | };
|
| | |
|
| | | convertHexToRGB : function(s) {
|
| | | if (s.indexOf('#') != -1) {
|
| | | s = s.replace(new RegExp('[^0-9A-F]', 'gi'), '');
|
| | | return "rgb(" + parseInt(s.substring(0, 2), 16) + "," + parseInt(s.substring(2, 4), 16) + "," + parseInt(s.substring(4, 6), 16) + ")";
|
| | | }
|
| | | Sizzle.matches = function( expr, set ) {
|
| | | return Sizzle( expr, null, null, set );
|
| | | };
|
| | |
|
| | | return s;
|
| | | },
|
| | | Sizzle.matchesSelector = function( node, expr ) {
|
| | | return Sizzle( expr, null, null, [node] ).length > 0;
|
| | | };
|
| | |
|
| | | convertSpansToFonts : function(doc) {
|
| | | var s, i, size, fSize, x, fFace, fColor, sizes = tinyMCE.getParam('font_size_style_values').replace(/\s+/, '').split(',');
|
| | | Sizzle.find = function( expr, context, isXML ) {
|
| | | var set, i, len, match, type, left;
|
| | |
|
| | | s = tinyMCE.selectElements(doc, 'span,font');
|
| | | for (i=0; i<s.length; i++) {
|
| | | size = tinyMCE.trim(s[i].style.fontSize).toLowerCase();
|
| | | fSize = 0;
|
| | | if ( !expr ) {
|
| | | return [];
|
| | | }
|
| | |
|
| | | for (x=0; x<sizes.length; x++) {
|
| | | if (sizes[x] == size) {
|
| | | fSize = x + 1;
|
| | | for ( i = 0, len = Expr.order.length; i < len; i++ ) {
|
| | | type = Expr.order[i];
|
| | |
|
| | | if ( (match = Expr.leftMatch[ type ].exec( expr )) ) {
|
| | | left = match[1];
|
| | | match.splice( 1, 1 );
|
| | |
|
| | | if ( left.substr( left.length - 1 ) !== "\\" ) {
|
| | | match[1] = (match[1] || "").replace( rBackslash, "" );
|
| | | set = Expr.find[ type ]( match, context, isXML );
|
| | |
|
| | | if ( set != null ) {
|
| | | expr = expr.replace( Expr.match[ type ], "" );
|
| | | break;
|
| | | }
|
| | | }
|
| | |
|
| | | if (fSize > 0) {
|
| | | tinyMCE.setAttrib(s[i], 'size', fSize);
|
| | | s[i].style.fontSize = '';
|
| | | }
|
| | |
|
| | | fFace = s[i].style.fontFamily;
|
| | | if (fFace != null && fFace !== '') {
|
| | | tinyMCE.setAttrib(s[i], 'face', fFace);
|
| | | s[i].style.fontFamily = '';
|
| | | }
|
| | |
|
| | | fColor = s[i].style.color;
|
| | | if (fColor != null && fColor !== '') {
|
| | | tinyMCE.setAttrib(s[i], 'color', tinyMCE.convertRGBToHex(fColor));
|
| | | s[i].style.color = '';
|
| | | }
|
| | | }
|
| | | },
|
| | |
|
| | | convertFontsToSpans : function(doc) {
|
| | | var fsClasses, s, i, fSize, fFace, fColor, sizes = tinyMCE.getParam('font_size_style_values').replace(/\s+/, '').split(',');
|
| | |
|
| | | fsClasses = tinyMCE.getParam('font_size_classes');
|
| | | if (fsClasses !== '')
|
| | | fsClasses = fsClasses.replace(/\s+/, '').split(',');
|
| | | else
|
| | | fsClasses = null;
|
| | |
|
| | | s = tinyMCE.selectElements(doc, 'span,font');
|
| | | for (i=0; i<s.length; i++) {
|
| | | fSize = tinyMCE.getAttrib(s[i], 'size');
|
| | | fFace = tinyMCE.getAttrib(s[i], 'face');
|
| | | fColor = tinyMCE.getAttrib(s[i], 'color');
|
| | |
|
| | | if (fSize !== '') {
|
| | | fSize = parseInt(fSize);
|
| | |
|
| | | if (fSize > 0 && fSize < 8) {
|
| | | if (fsClasses != null)
|
| | | tinyMCE.setAttrib(s[i], 'class', fsClasses[fSize-1]);
|
| | | else
|
| | | s[i].style.fontSize = sizes[fSize-1];
|
| | | }
|
| | |
|
| | | s[i].removeAttribute('size');
|
| | | }
|
| | |
|
| | | if (fFace !== '') {
|
| | | s[i].style.fontFamily = fFace;
|
| | | s[i].removeAttribute('face');
|
| | | }
|
| | |
|
| | | if (fColor !== '') {
|
| | | s[i].style.color = fColor;
|
| | | s[i].removeAttribute('color');
|
| | | }
|
| | | }
|
| | | },
|
| | |
|
| | | cleanupAnchors : function(doc) {
|
| | | var i, cn, x, an = doc.getElementsByTagName("a");
|
| | |
|
| | | // Loops backwards due to bug #1467987
|
| | | for (i=an.length-1; i>=0; i--) {
|
| | | if (tinyMCE.getAttrib(an[i], "name") !== '' && tinyMCE.getAttrib(an[i], "href") == '') {
|
| | | cn = an[i].childNodes;
|
| | |
|
| | | for (x=cn.length-1; x>=0; x--)
|
| | | tinyMCE.insertAfter(cn[x], an[i]);
|
| | | }
|
| | | }
|
| | | },
|
| | |
|
| | | getContent : function(editor_id) {
|
| | | if (typeof(editor_id) != "undefined")
|
| | | tinyMCE.getInstanceById(editor_id).select();
|
| | |
|
| | | if (tinyMCE.selectedInstance)
|
| | | return tinyMCE.selectedInstance.getHTML();
|
| | |
|
| | | return null;
|
| | | },
|
| | |
|
| | | _fixListElements : function(d) {
|
| | | var nl, x, a = ['ol', 'ul'], i, n, p, r = new RegExp('^(OL|UL)$'), np;
|
| | |
|
| | | for (x=0; x<a.length; x++) {
|
| | | nl = d.getElementsByTagName(a[x]);
|
| | |
|
| | | for (i=0; i<nl.length; i++) {
|
| | | n = nl[i];
|
| | | p = n.parentNode;
|
| | |
|
| | | if (r.test(p.nodeName)) {
|
| | | np = tinyMCE.prevNode(n, 'LI');
|
| | |
|
| | | if (!np) {
|
| | | np = d.createElement('li');
|
| | | np.innerHTML = ' ';
|
| | | np.appendChild(n);
|
| | | p.insertBefore(np, p.firstChild);
|
| | | } else
|
| | | np.appendChild(n);
|
| | | }
|
| | | }
|
| | | }
|
| | | },
|
| | |
|
| | | _fixTables : function(d) {
|
| | | var nl, i, n, p, np, x, t;
|
| | |
|
| | | nl = d.getElementsByTagName('table');
|
| | | for (i=0; i<nl.length; i++) {
|
| | | n = nl[i];
|
| | |
|
| | | if ((p = tinyMCE.getParentElement(n, 'p,h1,h2,h3,h4,h5,h6')) != null) {
|
| | | np = p.cloneNode(false);
|
| | | np.removeAttribute('id');
|
| | |
|
| | | t = n;
|
| | |
|
| | | while ((n = n.nextSibling))
|
| | | np.appendChild(n);
|
| | |
|
| | | tinyMCE.insertAfter(np, p);
|
| | | tinyMCE.insertAfter(t, p);
|
| | | }
|
| | | }
|
| | | },
|
| | |
|
| | | _cleanupHTML : function(inst, doc, config, elm, visual, on_save, on_submit, inn) {
|
| | | var h, d, t1, t2, t3, t4, t5, c, s, nb;
|
| | |
|
| | | if (!tinyMCE.getParam('cleanup'))
|
| | | return elm.innerHTML;
|
| | |
|
| | | on_save = typeof(on_save) == 'undefined' ? false : on_save;
|
| | |
|
| | | c = inst.cleanup;
|
| | | s = inst.settings;
|
| | | d = c.settings.debug;
|
| | |
|
| | | if (d)
|
| | | t1 = new Date().getTime();
|
| | |
|
| | | inst._fixRootBlocks();
|
| | |
|
| | | if (tinyMCE.getParam("convert_fonts_to_spans"))
|
| | | tinyMCE.convertFontsToSpans(doc);
|
| | |
|
| | | if (tinyMCE.getParam("fix_list_elements"))
|
| | | tinyMCE._fixListElements(doc);
|
| | |
|
| | | if (tinyMCE.getParam("fix_table_elements"))
|
| | | tinyMCE._fixTables(doc);
|
| | |
|
| | | // Call custom cleanup code
|
| | | tinyMCE._customCleanup(inst, on_save ? "get_from_editor_dom" : "insert_to_editor_dom", doc.body);
|
| | |
|
| | | if (d)
|
| | | t2 = new Date().getTime();
|
| | |
|
| | | c.settings.on_save = on_save;
|
| | |
|
| | | c.idCount = 0;
|
| | | c.serializationId = new Date().getTime().toString(32); // Unique ID needed for the content duplication bug
|
| | | c.serializedNodes = [];
|
| | | c.sourceIndex = -1;
|
| | |
|
| | | if (s.cleanup_serializer == "xml")
|
| | | h = c.serializeNodeAsXML(elm, inn);
|
| | | else
|
| | | h = c.serializeNodeAsHTML(elm, inn);
|
| | |
|
| | | if (d)
|
| | | t3 = new Date().getTime();
|
| | |
|
| | | // Post processing
|
| | | nb = tinyMCE.getParam('entity_encoding') == 'numeric' ? ' ' : ' ';
|
| | | h = h.replace(/<\/?(body|head|html)[^>]*>/gi, '');
|
| | | h = h.replace(new RegExp(' (rowspan="1"|colspan="1")', 'g'), '');
|
| | | h = h.replace(/<p><hr \/><\/p>/g, '<hr />');
|
| | | h = h.replace(/<p>( | )<\/p><hr \/><p>( | )<\/p>/g, '<hr />');
|
| | | h = h.replace(/<td>\s*<br \/>\s*<\/td>/g, '<td>' + nb + '</td>');
|
| | | h = h.replace(/<p>\s*<br \/>\s*<\/p>/g, '<p>' + nb + '</p>');
|
| | | h = h.replace(/<br \/>$/, ''); // Remove last BR for Gecko
|
| | | h = h.replace(/<br \/><\/p>/g, '</p>'); // Remove last BR in P tags for Gecko
|
| | | h = h.replace(/<p>\s*( | )\s*<br \/>\s*( | )\s*<\/p>/g, '<p>' + nb + '</p>');
|
| | | h = h.replace(/<p>\s*( | )\s*<br \/>\s*<\/p>/g, '<p>' + nb + '</p>');
|
| | | h = h.replace(/<p>\s*<br \/>\s* \s*<\/p>/g, '<p>' + nb + '</p>');
|
| | | h = h.replace(new RegExp('<a>(.*?)<\\/a>', 'g'), '$1');
|
| | | h = h.replace(/<p([^>]*)>\s*<\/p>/g, '<p$1>' + nb + '</p>');
|
| | |
|
| | | // Clean body
|
| | | if (/^\s*(<br \/>|<p> <\/p>|<p> <\/p>|<p><\/p>)\s*$/.test(h))
|
| | | h = '';
|
| | |
|
| | | // If preformatted
|
| | | if (s.preformatted) {
|
| | | h = h.replace(/^<pre>/, '');
|
| | | h = h.replace(/<\/pre>$/, '');
|
| | | h = '<pre>' + h + '</pre>';
|
| | | }
|
| | |
|
| | | // Gecko specific processing
|
| | | if (tinyMCE.isGecko) {
|
| | | // Makes no sence but FF generates it!!
|
| | | h = h.replace(/<br \/>\s*<\/li>/g, '</li>');
|
| | | h = h.replace(/ \s*<\/(dd|dt)>/g, '</$1>');
|
| | | h = h.replace(/<o:p _moz-userdefined="" \/>/g, '');
|
| | | h = h.replace(/<td([^>]*)>\s*<br \/>\s*<\/td>/g, '<td$1>' + nb + '</td>');
|
| | | }
|
| | |
|
| | | if (s.force_br_newlines)
|
| | | h = h.replace(/<p>( | )<\/p>/g, '<br />');
|
| | |
|
| | | // Call custom cleanup code
|
| | | h = tinyMCE._customCleanup(inst, on_save ? "get_from_editor" : "insert_to_editor", h);
|
| | |
|
| | | // Remove internal classes
|
| | | if (on_save) {
|
| | | h = h.replace(new RegExp(' ?(mceItem[a-zA-Z0-9]*|' + s.visual_table_class + ')', 'g'), '');
|
| | | h = h.replace(new RegExp(' ?class=""', 'g'), '');
|
| | | }
|
| | |
|
| | | if (s.remove_linebreaks && !c.settings.indent)
|
| | | h = h.replace(/\n|\r/g, ' ');
|
| | |
|
| | | if (d)
|
| | | t4 = new Date().getTime();
|
| | |
|
| | | if (on_save && c.settings.indent)
|
| | | h = c.formatHTML(h);
|
| | |
|
| | | // If encoding (not recommended option)
|
| | | if (on_submit && (s.encoding == "xml" || s.encoding == "html"))
|
| | | h = c.xmlEncode(h);
|
| | |
|
| | | if (d)
|
| | | t5 = new Date().getTime();
|
| | |
|
| | | if (c.settings.debug)
|
| | | tinyMCE.debug("Cleanup in ms: Pre=" + (t2-t1) + ", Serialize: " + (t3-t2) + ", Post: " + (t4-t3) + ", Format: " + (t5-t4) + ", Sum: " + (t5-t1) + ".");
|
| | |
|
| | | return h;
|
| | | }
|
| | | });
|
| | |
|
| | | function TinyMCE_Cleanup() {
|
| | | this.isIE = (navigator.appName == "Microsoft Internet Explorer");
|
| | | this.rules = tinyMCE.clearArray([]);
|
| | | if ( !set ) {
|
| | | set = typeof context.getElementsByTagName !== "undefined" ?
|
| | | context.getElementsByTagName( "*" ) :
|
| | | [];
|
| | | }
|
| | |
|
| | | // Default config
|
| | | this.settings = {
|
| | | indent_elements : 'head,table,tbody,thead,tfoot,form,tr,ul,ol,blockquote,object',
|
| | | newline_before_elements : 'h1,h2,h3,h4,h5,h6,pre,address,div,ul,ol,li,meta,option,area,title,link,base,script,td',
|
| | | newline_after_elements : 'br,hr,p,pre,address,div,ul,ol,meta,option,area,link,base,script',
|
| | | newline_before_after_elements : 'html,head,body,table,thead,tbody,tfoot,tr,form,ul,ol,blockquote,p,object,param,hr,div',
|
| | | indent_char : '\t',
|
| | | indent_levels : 1,
|
| | | entity_encoding : 'raw',
|
| | | valid_elements : '*[*]',
|
| | | entities : '',
|
| | | url_converter : '',
|
| | | invalid_elements : '',
|
| | | verify_html : false
|
| | | return { set: set, expr: expr };
|
| | | };
|
| | |
|
| | | Sizzle.filter = function( expr, set, inplace, not ) {
|
| | | var match, anyFound,
|
| | | type, found, item, filter, left,
|
| | | i, pass,
|
| | | old = expr,
|
| | | result = [],
|
| | | curLoop = set,
|
| | | isXMLFilter = set && set[0] && Sizzle.isXML( set[0] );
|
| | |
|
| | | while ( expr && set.length ) {
|
| | | for ( type in Expr.filter ) {
|
| | | if ( (match = Expr.leftMatch[ type ].exec( expr )) != null && match[2] ) {
|
| | | filter = Expr.filter[ type ];
|
| | | left = match[1];
|
| | |
|
| | | anyFound = false;
|
| | |
|
| | | match.splice(1,1);
|
| | |
|
| | | if ( left.substr( left.length - 1 ) === "\\" ) {
|
| | | continue;
|
| | | }
|
| | |
|
| | | if ( curLoop === result ) {
|
| | | result = [];
|
| | | }
|
| | |
|
| | | if ( Expr.preFilter[ type ] ) {
|
| | | match = Expr.preFilter[ type ]( match, curLoop, inplace, result, not, isXMLFilter );
|
| | |
|
| | | if ( !match ) {
|
| | | anyFound = found = true;
|
| | |
|
| | | } else if ( match === true ) {
|
| | | continue;
|
| | | }
|
| | | }
|
| | |
|
| | | if ( match ) {
|
| | | for ( i = 0; (item = curLoop[i]) != null; i++ ) {
|
| | | if ( item ) {
|
| | | found = filter( item, match, i, curLoop );
|
| | | pass = not ^ found;
|
| | |
|
| | | if ( inplace && found != null ) {
|
| | | if ( pass ) {
|
| | | anyFound = true;
|
| | |
|
| | | } else {
|
| | | curLoop[i] = false;
|
| | | }
|
| | |
|
| | | } else if ( pass ) {
|
| | | result.push( item );
|
| | | anyFound = true;
|
| | | }
|
| | | }
|
| | | }
|
| | | }
|
| | |
|
| | | if ( found !== undefined ) {
|
| | | if ( !inplace ) {
|
| | | curLoop = result;
|
| | | }
|
| | |
|
| | | expr = expr.replace( Expr.match[ type ], "" );
|
| | |
|
| | | if ( !anyFound ) {
|
| | | return [];
|
| | | }
|
| | |
|
| | | break;
|
| | | }
|
| | | }
|
| | | }
|
| | |
|
| | | // Improper expression
|
| | | if ( expr === old ) {
|
| | | if ( anyFound == null ) {
|
| | | Sizzle.error( expr );
|
| | |
|
| | | } else {
|
| | | break;
|
| | | }
|
| | | }
|
| | |
|
| | | old = expr;
|
| | | }
|
| | |
|
| | | return curLoop;
|
| | | };
|
| | |
|
| | | Sizzle.error = function( msg ) {
|
| | | throw new Error( "Syntax error, unrecognized expression: " + msg );
|
| | | };
|
| | |
|
| | | var getText = Sizzle.getText = function( elem ) {
|
| | | var i, node,
|
| | | nodeType = elem.nodeType,
|
| | | ret = "";
|
| | |
|
| | | if ( nodeType ) {
|
| | | if ( nodeType === 1 || nodeType === 9 || nodeType === 11 ) {
|
| | | // Use textContent || innerText for elements
|
| | | if ( typeof elem.textContent === 'string' ) {
|
| | | return elem.textContent;
|
| | | } else if ( typeof elem.innerText === 'string' ) {
|
| | | // Replace IE's carriage returns
|
| | | return elem.innerText.replace( rReturn, '' );
|
| | | } else {
|
| | | // Traverse it's children
|
| | | for ( elem = elem.firstChild; elem; elem = elem.nextSibling) {
|
| | | ret += getText( elem );
|
| | | }
|
| | | }
|
| | | } else if ( nodeType === 3 || nodeType === 4 ) {
|
| | | return elem.nodeValue;
|
| | | }
|
| | | } else {
|
| | |
|
| | | // If no nodeType, this is expected to be an array
|
| | | for ( i = 0; (node = elem[i]); i++ ) {
|
| | | // Do not traverse comment nodes
|
| | | if ( node.nodeType !== 8 ) {
|
| | | ret += getText( node );
|
| | | }
|
| | | }
|
| | | }
|
| | | return ret;
|
| | | };
|
| | |
|
| | | var Expr = Sizzle.selectors = {
|
| | | order: [ "ID", "NAME", "TAG" ],
|
| | |
|
| | | match: {
|
| | | ID: /#((?:[\w\u00c0-\uFFFF\-]|\\.)+)/,
|
| | | CLASS: /\.((?:[\w\u00c0-\uFFFF\-]|\\.)+)/,
|
| | | NAME: /\[name=['"]*((?:[\w\u00c0-\uFFFF\-]|\\.)+)['"]*\]/,
|
| | | ATTR: /\[\s*((?:[\w\u00c0-\uFFFF\-]|\\.)+)\s*(?:(\S?=)\s*(?:(['"])(.*?)\3|(#?(?:[\w\u00c0-\uFFFF\-]|\\.)*)|)|)\s*\]/,
|
| | | TAG: /^((?:[\w\u00c0-\uFFFF\*\-]|\\.)+)/,
|
| | | CHILD: /:(only|nth|last|first)-child(?:\(\s*(even|odd|(?:[+\-]?\d+|(?:[+\-]?\d*)?n\s*(?:[+\-]\s*\d+)?))\s*\))?/,
|
| | | POS: /:(nth|eq|gt|lt|first|last|even|odd)(?:\((\d*)\))?(?=[^\-]|$)/,
|
| | | PSEUDO: /:((?:[\w\u00c0-\uFFFF\-]|\\.)+)(?:\((['"]?)((?:\([^\)]+\)|[^\(\)]*)+)\2\))?/
|
| | | },
|
| | |
|
| | | leftMatch: {},
|
| | |
|
| | | attrMap: {
|
| | | "class": "className",
|
| | | "for": "htmlFor"
|
| | | },
|
| | |
|
| | | attrHandle: {
|
| | | href: function( elem ) {
|
| | | return elem.getAttribute( "href" );
|
| | | },
|
| | | type: function( elem ) {
|
| | | return elem.getAttribute( "type" );
|
| | | }
|
| | | },
|
| | |
|
| | | relative: {
|
| | | "+": function(checkSet, part){
|
| | | var isPartStr = typeof part === "string",
|
| | | isTag = isPartStr && !rNonWord.test( part ),
|
| | | isPartStrNotTag = isPartStr && !isTag;
|
| | |
|
| | | if ( isTag ) {
|
| | | part = part.toLowerCase();
|
| | | }
|
| | |
|
| | | for ( var i = 0, l = checkSet.length, elem; i < l; i++ ) {
|
| | | if ( (elem = checkSet[i]) ) {
|
| | | while ( (elem = elem.previousSibling) && elem.nodeType !== 1 ) {}
|
| | |
|
| | | checkSet[i] = isPartStrNotTag || elem && elem.nodeName.toLowerCase() === part ?
|
| | | elem || false :
|
| | | elem === part;
|
| | | }
|
| | | }
|
| | |
|
| | | if ( isPartStrNotTag ) {
|
| | | Sizzle.filter( part, checkSet, true );
|
| | | }
|
| | | },
|
| | |
|
| | | ">": function( checkSet, part ) {
|
| | | var elem,
|
| | | isPartStr = typeof part === "string",
|
| | | i = 0,
|
| | | l = checkSet.length;
|
| | |
|
| | | if ( isPartStr && !rNonWord.test( part ) ) {
|
| | | part = part.toLowerCase();
|
| | |
|
| | | for ( ; i < l; i++ ) {
|
| | | elem = checkSet[i];
|
| | |
|
| | | if ( elem ) {
|
| | | var parent = elem.parentNode;
|
| | | checkSet[i] = parent.nodeName.toLowerCase() === part ? parent : false;
|
| | | }
|
| | | }
|
| | |
|
| | | } else {
|
| | | for ( ; i < l; i++ ) {
|
| | | elem = checkSet[i];
|
| | |
|
| | | if ( elem ) {
|
| | | checkSet[i] = isPartStr ?
|
| | | elem.parentNode :
|
| | | elem.parentNode === part;
|
| | | }
|
| | | }
|
| | |
|
| | | if ( isPartStr ) {
|
| | | Sizzle.filter( part, checkSet, true );
|
| | | }
|
| | | }
|
| | | },
|
| | |
|
| | | "": function(checkSet, part, isXML){
|
| | | var nodeCheck,
|
| | | doneName = done++,
|
| | | checkFn = dirCheck;
|
| | |
|
| | | if ( typeof part === "string" && !rNonWord.test( part ) ) {
|
| | | part = part.toLowerCase();
|
| | | nodeCheck = part;
|
| | | checkFn = dirNodeCheck;
|
| | | }
|
| | |
|
| | | checkFn( "parentNode", part, doneName, checkSet, nodeCheck, isXML );
|
| | | },
|
| | |
|
| | | "~": function( checkSet, part, isXML ) {
|
| | | var nodeCheck,
|
| | | doneName = done++,
|
| | | checkFn = dirCheck;
|
| | |
|
| | | if ( typeof part === "string" && !rNonWord.test( part ) ) {
|
| | | part = part.toLowerCase();
|
| | | nodeCheck = part;
|
| | | checkFn = dirNodeCheck;
|
| | | }
|
| | |
|
| | | checkFn( "previousSibling", part, doneName, checkSet, nodeCheck, isXML );
|
| | | }
|
| | | },
|
| | |
|
| | | find: {
|
| | | ID: function( match, context, isXML ) {
|
| | | if ( typeof context.getElementById !== "undefined" && !isXML ) {
|
| | | var m = context.getElementById(match[1]);
|
| | | // Check parentNode to catch when Blackberry 4.6 returns
|
| | | // nodes that are no longer in the document #6963
|
| | | return m && m.parentNode ? [m] : [];
|
| | | }
|
| | | },
|
| | |
|
| | | NAME: function( match, context ) {
|
| | | if ( typeof context.getElementsByName !== "undefined" ) {
|
| | | var ret = [],
|
| | | results = context.getElementsByName( match[1] );
|
| | |
|
| | | for ( var i = 0, l = results.length; i < l; i++ ) {
|
| | | if ( results[i].getAttribute("name") === match[1] ) {
|
| | | ret.push( results[i] );
|
| | | }
|
| | | }
|
| | |
|
| | | return ret.length === 0 ? null : ret;
|
| | | }
|
| | | },
|
| | |
|
| | | TAG: function( match, context ) {
|
| | | if ( typeof context.getElementsByTagName !== "undefined" ) {
|
| | | return context.getElementsByTagName( match[1] );
|
| | | }
|
| | | }
|
| | | },
|
| | | preFilter: {
|
| | | CLASS: function( match, curLoop, inplace, result, not, isXML ) {
|
| | | match = " " + match[1].replace( rBackslash, "" ) + " ";
|
| | |
|
| | | if ( isXML ) {
|
| | | return match;
|
| | | }
|
| | |
|
| | | for ( var i = 0, elem; (elem = curLoop[i]) != null; i++ ) {
|
| | | if ( elem ) {
|
| | | if ( not ^ (elem.className && (" " + elem.className + " ").replace(/[\t\n\r]/g, " ").indexOf(match) >= 0) ) {
|
| | | if ( !inplace ) {
|
| | | result.push( elem );
|
| | | }
|
| | |
|
| | | } else if ( inplace ) {
|
| | | curLoop[i] = false;
|
| | | }
|
| | | }
|
| | | }
|
| | |
|
| | | return false;
|
| | | },
|
| | |
|
| | | ID: function( match ) {
|
| | | return match[1].replace( rBackslash, "" );
|
| | | },
|
| | |
|
| | | TAG: function( match, curLoop ) {
|
| | | return match[1].replace( rBackslash, "" ).toLowerCase();
|
| | | },
|
| | |
|
| | | CHILD: function( match ) {
|
| | | if ( match[1] === "nth" ) {
|
| | | if ( !match[2] ) {
|
| | | Sizzle.error( match[0] );
|
| | | }
|
| | |
|
| | | match[2] = match[2].replace(/^\+|\s*/g, '');
|
| | |
|
| | | // parse equations like 'even', 'odd', '5', '2n', '3n+2', '4n-1', '-n+6'
|
| | | var test = /(-?)(\d*)(?:n([+\-]?\d*))?/.exec(
|
| | | match[2] === "even" && "2n" || match[2] === "odd" && "2n+1" ||
|
| | | !/\D/.test( match[2] ) && "0n+" + match[2] || match[2]);
|
| | |
|
| | | // calculate the numbers (first)n+(last) including if they are negative
|
| | | match[2] = (test[1] + (test[2] || 1)) - 0;
|
| | | match[3] = test[3] - 0;
|
| | | }
|
| | | else if ( match[2] ) {
|
| | | Sizzle.error( match[0] );
|
| | | }
|
| | |
|
| | | // TODO: Move to normal caching system
|
| | | match[0] = done++;
|
| | |
|
| | | return match;
|
| | | },
|
| | |
|
| | | ATTR: function( match, curLoop, inplace, result, not, isXML ) {
|
| | | var name = match[1] = match[1].replace( rBackslash, "" );
|
| | |
|
| | | if ( !isXML && Expr.attrMap[name] ) {
|
| | | match[1] = Expr.attrMap[name];
|
| | | }
|
| | |
|
| | | // Handle if an un-quoted value was used
|
| | | match[4] = ( match[4] || match[5] || "" ).replace( rBackslash, "" );
|
| | |
|
| | | if ( match[2] === "~=" ) {
|
| | | match[4] = " " + match[4] + " ";
|
| | | }
|
| | |
|
| | | return match;
|
| | | },
|
| | |
|
| | | PSEUDO: function( match, curLoop, inplace, result, not ) {
|
| | | if ( match[1] === "not" ) {
|
| | | // If we're dealing with a complex expression, or a simple one
|
| | | if ( ( chunker.exec(match[3]) || "" ).length > 1 || /^\w/.test(match[3]) ) {
|
| | | match[3] = Sizzle(match[3], null, null, curLoop);
|
| | |
|
| | | } else {
|
| | | var ret = Sizzle.filter(match[3], curLoop, inplace, true ^ not);
|
| | |
|
| | | if ( !inplace ) {
|
| | | result.push.apply( result, ret );
|
| | | }
|
| | |
|
| | | return false;
|
| | | }
|
| | |
|
| | | } else if ( Expr.match.POS.test( match[0] ) || Expr.match.CHILD.test( match[0] ) ) {
|
| | | return true;
|
| | | }
|
| | |
|
| | | return match;
|
| | | },
|
| | |
|
| | | POS: function( match ) {
|
| | | match.unshift( true );
|
| | |
|
| | | return match;
|
| | | }
|
| | | },
|
| | |
|
| | | filters: {
|
| | | enabled: function( elem ) {
|
| | | return elem.disabled === false && elem.type !== "hidden";
|
| | | },
|
| | |
|
| | | disabled: function( elem ) {
|
| | | return elem.disabled === true;
|
| | | },
|
| | |
|
| | | checked: function( elem ) {
|
| | | return elem.checked === true;
|
| | | },
|
| | |
|
| | | selected: function( elem ) {
|
| | | // Accessing this property makes selected-by-default
|
| | | // options in Safari work properly
|
| | | if ( elem.parentNode ) {
|
| | | elem.parentNode.selectedIndex;
|
| | | }
|
| | |
|
| | | return elem.selected === true;
|
| | | },
|
| | |
|
| | | parent: function( elem ) {
|
| | | return !!elem.firstChild;
|
| | | },
|
| | |
|
| | | empty: function( elem ) {
|
| | | return !elem.firstChild;
|
| | | },
|
| | |
|
| | | has: function( elem, i, match ) {
|
| | | return !!Sizzle( match[3], elem ).length;
|
| | | },
|
| | |
|
| | | header: function( elem ) {
|
| | | return (/h\d/i).test( elem.nodeName );
|
| | | },
|
| | |
|
| | | text: function( elem ) {
|
| | | var attr = elem.getAttribute( "type" ), type = elem.type;
|
| | | // IE6 and 7 will map elem.type to 'text' for new HTML5 types (search, etc)
|
| | | // use getAttribute instead to test this case
|
| | | return elem.nodeName.toLowerCase() === "input" && "text" === type && ( attr === type || attr === null );
|
| | | },
|
| | |
|
| | | radio: function( elem ) {
|
| | | return elem.nodeName.toLowerCase() === "input" && "radio" === elem.type;
|
| | | },
|
| | |
|
| | | checkbox: function( elem ) {
|
| | | return elem.nodeName.toLowerCase() === "input" && "checkbox" === elem.type;
|
| | | },
|
| | |
|
| | | file: function( elem ) {
|
| | | return elem.nodeName.toLowerCase() === "input" && "file" === elem.type;
|
| | | },
|
| | |
|
| | | password: function( elem ) {
|
| | | return elem.nodeName.toLowerCase() === "input" && "password" === elem.type;
|
| | | },
|
| | |
|
| | | submit: function( elem ) {
|
| | | var name = elem.nodeName.toLowerCase();
|
| | | return (name === "input" || name === "button") && "submit" === elem.type;
|
| | | },
|
| | |
|
| | | image: function( elem ) {
|
| | | return elem.nodeName.toLowerCase() === "input" && "image" === elem.type;
|
| | | },
|
| | |
|
| | | reset: function( elem ) {
|
| | | var name = elem.nodeName.toLowerCase();
|
| | | return (name === "input" || name === "button") && "reset" === elem.type;
|
| | | },
|
| | |
|
| | | button: function( elem ) {
|
| | | var name = elem.nodeName.toLowerCase();
|
| | | return name === "input" && "button" === elem.type || name === "button";
|
| | | },
|
| | |
|
| | | input: function( elem ) {
|
| | | return (/input|select|textarea|button/i).test( elem.nodeName );
|
| | | },
|
| | |
|
| | | focus: function( elem ) {
|
| | | return elem === elem.ownerDocument.activeElement;
|
| | | }
|
| | | },
|
| | | setFilters: {
|
| | | first: function( elem, i ) {
|
| | | return i === 0;
|
| | | },
|
| | |
|
| | | last: function( elem, i, match, array ) {
|
| | | return i === array.length - 1;
|
| | | },
|
| | |
|
| | | even: function( elem, i ) {
|
| | | return i % 2 === 0;
|
| | | },
|
| | |
|
| | | odd: function( elem, i ) {
|
| | | return i % 2 === 1;
|
| | | },
|
| | |
|
| | | lt: function( elem, i, match ) {
|
| | | return i < match[3] - 0;
|
| | | },
|
| | |
|
| | | gt: function( elem, i, match ) {
|
| | | return i > match[3] - 0;
|
| | | },
|
| | |
|
| | | nth: function( elem, i, match ) {
|
| | | return match[3] - 0 === i;
|
| | | },
|
| | |
|
| | | eq: function( elem, i, match ) {
|
| | | return match[3] - 0 === i;
|
| | | }
|
| | | },
|
| | | filter: {
|
| | | PSEUDO: function( elem, match, i, array ) {
|
| | | var name = match[1],
|
| | | filter = Expr.filters[ name ];
|
| | |
|
| | | if ( filter ) {
|
| | | return filter( elem, i, match, array );
|
| | |
|
| | | } else if ( name === "contains" ) {
|
| | | return (elem.textContent || elem.innerText || getText([ elem ]) || "").indexOf(match[3]) >= 0;
|
| | |
|
| | | } else if ( name === "not" ) {
|
| | | var not = match[3];
|
| | |
|
| | | for ( var j = 0, l = not.length; j < l; j++ ) {
|
| | | if ( not[j] === elem ) {
|
| | | return false;
|
| | | }
|
| | | }
|
| | |
|
| | | return true;
|
| | |
|
| | | } else {
|
| | | Sizzle.error( name );
|
| | | }
|
| | | },
|
| | |
|
| | | CHILD: function( elem, match ) {
|
| | | var first, last,
|
| | | doneName, parent, cache,
|
| | | count, diff,
|
| | | type = match[1],
|
| | | node = elem;
|
| | |
|
| | | switch ( type ) {
|
| | | case "only":
|
| | | case "first":
|
| | | while ( (node = node.previousSibling) ) {
|
| | | if ( node.nodeType === 1 ) {
|
| | | return false;
|
| | | }
|
| | | }
|
| | |
|
| | | if ( type === "first" ) {
|
| | | return true;
|
| | | }
|
| | |
|
| | | node = elem;
|
| | |
|
| | | /* falls through */
|
| | | case "last":
|
| | | while ( (node = node.nextSibling) ) {
|
| | | if ( node.nodeType === 1 ) {
|
| | | return false;
|
| | | }
|
| | | }
|
| | |
|
| | | return true;
|
| | |
|
| | | case "nth":
|
| | | first = match[2];
|
| | | last = match[3];
|
| | |
|
| | | if ( first === 1 && last === 0 ) {
|
| | | return true;
|
| | | }
|
| | |
|
| | | doneName = match[0];
|
| | | parent = elem.parentNode;
|
| | |
|
| | | if ( parent && (parent[ expando ] !== doneName || !elem.nodeIndex) ) {
|
| | | count = 0;
|
| | |
|
| | | for ( node = parent.firstChild; node; node = node.nextSibling ) {
|
| | | if ( node.nodeType === 1 ) {
|
| | | node.nodeIndex = ++count;
|
| | | }
|
| | | }
|
| | |
|
| | | parent[ expando ] = doneName;
|
| | | }
|
| | |
|
| | | diff = elem.nodeIndex - last;
|
| | |
|
| | | if ( first === 0 ) {
|
| | | return diff === 0;
|
| | |
|
| | | } else {
|
| | | return ( diff % first === 0 && diff / first >= 0 );
|
| | | }
|
| | | }
|
| | | },
|
| | |
|
| | | ID: function( elem, match ) {
|
| | | return elem.nodeType === 1 && elem.getAttribute("id") === match;
|
| | | },
|
| | |
|
| | | TAG: function( elem, match ) {
|
| | | return (match === "*" && elem.nodeType === 1) || !!elem.nodeName && elem.nodeName.toLowerCase() === match;
|
| | | },
|
| | |
|
| | | CLASS: function( elem, match ) {
|
| | | return (" " + (elem.className || elem.getAttribute("class")) + " ")
|
| | | .indexOf( match ) > -1;
|
| | | },
|
| | |
|
| | | ATTR: function( elem, match ) {
|
| | | var name = match[1],
|
| | | result = Sizzle.attr ?
|
| | | Sizzle.attr( elem, name ) :
|
| | | Expr.attrHandle[ name ] ?
|
| | | Expr.attrHandle[ name ]( elem ) :
|
| | | elem[ name ] != null ?
|
| | | elem[ name ] :
|
| | | elem.getAttribute( name ),
|
| | | value = result + "",
|
| | | type = match[2],
|
| | | check = match[4];
|
| | |
|
| | | return result == null ?
|
| | | type === "!=" :
|
| | | !type && Sizzle.attr ?
|
| | | result != null :
|
| | | type === "=" ?
|
| | | value === check :
|
| | | type === "*=" ?
|
| | | value.indexOf(check) >= 0 :
|
| | | type === "~=" ?
|
| | | (" " + value + " ").indexOf(check) >= 0 :
|
| | | !check ?
|
| | | value && result !== false :
|
| | | type === "!=" ?
|
| | | value !== check :
|
| | | type === "^=" ?
|
| | | value.indexOf(check) === 0 :
|
| | | type === "$=" ?
|
| | | value.substr(value.length - check.length) === check :
|
| | | type === "|=" ?
|
| | | value === check || value.substr(0, check.length + 1) === check + "-" :
|
| | | false;
|
| | | },
|
| | |
|
| | | POS: function( elem, match, i, array ) {
|
| | | var name = match[2],
|
| | | filter = Expr.setFilters[ name ];
|
| | |
|
| | | if ( filter ) {
|
| | | return filter( elem, i, match, array );
|
| | | }
|
| | | }
|
| | | }
|
| | | };
|
| | |
|
| | | var origPOS = Expr.match.POS,
|
| | | fescape = function(all, num){
|
| | | return "\\" + (num - 0 + 1);
|
| | | };
|
| | |
|
| | | this.vElements = tinyMCE.clearArray([]);
|
| | | this.vElementsRe = '';
|
| | | this.closeElementsRe = /^(IMG|BR|HR|LINK|META|BASE|INPUT|AREA)$/;
|
| | | this.codeElementsRe = /^(SCRIPT|STYLE)$/;
|
| | | this.serializationId = 0;
|
| | | this.mceAttribs = {
|
| | | href : 'mce_href',
|
| | | src : 'mce_src',
|
| | | type : 'mce_type'
|
| | | for ( var type in Expr.match ) {
|
| | | Expr.match[ type ] = new RegExp( Expr.match[ type ].source + (/(?![^\[]*\])(?![^\(]*\))/.source) );
|
| | | Expr.leftMatch[ type ] = new RegExp( /(^(?:.|\r|\n)*?)/.source + Expr.match[ type ].source.replace(/\\(\d+)/g, fescape) );
|
| | | }
|
| | | // Expose origPOS
|
| | | // "global" as in regardless of relation to brackets/parens
|
| | | Expr.match.globalPOS = origPOS;
|
| | |
|
| | | var makeArray = function( array, results ) {
|
| | | array = Array.prototype.slice.call( array, 0 );
|
| | |
|
| | | if ( results ) {
|
| | | results.push.apply( results, array );
|
| | | return results;
|
| | | }
|
| | |
|
| | | return array;
|
| | | };
|
| | |
|
| | | // Perform a simple check to determine if the browser is capable of
|
| | | // converting a NodeList to an array using builtin methods.
|
| | | // Also verifies that the returned array holds DOM nodes
|
| | | // (which is not the case in the Blackberry browser)
|
| | | try {
|
| | | Array.prototype.slice.call( document.documentElement.childNodes, 0 )[0].nodeType;
|
| | |
|
| | | // Provide a fallback method if it does not work
|
| | | } catch( e ) {
|
| | | makeArray = function( array, results ) {
|
| | | var i = 0,
|
| | | ret = results || [];
|
| | |
|
| | | if ( toString.call(array) === "[object Array]" ) {
|
| | | Array.prototype.push.apply( ret, array );
|
| | |
|
| | | } else {
|
| | | if ( typeof array.length === "number" ) {
|
| | | for ( var l = array.length; i < l; i++ ) {
|
| | | ret.push( array[i] );
|
| | | }
|
| | |
|
| | | } else {
|
| | | for ( ; array[i]; i++ ) {
|
| | | ret.push( array[i] );
|
| | | }
|
| | | }
|
| | | }
|
| | |
|
| | | return ret;
|
| | | };
|
| | | }
|
| | |
|
| | | TinyMCE_Cleanup.prototype = {
|
| | | init : function(s) {
|
| | | var n, a, i, ir, or, st;
|
| | | var sortOrder, siblingCheck;
|
| | |
|
| | | for (n in s)
|
| | | this.settings[n] = s[n];
|
| | |
|
| | | // Setup code formating
|
| | | s = this.settings;
|
| | |
|
| | | // Setup regexps
|
| | | this.inRe = this._arrayToRe(s.indent_elements.split(','), '', '^<(', ')[^>]*');
|
| | | this.ouRe = this._arrayToRe(s.indent_elements.split(','), '', '^<\\/(', ')[^>]*');
|
| | | this.nlBeforeRe = this._arrayToRe(s.newline_before_elements.split(','), 'gi', '<(', ')([^>]*)>');
|
| | | this.nlAfterRe = this._arrayToRe(s.newline_after_elements.split(','), 'gi', '<(', ')([^>]*)>');
|
| | | this.nlBeforeAfterRe = this._arrayToRe(s.newline_before_after_elements.split(','), 'gi', '<(\\/?)(', ')([^>]*)>');
|
| | | this.serializedNodes = [];
|
| | |
|
| | | if (s.invalid_elements !== '')
|
| | | this.iveRe = this._arrayToRe(s.invalid_elements.toUpperCase().split(','), 'g', '^(', ')$');
|
| | | else
|
| | | this.iveRe = null;
|
| | |
|
| | | // Setup separator
|
| | | st = '';
|
| | | for (i=0; i<s.indent_levels; i++)
|
| | | st += s.indent_char;
|
| | |
|
| | | this.inStr = st;
|
| | |
|
| | | // If verify_html if false force *[*]
|
| | | if (!s.verify_html) {
|
| | | s.valid_elements = '*[*]';
|
| | | s.extended_valid_elements = '';
|
| | | if ( document.documentElement.compareDocumentPosition ) {
|
| | | sortOrder = function( a, b ) {
|
| | | if ( a === b ) {
|
| | | hasDuplicate = true;
|
| | | return 0;
|
| | | }
|
| | |
|
| | | this.fillStr = s.entity_encoding == "named" ? " " : " ";
|
| | | this.idCount = 0;
|
| | | this.xmlEncodeRe = new RegExp('[\u007F-\uFFFF<>&"]', 'g');
|
| | | },
|
| | |
|
| | | addRuleStr : function(s) {
|
| | | var r = this.parseRuleStr(s), n;
|
| | |
|
| | | for (n in r) {
|
| | | if (r[n])
|
| | | this.rules[n] = r[n];
|
| | | if ( !a.compareDocumentPosition || !b.compareDocumentPosition ) {
|
| | | return a.compareDocumentPosition ? -1 : 1;
|
| | | }
|
| | |
|
| | | this.vElements = tinyMCE.clearArray([]);
|
| | | return a.compareDocumentPosition(b) & 4 ? -1 : 1;
|
| | | };
|
| | |
|
| | | for (n in this.rules) {
|
| | | if (this.rules[n])
|
| | | this.vElements[this.vElements.length] = this.rules[n].tag;
|
| | | } else {
|
| | | sortOrder = function( a, b ) {
|
| | | // The nodes are identical, we can exit early
|
| | | if ( a === b ) {
|
| | | hasDuplicate = true;
|
| | | return 0;
|
| | |
|
| | | // Fallback to using sourceIndex (in IE) if it's available on both nodes
|
| | | } else if ( a.sourceIndex && b.sourceIndex ) {
|
| | | return a.sourceIndex - b.sourceIndex;
|
| | | }
|
| | |
|
| | | this.vElementsRe = this._arrayToRe(this.vElements, '');
|
| | | },
|
| | | var al, bl,
|
| | | ap = [],
|
| | | bp = [],
|
| | | aup = a.parentNode,
|
| | | bup = b.parentNode,
|
| | | cur = aup;
|
| | |
|
| | | isValid : function(n) {
|
| | | if (!this.rulesDone)
|
| | | this._setupRules(); // Will initialize cleanup rules
|
| | | // If the nodes are siblings (or identical) we can do a quick check
|
| | | if ( aup === bup ) {
|
| | | return siblingCheck( a, b );
|
| | |
|
| | | // Empty is true since it removes formatting
|
| | | if (!n)
|
| | | return true;
|
| | | // If no parents were found then the nodes are disconnected
|
| | | } else if ( !aup ) {
|
| | | return -1;
|
| | |
|
| | | // Clean the name up a bit
|
| | | n = n.replace(/[^a-z0-9]+/gi, '').toUpperCase();
|
| | | } else if ( !bup ) {
|
| | | return 1;
|
| | | }
|
| | |
|
| | | return !tinyMCE.getParam('cleanup') || this.vElementsRe.test(n);
|
| | | },
|
| | | // Otherwise they're somewhere else in the tree so we need
|
| | | // to build up a full list of the parentNodes for comparison
|
| | | while ( cur ) {
|
| | | ap.unshift( cur );
|
| | | cur = cur.parentNode;
|
| | | }
|
| | |
|
| | | addChildRemoveRuleStr : function(s) {
|
| | | var x, y, p, i, t, tn, ta, cl, r;
|
| | | cur = bup;
|
| | |
|
| | | if (!s)
|
| | | return;
|
| | | while ( cur ) {
|
| | | bp.unshift( cur );
|
| | | cur = cur.parentNode;
|
| | | }
|
| | |
|
| | | ta = s.split(',');
|
| | | for (x=0; x<ta.length; x++) {
|
| | | s = ta[x];
|
| | | al = ap.length;
|
| | | bl = bp.length;
|
| | |
|
| | | // Split tag/children
|
| | | p = this.split(/\[|\]/, s);
|
| | | if (p == null || p.length < 1)
|
| | | t = s.toUpperCase();
|
| | | else
|
| | | t = p[0].toUpperCase();
|
| | |
|
| | | // Handle all tag names
|
| | | tn = this.split('/', t);
|
| | | for (y=0; y<tn.length; y++) {
|
| | | r = "^(";
|
| | |
|
| | | // Build regex
|
| | | cl = this.split(/\|/, p[1]);
|
| | | for (i=0; i<cl.length; i++) {
|
| | | if (cl[i] == '%istrict')
|
| | | r += tinyMCE.inlineStrict;
|
| | | else if (cl[i] == '%itrans')
|
| | | r += tinyMCE.inlineTransitional;
|
| | | else if (cl[i] == '%istrict_na')
|
| | | r += tinyMCE.inlineStrict.substring(2);
|
| | | else if (cl[i] == '%itrans_na')
|
| | | r += tinyMCE.inlineTransitional.substring(2);
|
| | | else if (cl[i] == '%btrans')
|
| | | r += tinyMCE.blockElms;
|
| | | else if (cl[i] == '%strict')
|
| | | r += tinyMCE.blockStrict;
|
| | | else
|
| | | r += (cl[i].charAt(0) != '#' ? cl[i].toUpperCase() : cl[i]);
|
| | |
|
| | | r += (i != cl.length - 1 ? '|' : '');
|
| | | }
|
| | |
|
| | | r += ')$';
|
| | |
|
| | | if (this.childRules == null)
|
| | | this.childRules = tinyMCE.clearArray([]);
|
| | |
|
| | | this.childRules[tn[y]] = new RegExp(r);
|
| | |
|
| | | if (p.length > 1)
|
| | | this.childRules[tn[y]].wrapTag = p[2];
|
| | | // Start walking down the tree looking for a discrepancy
|
| | | for ( var i = 0; i < al && i < bl; i++ ) {
|
| | | if ( ap[i] !== bp[i] ) {
|
| | | return siblingCheck( ap[i], bp[i] );
|
| | | }
|
| | | }
|
| | | },
|
| | |
|
| | | parseRuleStr : function(s) {
|
| | | var ta, p, r, a, i, x, px, t, tn, y, av, or = tinyMCE.clearArray([]), dv;
|
| | | // We ended someplace up the tree so do a sibling check
|
| | | return i === al ?
|
| | | siblingCheck( a, bp[i], -1 ) :
|
| | | siblingCheck( ap[i], b, 1 );
|
| | | };
|
| | |
|
| | | if (s == null || s.length == 0)
|
| | | return or;
|
| | | siblingCheck = function( a, b, ret ) {
|
| | | if ( a === b ) {
|
| | | return ret;
|
| | | }
|
| | |
|
| | | ta = s.split(',');
|
| | | for (x=0; x<ta.length; x++) {
|
| | | s = ta[x];
|
| | | if (s.length == 0)
|
| | | continue;
|
| | | var cur = a.nextSibling;
|
| | |
|
| | | // Split tag/attrs
|
| | | p = this.split(/\[|\]/, s);
|
| | | if (p == null || p.length < 1)
|
| | | t = s.toUpperCase();
|
| | | else
|
| | | t = p[0].toUpperCase();
|
| | | while ( cur ) {
|
| | | if ( cur === b ) {
|
| | | return -1;
|
| | | }
|
| | |
|
| | | // Handle all tag names
|
| | | tn = this.split('/', t);
|
| | | for (y=0; y<tn.length; y++) {
|
| | | r = {};
|
| | | cur = cur.nextSibling;
|
| | | }
|
| | |
|
| | | r.tag = tn[y];
|
| | | r.forceAttribs = null;
|
| | | r.defaultAttribs = null;
|
| | | r.validAttribValues = null;
|
| | | return 1;
|
| | | };
|
| | | }
|
| | |
|
| | | // Handle prefixes
|
| | | px = r.tag.charAt(0);
|
| | | r.forceOpen = px == '+';
|
| | | r.removeEmpty = px == '-';
|
| | | r.fill = px == '#';
|
| | | r.tag = r.tag.replace(/\+|-|#/g, '');
|
| | | r.oTagName = tn[0].replace(/\+|-|#/g, '').toLowerCase();
|
| | | r.isWild = new RegExp('\\*|\\?|\\+', 'g').test(r.tag);
|
| | | r.validRe = new RegExp(this._wildcardToRe('^' + r.tag + '$'));
|
| | | // Check to see if the browser returns elements by name when
|
| | | // querying by getElementById (and provide a workaround)
|
| | | (function(){
|
| | | // We're going to inject a fake input element with a specified name
|
| | | var form = document.createElement("div"),
|
| | | id = "script" + (new Date()).getTime(),
|
| | | root = document.documentElement;
|
| | |
|
| | | // Setup valid attributes
|
| | | if (p.length > 1) {
|
| | | r.vAttribsRe = '^(';
|
| | | a = this.split(/\|/, p[1]);
|
| | | form.innerHTML = "<a name='" + id + "'/>";
|
| | |
|
| | | for (i=0; i<a.length; i++) {
|
| | | t = a[i];
|
| | | // Inject it into the root element, check its status, and remove it quickly
|
| | | root.insertBefore( form, root.firstChild );
|
| | |
|
| | | if (t.charAt(0) == '!') {
|
| | | a[i] = t = t.substring(1);
|
| | | // The workaround has to do additional checks after a getElementById
|
| | | // Which slows things down for other browsers (hence the branching)
|
| | | if ( document.getElementById( id ) ) {
|
| | | Expr.find.ID = function( match, context, isXML ) {
|
| | | if ( typeof context.getElementById !== "undefined" && !isXML ) {
|
| | | var m = context.getElementById(match[1]);
|
| | |
|
| | | if (!r.reqAttribsRe)
|
| | | r.reqAttribsRe = '\\s+(' + t;
|
| | | else
|
| | | r.reqAttribsRe += '|' + t;
|
| | | }
|
| | | return m ?
|
| | | m.id === match[1] || typeof m.getAttributeNode !== "undefined" && m.getAttributeNode("id").nodeValue === match[1] ?
|
| | | [m] :
|
| | | undefined :
|
| | | [];
|
| | | }
|
| | | };
|
| | |
|
| | | av = new RegExp('(=|:|<)(.*?)$').exec(t);
|
| | | t = t.replace(new RegExp('(=|:|<).*?$'), '');
|
| | | if (av && av.length > 0) {
|
| | | if (av[0].charAt(0) == ':') {
|
| | | if (!r.forceAttribs)
|
| | | r.forceAttribs = tinyMCE.clearArray([]);
|
| | | Expr.filter.ID = function( elem, match ) {
|
| | | var node = typeof elem.getAttributeNode !== "undefined" && elem.getAttributeNode("id");
|
| | |
|
| | | r.forceAttribs[t.toLowerCase()] = av[0].substring(1);
|
| | | } else if (av[0].charAt(0) == '=') {
|
| | | if (!r.defaultAttribs)
|
| | | r.defaultAttribs = tinyMCE.clearArray([]);
|
| | | return elem.nodeType === 1 && node && node.nodeValue === match;
|
| | | };
|
| | | }
|
| | |
|
| | | dv = av[0].substring(1);
|
| | | root.removeChild( form );
|
| | |
|
| | | r.defaultAttribs[t.toLowerCase()] = dv == '' ? "mce_empty" : dv;
|
| | | } else if (av[0].charAt(0) == '<') {
|
| | | if (!r.validAttribValues)
|
| | | r.validAttribValues = tinyMCE.clearArray([]);
|
| | | // release memory in IE
|
| | | root = form = null;
|
| | | })();
|
| | |
|
| | | r.validAttribValues[t.toLowerCase()] = this._arrayToRe(this.split('?', av[0].substring(1)), 'i');
|
| | | }
|
| | | }
|
| | | (function(){
|
| | | // Check to see if the browser returns only elements
|
| | | // when doing getElementsByTagName("*")
|
| | |
|
| | | r.vAttribsRe += '' + t.toLowerCase() + (i != a.length - 1 ? '|' : '');
|
| | | // Create a fake element
|
| | | var div = document.createElement("div");
|
| | | div.appendChild( document.createComment("") );
|
| | |
|
| | | a[i] = t.toLowerCase();
|
| | | // Make sure no comments are found
|
| | | if ( div.getElementsByTagName("*").length > 0 ) {
|
| | | Expr.find.TAG = function( match, context ) {
|
| | | var results = context.getElementsByTagName( match[1] );
|
| | |
|
| | | // Filter out possible comments
|
| | | if ( match[1] === "*" ) {
|
| | | var tmp = [];
|
| | |
|
| | | for ( var i = 0; results[i]; i++ ) {
|
| | | if ( results[i].nodeType === 1 ) {
|
| | | tmp.push( results[i] );
|
| | | }
|
| | |
|
| | | if (r.reqAttribsRe)
|
| | | r.reqAttribsRe = new RegExp(r.reqAttribsRe + ')=\"', 'g');
|
| | |
|
| | | r.vAttribsRe += ')$';
|
| | | r.vAttribsRe = this._wildcardToRe(r.vAttribsRe);
|
| | | r.vAttribsReIsWild = new RegExp('\\*|\\?|\\+', 'g').test(r.vAttribsRe);
|
| | | r.vAttribsRe = new RegExp(r.vAttribsRe);
|
| | | r.vAttribs = a.reverse();
|
| | |
|
| | | //tinyMCE.debug(r.tag, r.oTagName, r.vAttribsRe, r.vAttribsReWC);
|
| | | } else {
|
| | | r.vAttribsRe = '';
|
| | | r.vAttribs = tinyMCE.clearArray([]);
|
| | | r.vAttribsReIsWild = false;
|
| | | }
|
| | |
|
| | | or[r.tag] = r;
|
| | | results = tmp;
|
| | | }
|
| | | }
|
| | |
|
| | | return or;
|
| | | },
|
| | | return results;
|
| | | };
|
| | | }
|
| | |
|
| | | serializeNodeAsXML : function(n) {
|
| | | var s, b;
|
| | | // Check to see if an attribute returns normalized href attributes
|
| | | div.innerHTML = "<a href='#'></a>";
|
| | |
|
| | | if (!this.xmlDoc) {
|
| | | if (this.isIE) {
|
| | | try {this.xmlDoc = new ActiveXObject('MSXML2.DOMDocument');} catch (e) {}
|
| | | if ( div.firstChild && typeof div.firstChild.getAttribute !== "undefined" &&
|
| | | div.firstChild.getAttribute("href") !== "#" ) {
|
| | |
|
| | | if (!this.xmlDoc)
|
| | | try {this.xmlDoc = new ActiveXObject('Microsoft.XmlDom');} catch (e) {}
|
| | | } else
|
| | | this.xmlDoc = document.implementation.createDocument('', '', null);
|
| | | Expr.attrHandle.href = function( elem ) {
|
| | | return elem.getAttribute( "href", 2 );
|
| | | };
|
| | | }
|
| | |
|
| | | if (!this.xmlDoc)
|
| | | alert("Error XML Parser could not be found.");
|
| | | }
|
| | | // release memory in IE
|
| | | div = null;
|
| | | })();
|
| | |
|
| | | if (this.xmlDoc.firstChild)
|
| | | this.xmlDoc.removeChild(this.xmlDoc.firstChild);
|
| | | if ( document.querySelectorAll ) {
|
| | | (function(){
|
| | | var oldSizzle = Sizzle,
|
| | | div = document.createElement("div"),
|
| | | id = "__sizzle__";
|
| | |
|
| | | b = this.xmlDoc.createElement("html");
|
| | | b = this.xmlDoc.appendChild(b);
|
| | | div.innerHTML = "<p class='TEST'></p>";
|
| | |
|
| | | this._convertToXML(n, b);
|
| | |
|
| | | if (this.isIE)
|
| | | return this.xmlDoc.xml;
|
| | | else
|
| | | return new XMLSerializer().serializeToString(this.xmlDoc);
|
| | | },
|
| | |
|
| | | _convertToXML : function(n, xn) {
|
| | | var xd, el, i, l, cn, at, no, hc = false;
|
| | |
|
| | | if (tinyMCE.isRealIE && this._isDuplicate(n))
|
| | | // Safari can't handle uppercase or unicode characters when
|
| | | // in quirks mode.
|
| | | if ( div.querySelectorAll && div.querySelectorAll(".TEST").length === 0 ) {
|
| | | return;
|
| | | }
|
| | |
|
| | | xd = this.xmlDoc;
|
| | | Sizzle = function( query, context, extra, seed ) {
|
| | | context = context || document;
|
| | |
|
| | | switch (n.nodeType) {
|
| | | case 1: // Element
|
| | | hc = n.hasChildNodes();
|
| | | // Only use querySelectorAll on non-XML documents
|
| | | // (ID selectors don't work in non-HTML documents)
|
| | | if ( !seed && !Sizzle.isXML(context) ) {
|
| | | // See if we find a selector to speed up
|
| | | var match = /^(\w+$)|^\.([\w\-]+$)|^#([\w\-]+$)/.exec( query );
|
| | |
|
| | | el = xd.createElement(n.nodeName.toLowerCase());
|
| | | if ( match && (context.nodeType === 1 || context.nodeType === 9) ) {
|
| | | // Speed-up: Sizzle("TAG")
|
| | | if ( match[1] ) {
|
| | | return makeArray( context.getElementsByTagName( query ), extra );
|
| | |
|
| | | at = n.attributes;
|
| | | for (i=at.length-1; i>-1; i--) {
|
| | | no = at[i];
|
| | |
|
| | | if (no.specified && no.nodeValue)
|
| | | el.setAttribute(no.nodeName.toLowerCase(), no.nodeValue);
|
| | | // Speed-up: Sizzle(".CLASS")
|
| | | } else if ( match[2] && Expr.find.CLASS && context.getElementsByClassName ) {
|
| | | return makeArray( context.getElementsByClassName( match[2] ), extra );
|
| | | }
|
| | | }
|
| | |
|
| | | if (!hc && !this.closeElementsRe.test(n.nodeName))
|
| | | el.appendChild(xd.createTextNode(""));
|
| | | if ( context.nodeType === 9 ) {
|
| | | // Speed-up: Sizzle("body")
|
| | | // The body element only exists once, optimize finding it
|
| | | if ( query === "body" && context.body ) {
|
| | | return makeArray( [ context.body ], extra );
|
| | |
|
| | | xn = xn.appendChild(el);
|
| | | break;
|
| | | // Speed-up: Sizzle("#ID")
|
| | | } else if ( match && match[3] ) {
|
| | | var elem = context.getElementById( match[3] );
|
| | |
|
| | | case 3: // Text
|
| | | xn.appendChild(xd.createTextNode(n.nodeValue));
|
| | | return;
|
| | |
|
| | | case 8: // Comment
|
| | | xn.appendChild(xd.createComment(n.nodeValue));
|
| | | return;
|
| | | }
|
| | |
|
| | | if (hc) {
|
| | | cn = n.childNodes;
|
| | |
|
| | | for (i=0, l=cn.length; i<l; i++)
|
| | | this._convertToXML(cn[i], xn);
|
| | | }
|
| | | },
|
| | |
|
| | | serializeNodeAsHTML : function(n, inn) {
|
| | | var en, no, h = '', i, l, t, st, r, cn, va = false, f = false, at, hc, cr, nn;
|
| | |
|
| | | if (!this.rulesDone)
|
| | | this._setupRules(); // Will initialize cleanup rules
|
| | |
|
| | | if (tinyMCE.isRealIE && this._isDuplicate(n))
|
| | | return '';
|
| | |
|
| | | // Skip non valid child elements
|
| | | if (n.parentNode && this.childRules != null) {
|
| | | cr = this.childRules[n.parentNode.nodeName];
|
| | |
|
| | | if (typeof(cr) != "undefined" && !cr.test(n.nodeName)) {
|
| | | st = true;
|
| | | t = null;
|
| | | }
|
| | | }
|
| | |
|
| | | switch (n.nodeType) {
|
| | | case 1: // Element
|
| | | hc = n.hasChildNodes();
|
| | |
|
| | | if (st)
|
| | | break;
|
| | |
|
| | | nn = n.nodeName;
|
| | |
|
| | | if (tinyMCE.isRealIE) {
|
| | | // MSIE sometimes produces <//tag>
|
| | | if (n.nodeName.indexOf('/') != -1)
|
| | | break;
|
| | |
|
| | | // MSIE has it's NS in a separate attrib
|
| | | if (n.scopeName && n.scopeName != 'HTML')
|
| | | nn = n.scopeName.toUpperCase() + ':' + nn.toUpperCase();
|
| | | } else if (tinyMCE.isOpera && nn.indexOf(':') > 0)
|
| | | nn = nn.toUpperCase();
|
| | |
|
| | | // Convert fonts to spans
|
| | | if (this.settings.convert_fonts_to_spans) {
|
| | | // On get content FONT -> SPAN
|
| | | if (this.settings.on_save && nn == 'FONT')
|
| | | nn = 'SPAN';
|
| | |
|
| | | // On insert content SPAN -> FONT
|
| | | if (!this.settings.on_save && nn == 'SPAN')
|
| | | nn = 'FONT';
|
| | | }
|
| | |
|
| | | if (this.vElementsRe.test(nn) && (!this.iveRe || !this.iveRe.test(nn)) && !inn) {
|
| | | va = true;
|
| | |
|
| | | r = this.rules[nn];
|
| | | if (!r) {
|
| | | at = this.rules;
|
| | | for (no in at) {
|
| | | if (at[no] && at[no].validRe.test(nn)) {
|
| | | r = at[no];
|
| | | break;
|
| | | // Check parentNode to catch when Blackberry 4.6 returns
|
| | | // nodes that are no longer in the document #6963
|
| | | if ( elem && elem.parentNode ) {
|
| | | // Handle the case where IE and Opera return items
|
| | | // by name instead of ID
|
| | | if ( elem.id === match[3] ) {
|
| | | return makeArray( [ elem ], extra );
|
| | | }
|
| | |
|
| | | } else {
|
| | | return makeArray( [], extra );
|
| | | }
|
| | | }
|
| | |
|
| | | en = r.isWild ? nn.toLowerCase() : r.oTagName;
|
| | | f = r.fill;
|
| | | try {
|
| | | return makeArray( context.querySelectorAll(query), extra );
|
| | | } catch(qsaError) {}
|
| | |
|
| | | if (r.removeEmpty && !hc)
|
| | | return "";
|
| | | // qSA works strangely on Element-rooted queries
|
| | | // We can work around this by specifying an extra ID on the root
|
| | | // and working up from there (Thanks to Andrew Dupont for the technique)
|
| | | // IE 8 doesn't work on object elements
|
| | | } else if ( context.nodeType === 1 && context.nodeName.toLowerCase() !== "object" ) {
|
| | | var oldContext = context,
|
| | | old = context.getAttribute( "id" ),
|
| | | nid = old || id,
|
| | | hasParent = context.parentNode,
|
| | | relativeHierarchySelector = /^\s*[+~]/.test( query );
|
| | |
|
| | | t = '<' + en;
|
| | |
|
| | | if (r.vAttribsReIsWild) {
|
| | | // Serialize wildcard attributes
|
| | | at = n.attributes;
|
| | | for (i=at.length-1; i>-1; i--) {
|
| | | no = at[i];
|
| | | if (no.specified && r.vAttribsRe.test(no.nodeName))
|
| | | t += this._serializeAttribute(n, r, no.nodeName);
|
| | | }
|
| | | if ( !old ) {
|
| | | context.setAttribute( "id", nid );
|
| | | } else {
|
| | | // Serialize specific attributes
|
| | | for (i=r.vAttribs.length-1; i>-1; i--)
|
| | | t += this._serializeAttribute(n, r, r.vAttribs[i]);
|
| | | nid = nid.replace( /'/g, "\\$&" );
|
| | | }
|
| | | if ( relativeHierarchySelector && hasParent ) {
|
| | | context = context.parentNode;
|
| | | }
|
| | |
|
| | | // Serialize mce_ atts
|
| | | if (!this.settings.on_save) {
|
| | | at = this.mceAttribs;
|
| | | try {
|
| | | if ( !relativeHierarchySelector || hasParent ) {
|
| | | return makeArray( context.querySelectorAll( "[id='" + nid + "'] " + query ), extra );
|
| | | }
|
| | |
|
| | | for (no in at) {
|
| | | if (at[no])
|
| | | t += this._serializeAttribute(n, r, at[no]);
|
| | | } catch(pseudoError) {
|
| | | } finally {
|
| | | if ( !old ) {
|
| | | oldContext.removeAttribute( "id" );
|
| | | }
|
| | | }
|
| | |
|
| | | // Check for required attribs
|
| | | if (r.reqAttribsRe && !t.match(r.reqAttribsRe))
|
| | | t = null;
|
| | |
|
| | | // Close these
|
| | | if (t != null && this.closeElementsRe.test(nn))
|
| | | return t + ' />';
|
| | |
|
| | | if (t != null)
|
| | | h += t + '>';
|
| | |
|
| | | if (this.isIE && this.codeElementsRe.test(nn))
|
| | | h += n.innerHTML;
|
| | | }
|
| | | break;
|
| | |
|
| | | case 3: // Text
|
| | | if (st)
|
| | | break;
|
| | |
|
| | | if (n.parentNode && this.codeElementsRe.test(n.parentNode.nodeName))
|
| | | return this.isIE ? '' : n.nodeValue;
|
| | |
|
| | | return this.xmlEncode(n.nodeValue);
|
| | |
|
| | | case 8: // Comment
|
| | | if (st)
|
| | | break;
|
| | |
|
| | | return "<!--" + this._trimComment(n.nodeValue) + "-->";
|
| | | }
|
| | |
|
| | | if (hc) {
|
| | | cn = n.childNodes;
|
| | |
|
| | | for (i=0, l=cn.length; i<l; i++)
|
| | | h += this.serializeNodeAsHTML(cn[i]);
|
| | | }
|
| | |
|
| | | // Fill empty nodes
|
| | | if (f && !hc)
|
| | | h += this.fillStr;
|
| | |
|
| | | // End element
|
| | | if (t != null && va)
|
| | | h += '</' + en + '>';
|
| | |
|
| | | return h;
|
| | | },
|
| | |
|
| | | _serializeAttribute : function(n, r, an) {
|
| | | var av = '', t, os = this.settings.on_save;
|
| | |
|
| | | if (os && (an.indexOf('mce_') == 0 || an.indexOf('_moz') == 0))
|
| | | return '';
|
| | |
|
| | | if (os && this.mceAttribs[an])
|
| | | av = this._getAttrib(n, this.mceAttribs[an]);
|
| | |
|
| | | if (av.length == 0)
|
| | | av = this._getAttrib(n, an);
|
| | |
|
| | | if (av.length == 0 && r.defaultAttribs && (t = r.defaultAttribs[an])) {
|
| | | av = t;
|
| | |
|
| | | if (av == "mce_empty")
|
| | | return " " + an + '=""';
|
| | | }
|
| | |
|
| | | if (r.forceAttribs && (t = r.forceAttribs[an]))
|
| | | av = t;
|
| | |
|
| | | if (os && av.length != 0 && /^(src|href|longdesc)$/.test(an))
|
| | | av = this._urlConverter(this, n, av);
|
| | |
|
| | | if (av.length != 0 && r.validAttribValues && r.validAttribValues[an] && !r.validAttribValues[an].test(av))
|
| | | return "";
|
| | |
|
| | | if (av.length != 0 && av == "{$uid}")
|
| | | av = "uid_" + (this.idCount++);
|
| | |
|
| | | if (av.length != 0) {
|
| | | if (an.indexOf('on') != 0)
|
| | | av = this.xmlEncode(av, 1);
|
| | |
|
| | | return " " + an + "=" + '"' + av + '"';
|
| | | }
|
| | |
|
| | | return "";
|
| | | },
|
| | |
|
| | | formatHTML : function(h) {
|
| | | var s = this.settings, p = '', i = 0, li = 0, o = '', l;
|
| | |
|
| | | // Replace BR in pre elements to \n
|
| | | h = h.replace(/<pre([^>]*)>(.*?)<\/pre>/gi, function (a, b, c) {
|
| | | c = c.replace(/<br\s*\/>/gi, '\n');
|
| | | return '<pre' + b + '>' + c + '</pre>';
|
| | | });
|
| | |
|
| | | h = h.replace(/\r/g, ''); // Windows sux, isn't carriage return a thing of the past :)
|
| | | h = '\n' + h;
|
| | | h = h.replace(new RegExp('\\n\\s+', 'gi'), '\n'); // Remove previous formatting
|
| | | h = h.replace(this.nlBeforeRe, '\n<$1$2>');
|
| | | h = h.replace(this.nlAfterRe, '<$1$2>\n');
|
| | | h = h.replace(this.nlBeforeAfterRe, '\n<$1$2$3>\n');
|
| | | h += '\n';
|
| | |
|
| | | //tinyMCE.debug(h);
|
| | |
|
| | | while ((i = h.indexOf('\n', i + 1)) != -1) {
|
| | | if ((l = h.substring(li + 1, i)).length != 0) {
|
| | | if (this.ouRe.test(l) && p.length >= s.indent_levels)
|
| | | p = p.substring(s.indent_levels);
|
| | |
|
| | | o += p + l + '\n';
|
| | | |
| | | if (this.inRe.test(l))
|
| | | p += this.inStr;
|
| | | }
|
| | |
|
| | | li = i;
|
| | | return oldSizzle(query, context, extra, seed);
|
| | | };
|
| | |
|
| | | for ( var prop in oldSizzle ) {
|
| | | Sizzle[ prop ] = oldSizzle[ prop ];
|
| | | }
|
| | |
|
| | | //tinyMCE.debug(h);
|
| | | // release memory in IE
|
| | | div = null;
|
| | | })();
|
| | | }
|
| | |
|
| | | return o;
|
| | | },
|
| | | (function(){
|
| | | var html = document.documentElement,
|
| | | matches = html.matchesSelector || html.mozMatchesSelector || html.webkitMatchesSelector || html.msMatchesSelector;
|
| | |
|
| | | xmlEncode : function(s) {
|
| | | var cl = this, re = this.xmlEncodeRe;
|
| | |
|
| | | if (!this.entitiesDone)
|
| | | this._setupEntities(); // Will intialize lookup table
|
| | |
|
| | | switch (this.settings.entity_encoding) {
|
| | | case "raw":
|
| | | return tinyMCE.xmlEncode(s);
|
| | |
|
| | | case "named":
|
| | | return s.replace(re, function (c) {
|
| | | var b = cl.entities[c.charCodeAt(0)];
|
| | |
|
| | | return b ? '&' + b + ';' : c;
|
| | | });
|
| | |
|
| | | case "numeric":
|
| | | return s.replace(re, function (c) {
|
| | | return '&#' + c.charCodeAt(0) + ';';
|
| | | });
|
| | | }
|
| | |
|
| | | return s;
|
| | | },
|
| | |
|
| | | split : function(re, s) {
|
| | | var i, l, o = [], c = s.split(re);
|
| | |
|
| | | for (i=0, l=c.length; i<l; i++) {
|
| | | if (c[i] !== '')
|
| | | o[i] = c[i];
|
| | | }
|
| | |
|
| | | return o;
|
| | | },
|
| | |
|
| | | _trimComment : function(s) {
|
| | | // Remove mce_src, mce_href
|
| | | s = s.replace(new RegExp('\\smce_src=\"[^\"]*\"', 'gi'), "");
|
| | | s = s.replace(new RegExp('\\smce_href=\"[^\"]*\"', 'gi'), "");
|
| | |
|
| | | return s;
|
| | | },
|
| | |
|
| | | _getAttrib : function(e, n, d) {
|
| | | var v, ex, nn;
|
| | |
|
| | | if (typeof(d) == "undefined")
|
| | | d = "";
|
| | |
|
| | | if (!e || e.nodeType != 1)
|
| | | return d;
|
| | | if ( matches ) {
|
| | | // Check to see if it's possible to do matchesSelector
|
| | | // on a disconnected node (IE 9 fails this)
|
| | | var disconnectedMatch = !matches.call( document.createElement( "div" ), "div" ),
|
| | | pseudoWorks = false;
|
| | |
|
| | | try {
|
| | | v = e.getAttribute(n, 0);
|
| | | } catch (ex) {
|
| | | // IE 7 may cast exception on invalid attributes
|
| | | v = e.getAttribute(n, 2);
|
| | | // This should fail with an exception
|
| | | // Gecko does not error, returns false instead
|
| | | matches.call( document.documentElement, "[test!='']:sizzle" );
|
| | |
|
| | | } catch( pseudoError ) {
|
| | | pseudoWorks = true;
|
| | | }
|
| | |
|
| | | if (n == "class" && !v)
|
| | | v = e.className;
|
| | | Sizzle.matchesSelector = function( node, expr ) {
|
| | | // Make sure that attribute selectors are quoted
|
| | | expr = expr.replace(/\=\s*([^'"\]]*)\s*\]/g, "='$1']");
|
| | |
|
| | | if (this.isIE) {
|
| | | if (n == "http-equiv")
|
| | | v = e.httpEquiv;
|
| | | if ( !Sizzle.isXML( node ) ) {
|
| | | try {
|
| | | if ( pseudoWorks || !Expr.match.PSEUDO.test( expr ) && !/!=/.test( expr ) ) {
|
| | | var ret = matches.call( node, expr );
|
| | |
|
| | | nn = e.nodeName;
|
| | |
|
| | | // Skip the default values that IE returns
|
| | | if (nn == "FORM" && n == "enctype" && v == "application/x-www-form-urlencoded")
|
| | | v = "";
|
| | |
|
| | | if (nn == "INPUT" && n == "size" && v == "20")
|
| | | v = "";
|
| | |
|
| | | if (nn == "INPUT" && n == "maxlength" && v == "2147483647")
|
| | | v = "";
|
| | |
|
| | | // Images
|
| | | if (n == "width" || n == "height")
|
| | | v = e.getAttribute(n, 2);
|
| | | }
|
| | |
|
| | | if (n == 'style' && v) {
|
| | | if (!tinyMCE.isOpera)
|
| | | v = e.style.cssText;
|
| | |
|
| | | v = tinyMCE.serializeStyle(tinyMCE.parseStyle(v));
|
| | | }
|
| | |
|
| | | if (this.settings.on_save && n.indexOf('on') != -1 && this.settings.on_save && v && v !== '')
|
| | | v = tinyMCE.cleanupEventStr(v);
|
| | |
|
| | | return (v && v !== '') ? '' + v : d;
|
| | | },
|
| | |
|
| | | _urlConverter : function(c, n, v) {
|
| | | if (!c.settings.on_save)
|
| | | return tinyMCE.convertRelativeToAbsoluteURL(tinyMCE.settings.base_href, v);
|
| | | else if (tinyMCE.getParam('convert_urls')) {
|
| | | if (!this.urlConverter)
|
| | | this.urlConverter = eval(tinyMCE.settings.urlconverter_callback);
|
| | |
|
| | | return this.urlConverter(v, n, true);
|
| | | }
|
| | |
|
| | | return v;
|
| | | },
|
| | |
|
| | | _arrayToRe : function(a, op, be, af) {
|
| | | var i, r;
|
| | |
|
| | | op = typeof(op) == "undefined" ? "gi" : op;
|
| | | be = typeof(be) == "undefined" ? "^(" : be;
|
| | | af = typeof(af) == "undefined" ? ")$" : af;
|
| | |
|
| | | r = be;
|
| | |
|
| | | for (i=0; i<a.length; i++)
|
| | | r += this._wildcardToRe(a[i]) + (i != a.length-1 ? "|" : "");
|
| | |
|
| | | r += af;
|
| | |
|
| | | return new RegExp(r, op);
|
| | | },
|
| | |
|
| | | _wildcardToRe : function(s) {
|
| | | s = s.replace(/\?/g, '(\\S?)');
|
| | | s = s.replace(/\+/g, '(\\S+)');
|
| | | s = s.replace(/\*/g, '(\\S*)');
|
| | |
|
| | | return s;
|
| | | },
|
| | |
|
| | | _setupEntities : function() {
|
| | | var n, a, i, s = this.settings;
|
| | |
|
| | | // Setup entities
|
| | | if (s.entity_encoding == "named") {
|
| | | n = tinyMCE.clearArray([]);
|
| | | a = this.split(',', s.entities);
|
| | | for (i=0; i<a.length; i+=2)
|
| | | n[a[i]] = a[i+1];
|
| | |
|
| | | this.entities = n;
|
| | | }
|
| | |
|
| | | this.entitiesDone = true;
|
| | | },
|
| | |
|
| | | _setupRules : function() {
|
| | | var s = this.settings;
|
| | |
|
| | | // Setup default rule
|
| | | this.addRuleStr(s.valid_elements);
|
| | | this.addRuleStr(s.extended_valid_elements);
|
| | | this.addChildRemoveRuleStr(s.valid_child_elements);
|
| | |
|
| | | this.rulesDone = true;
|
| | | },
|
| | |
|
| | | _isDuplicate : function(n) {
|
| | | var i, l, sn;
|
| | |
|
| | | if (!this.settings.fix_content_duplication)
|
| | | return false;
|
| | |
|
| | | if (tinyMCE.isRealIE && n.nodeType == 1) {
|
| | | // Mark elements
|
| | | if (n.mce_serialized == this.serializationId)
|
| | | return true;
|
| | |
|
| | | n.setAttribute('mce_serialized', this.serializationId);
|
| | | } else {
|
| | | sn = this.serializedNodes;
|
| | |
|
| | | // Search lookup table for text nodes and comments
|
| | | for (i=0, l = sn.length; i<l; i++) {
|
| | | if (sn[i] == n)
|
| | | return true;
|
| | | // IE 9's matchesSelector returns false on disconnected nodes
|
| | | if ( ret || !disconnectedMatch ||
|
| | | // As well, disconnected nodes are said to be in a document
|
| | | // fragment in IE 9, so check for that
|
| | | node.document && node.document.nodeType !== 11 ) {
|
| | | return ret;
|
| | | }
|
| | | }
|
| | | } catch(e) {}
|
| | | }
|
| | |
|
| | | sn.push(n);
|
| | | return Sizzle(expr, null, null, [node]).length > 0;
|
| | | };
|
| | | }
|
| | | })();
|
| | |
|
| | | (function(){
|
| | | var div = document.createElement("div");
|
| | |
|
| | | div.innerHTML = "<div class='test e'></div><div class='test'></div>";
|
| | |
|
| | | // Opera can't find a second classname (in 9.6)
|
| | | // Also, make sure that getElementsByClassName actually exists
|
| | | if ( !div.getElementsByClassName || div.getElementsByClassName("e").length === 0 ) {
|
| | | return;
|
| | | }
|
| | |
|
| | | // Safari caches class attributes, doesn't catch changes (in 3.2)
|
| | | div.lastChild.className = "e";
|
| | |
|
| | | if ( div.getElementsByClassName("e").length === 1 ) {
|
| | | return;
|
| | | }
|
| | |
|
| | | Expr.order.splice(1, 0, "CLASS");
|
| | | Expr.find.CLASS = function( match, context, isXML ) {
|
| | | if ( typeof context.getElementsByClassName !== "undefined" && !isXML ) {
|
| | | return context.getElementsByClassName(match[1]);
|
| | | }
|
| | | };
|
| | |
|
| | | // release memory in IE
|
| | | div = null;
|
| | | })();
|
| | |
|
| | | function dirNodeCheck( dir, cur, doneName, checkSet, nodeCheck, isXML ) {
|
| | | for ( var i = 0, l = checkSet.length; i < l; i++ ) {
|
| | | var elem = checkSet[i];
|
| | |
|
| | | if ( elem ) {
|
| | | var match = false;
|
| | |
|
| | | elem = elem[dir];
|
| | |
|
| | | while ( elem ) {
|
| | | if ( elem[ expando ] === doneName ) {
|
| | | match = checkSet[elem.sizset];
|
| | | break;
|
| | | }
|
| | |
|
| | | if ( elem.nodeType === 1 && !isXML ){
|
| | | elem[ expando ] = doneName;
|
| | | elem.sizset = i;
|
| | | }
|
| | |
|
| | | if ( elem.nodeName.toLowerCase() === cur ) {
|
| | | match = elem;
|
| | | break;
|
| | | }
|
| | |
|
| | | elem = elem[dir];
|
| | | }
|
| | |
|
| | | checkSet[i] = match;
|
| | | }
|
| | | }
|
| | | }
|
| | |
|
| | | function dirCheck( dir, cur, doneName, checkSet, nodeCheck, isXML ) {
|
| | | for ( var i = 0, l = checkSet.length; i < l; i++ ) {
|
| | | var elem = checkSet[i];
|
| | |
|
| | | if ( elem ) {
|
| | | var match = false;
|
| | |
|
| | | elem = elem[dir];
|
| | |
|
| | | while ( elem ) {
|
| | | if ( elem[ expando ] === doneName ) {
|
| | | match = checkSet[elem.sizset];
|
| | | break;
|
| | | }
|
| | |
|
| | | if ( elem.nodeType === 1 ) {
|
| | | if ( !isXML ) {
|
| | | elem[ expando ] = doneName;
|
| | | elem.sizset = i;
|
| | | }
|
| | |
|
| | | if ( typeof cur !== "string" ) {
|
| | | if ( elem === cur ) {
|
| | | match = true;
|
| | | break;
|
| | | }
|
| | |
|
| | | } else if ( Sizzle.filter( cur, [elem] ).length > 0 ) {
|
| | | match = elem;
|
| | | break;
|
| | | }
|
| | | }
|
| | |
|
| | | elem = elem[dir];
|
| | | }
|
| | |
|
| | | checkSet[i] = match;
|
| | | }
|
| | | }
|
| | | }
|
| | |
|
| | | if ( document.documentElement.contains ) {
|
| | | Sizzle.contains = function( a, b ) {
|
| | | return a !== b && (a.contains ? a.contains(b) : true);
|
| | | };
|
| | |
|
| | | } else if ( document.documentElement.compareDocumentPosition ) {
|
| | | Sizzle.contains = function( a, b ) {
|
| | | return !!(a.compareDocumentPosition(b) & 16);
|
| | | };
|
| | |
|
| | | } else {
|
| | | Sizzle.contains = function() {
|
| | | return false;
|
| | | };
|
| | | }
|
| | |
|
| | | Sizzle.isXML = function( elem ) {
|
| | | // documentElement is verified for cases where it doesn't yet exist
|
| | | // (such as loading iframes in IE - #4833)
|
| | | var documentElement = (elem ? elem.ownerDocument || elem : 0).documentElement;
|
| | |
|
| | | return documentElement ? documentElement.nodeName !== "HTML" : false;
|
| | | };
|
| | |
|
| | | var posProcess = function( selector, context, seed ) {
|
| | | var match,
|
| | | tmpSet = [],
|
| | | later = "",
|
| | | root = context.nodeType ? [context] : context;
|
| | |
|
| | | // Position selectors must be done after the filter
|
| | | // And so must :not(positional) so we move all PSEUDOs to the end
|
| | | while ( (match = Expr.match.PSEUDO.exec( selector )) ) {
|
| | | later += match[0];
|
| | | selector = selector.replace( Expr.match.PSEUDO, "" );
|
| | | }
|
| | |
|
| | | selector = Expr.relative[selector] ? selector + "*" : selector;
|
| | |
|
| | | for ( var i = 0, l = root.length; i < l; i++ ) {
|
| | | Sizzle( selector, root[i], tmpSet, seed );
|
| | | }
|
| | |
|
| | | return Sizzle.filter( later, tmpSet );
|
| | | };
|
| | |
|
| | | // EXPOSE
|
| | |
|
| | | window.tinymce.dom.Sizzle = Sizzle;
|
| | |
|
| | | })();
|
| | |
|
| | |
|
| | | (function(tinymce) {
|
| | | tinymce.dom.Element = function(id, settings) {
|
| | | var t = this, dom, el;
|
| | |
|
| | | t.settings = settings = settings || {};
|
| | | t.id = id;
|
| | | t.dom = dom = settings.dom || tinymce.DOM;
|
| | |
|
| | | // Only IE leaks DOM references, this is a lot faster
|
| | | if (!tinymce.isIE)
|
| | | el = dom.get(t.id);
|
| | |
|
| | | tinymce.each(
|
| | | ('getPos,getRect,getParent,add,setStyle,getStyle,setStyles,' + |
| | | 'setAttrib,setAttribs,getAttrib,addClass,removeClass,' + |
| | | 'hasClass,getOuterHTML,setOuterHTML,remove,show,hide,' + |
| | | 'isHidden,setHTML,get').split(/,/), function(k) {
|
| | | t[k] = function() {
|
| | | var a = [id], i;
|
| | |
|
| | | for (i = 0; i < arguments.length; i++)
|
| | | a.push(arguments[i]);
|
| | |
|
| | | a = dom[k].apply(dom, a);
|
| | | t.update(k);
|
| | |
|
| | | return a;
|
| | | };
|
| | | }
|
| | | );
|
| | |
|
| | | tinymce.extend(t, {
|
| | | on : function(n, f, s) {
|
| | | return tinymce.dom.Event.add(t.id, n, f, s);
|
| | | },
|
| | |
|
| | | getXY : function() {
|
| | | return {
|
| | | x : parseInt(t.getStyle('left')),
|
| | | y : parseInt(t.getStyle('top'))
|
| | | };
|
| | | },
|
| | |
|
| | | getSize : function() {
|
| | | var n = dom.get(t.id);
|
| | |
|
| | | return {
|
| | | w : parseInt(t.getStyle('width') || n.clientWidth),
|
| | | h : parseInt(t.getStyle('height') || n.clientHeight)
|
| | | };
|
| | | },
|
| | |
|
| | | moveTo : function(x, y) {
|
| | | t.setStyles({left : x, top : y});
|
| | | },
|
| | |
|
| | | moveBy : function(x, y) {
|
| | | var p = t.getXY();
|
| | |
|
| | | t.moveTo(p.x + x, p.y + y);
|
| | | },
|
| | |
|
| | | resizeTo : function(w, h) {
|
| | | t.setStyles({width : w, height : h});
|
| | | },
|
| | |
|
| | | resizeBy : function(w, h) {
|
| | | var s = t.getSize();
|
| | |
|
| | | t.resizeTo(s.w + w, s.h + h);
|
| | | },
|
| | |
|
| | | update : function(k) {
|
| | | var b;
|
| | |
|
| | | if (tinymce.isIE6 && settings.blocker) {
|
| | | k = k || '';
|
| | |
|
| | | // Ignore getters
|
| | | if (k.indexOf('get') === 0 || k.indexOf('has') === 0 || k.indexOf('is') === 0)
|
| | | return;
|
| | |
|
| | | // Remove blocker on remove
|
| | | if (k == 'remove') {
|
| | | dom.remove(t.blocker);
|
| | | return;
|
| | | }
|
| | |
|
| | | if (!t.blocker) {
|
| | | t.blocker = dom.uniqueId();
|
| | | b = dom.add(settings.container || dom.getRoot(), 'iframe', {id : t.blocker, style : 'position:absolute;', frameBorder : 0, src : 'javascript:""'});
|
| | | dom.setStyle(b, 'opacity', 0);
|
| | | } else
|
| | | b = dom.get(t.blocker);
|
| | |
|
| | | dom.setStyles(b, {
|
| | | left : t.getStyle('left', 1),
|
| | | top : t.getStyle('top', 1),
|
| | | width : t.getStyle('width', 1),
|
| | | height : t.getStyle('height', 1),
|
| | | display : t.getStyle('display', 1),
|
| | | zIndex : parseInt(t.getStyle('zIndex', 1) || 0) - 1
|
| | | });
|
| | | }
|
| | | }
|
| | | });
|
| | | };
|
| | | })(tinymce);
|
| | |
|
| | | (function(tinymce) {
|
| | | function trimNl(s) {
|
| | | return s.replace(/[\n\r]+/g, '');
|
| | | };
|
| | |
|
| | | // Shorten names
|
| | | var is = tinymce.is, isIE = tinymce.isIE, each = tinymce.each, TreeWalker = tinymce.dom.TreeWalker;
|
| | |
|
| | | tinymce.create('tinymce.dom.Selection', {
|
| | | Selection : function(dom, win, serializer, editor) {
|
| | | var t = this;
|
| | |
|
| | | t.dom = dom;
|
| | | t.win = win;
|
| | | t.serializer = serializer;
|
| | | t.editor = editor;
|
| | |
|
| | | // Add events
|
| | | each([
|
| | | 'onBeforeSetContent',
|
| | |
|
| | | 'onBeforeGetContent',
|
| | |
|
| | | 'onSetContent',
|
| | |
|
| | | 'onGetContent'
|
| | | ], function(e) {
|
| | | t[e] = new tinymce.util.Dispatcher(t);
|
| | | });
|
| | |
|
| | | // No W3C Range support
|
| | | if (!t.win.getSelection)
|
| | | t.tridentSel = new tinymce.dom.TridentSelection(t);
|
| | |
|
| | | if (tinymce.isIE && dom.boxModel)
|
| | | this._fixIESelection();
|
| | |
|
| | | // Prevent leaks
|
| | | tinymce.addUnload(t.destroy, t);
|
| | | },
|
| | |
|
| | | setCursorLocation: function(node, offset) {
|
| | | var t = this; var r = t.dom.createRng();
|
| | | r.setStart(node, offset);
|
| | | r.setEnd(node, offset);
|
| | | t.setRng(r);
|
| | | t.collapse(false);
|
| | | },
|
| | | getContent : function(s) {
|
| | | var t = this, r = t.getRng(), e = t.dom.create("body"), se = t.getSel(), wb, wa, n;
|
| | |
|
| | | s = s || {};
|
| | | wb = wa = '';
|
| | | s.get = true;
|
| | | s.format = s.format || 'html';
|
| | | s.forced_root_block = '';
|
| | | t.onBeforeGetContent.dispatch(t, s);
|
| | |
|
| | | if (s.format == 'text')
|
| | | return t.isCollapsed() ? '' : (r.text || (se.toString ? se.toString() : ''));
|
| | |
|
| | | if (r.cloneContents) {
|
| | | n = r.cloneContents();
|
| | |
|
| | | if (n)
|
| | | e.appendChild(n);
|
| | | } else if (is(r.item) || is(r.htmlText)) {
|
| | | // IE will produce invalid markup if elements are present that
|
| | | // it doesn't understand like custom elements or HTML5 elements.
|
| | | // Adding a BR in front of the contents and then remoiving it seems to fix it though.
|
| | | e.innerHTML = '<br>' + (r.item ? r.item(0).outerHTML : r.htmlText);
|
| | | e.removeChild(e.firstChild);
|
| | | } else
|
| | | e.innerHTML = r.toString();
|
| | |
|
| | | // Keep whitespace before and after
|
| | | if (/^\s/.test(e.innerHTML))
|
| | | wb = ' ';
|
| | |
|
| | | if (/\s+$/.test(e.innerHTML))
|
| | | wa = ' ';
|
| | |
|
| | | s.getInner = true;
|
| | |
|
| | | s.content = t.isCollapsed() ? '' : wb + t.serializer.serialize(e, s) + wa;
|
| | | t.onGetContent.dispatch(t, s);
|
| | |
|
| | | return s.content;
|
| | | },
|
| | |
|
| | | setContent : function(content, args) {
|
| | | var self = this, rng = self.getRng(), caretNode, doc = self.win.document, frag, temp;
|
| | |
|
| | | args = args || {format : 'html'};
|
| | | args.set = true;
|
| | | content = args.content = content;
|
| | |
|
| | | // Dispatch before set content event
|
| | | if (!args.no_events)
|
| | | self.onBeforeSetContent.dispatch(self, args);
|
| | |
|
| | | content = args.content;
|
| | |
|
| | | if (rng.insertNode) {
|
| | | // Make caret marker since insertNode places the caret in the beginning of text after insert
|
| | | content += '<span id="__caret">_</span>';
|
| | |
|
| | | // Delete and insert new node
|
| | | if (rng.startContainer == doc && rng.endContainer == doc) {
|
| | | // WebKit will fail if the body is empty since the range is then invalid and it can't insert contents
|
| | | doc.body.innerHTML = content;
|
| | | } else {
|
| | | rng.deleteContents();
|
| | |
|
| | | if (doc.body.childNodes.length === 0) {
|
| | | doc.body.innerHTML = content;
|
| | | } else {
|
| | | // createContextualFragment doesn't exists in IE 9 DOMRanges
|
| | | if (rng.createContextualFragment) {
|
| | | rng.insertNode(rng.createContextualFragment(content));
|
| | | } else {
|
| | | // Fake createContextualFragment call in IE 9
|
| | | frag = doc.createDocumentFragment();
|
| | | temp = doc.createElement('div');
|
| | |
|
| | | frag.appendChild(temp);
|
| | | temp.outerHTML = content;
|
| | |
|
| | | rng.insertNode(frag);
|
| | | }
|
| | | }
|
| | | }
|
| | |
|
| | | // Move to caret marker
|
| | | caretNode = self.dom.get('__caret');
|
| | |
|
| | | // Make sure we wrap it compleatly, Opera fails with a simple select call
|
| | | rng = doc.createRange();
|
| | | rng.setStartBefore(caretNode);
|
| | | rng.setEndBefore(caretNode);
|
| | | self.setRng(rng);
|
| | |
|
| | | // Remove the caret position
|
| | | self.dom.remove('__caret');
|
| | |
|
| | | try {
|
| | | self.setRng(rng);
|
| | | } catch (ex) {
|
| | | // Might fail on Opera for some odd reason
|
| | | }
|
| | | } else {
|
| | | if (rng.item) {
|
| | | // Delete content and get caret text selection
|
| | | doc.execCommand('Delete', false, null);
|
| | | rng = self.getRng();
|
| | | }
|
| | |
|
| | | // Explorer removes spaces from the beginning of pasted contents
|
| | | if (/^\s+/.test(content)) {
|
| | | rng.pasteHTML('<span id="__mce_tmp">_</span>' + content);
|
| | | self.dom.remove('__mce_tmp');
|
| | | } else
|
| | | rng.pasteHTML(content);
|
| | | }
|
| | |
|
| | | // Dispatch set content event
|
| | | if (!args.no_events)
|
| | | self.onSetContent.dispatch(self, args);
|
| | | },
|
| | |
|
| | | getStart : function() {
|
| | | var self = this, rng = self.getRng(), startElement, parentElement, checkRng, node;
|
| | |
|
| | | if (rng.duplicate || rng.item) {
|
| | | // Control selection, return first item
|
| | | if (rng.item)
|
| | | return rng.item(0);
|
| | |
|
| | | // Get start element
|
| | | checkRng = rng.duplicate();
|
| | | checkRng.collapse(1);
|
| | | startElement = checkRng.parentElement();
|
| | | if (startElement.ownerDocument !== self.dom.doc) {
|
| | | startElement = self.dom.getRoot();
|
| | | }
|
| | |
|
| | | // Check if range parent is inside the start element, then return the inner parent element
|
| | | // This will fix issues when a single element is selected, IE would otherwise return the wrong start element
|
| | | parentElement = node = rng.parentElement();
|
| | | while (node = node.parentNode) {
|
| | | if (node == startElement) {
|
| | | startElement = parentElement;
|
| | | break;
|
| | | }
|
| | | }
|
| | |
|
| | | return startElement;
|
| | | } else {
|
| | | startElement = rng.startContainer;
|
| | |
|
| | | if (startElement.nodeType == 1 && startElement.hasChildNodes())
|
| | | startElement = startElement.childNodes[Math.min(startElement.childNodes.length - 1, rng.startOffset)];
|
| | |
|
| | | if (startElement && startElement.nodeType == 3)
|
| | | return startElement.parentNode;
|
| | |
|
| | | return startElement;
|
| | | }
|
| | | },
|
| | |
|
| | | getEnd : function() {
|
| | | var self = this, rng = self.getRng(), endElement, endOffset;
|
| | |
|
| | | if (rng.duplicate || rng.item) {
|
| | | if (rng.item)
|
| | | return rng.item(0);
|
| | |
|
| | | rng = rng.duplicate();
|
| | | rng.collapse(0);
|
| | | endElement = rng.parentElement();
|
| | | if (endElement.ownerDocument !== self.dom.doc) {
|
| | | endElement = self.dom.getRoot();
|
| | | }
|
| | |
|
| | | if (endElement && endElement.nodeName == 'BODY')
|
| | | return endElement.lastChild || endElement;
|
| | |
|
| | | return endElement;
|
| | | } else {
|
| | | endElement = rng.endContainer;
|
| | | endOffset = rng.endOffset;
|
| | |
|
| | | if (endElement.nodeType == 1 && endElement.hasChildNodes())
|
| | | endElement = endElement.childNodes[endOffset > 0 ? endOffset - 1 : endOffset];
|
| | |
|
| | | if (endElement && endElement.nodeType == 3)
|
| | | return endElement.parentNode;
|
| | |
|
| | | return endElement;
|
| | | }
|
| | | },
|
| | |
|
| | | getBookmark : function(type, normalized) {
|
| | | var t = this, dom = t.dom, rng, rng2, id, collapsed, name, element, index, chr = '\uFEFF', styles;
|
| | |
|
| | | function findIndex(name, element) {
|
| | | var index = 0;
|
| | |
|
| | | each(dom.select(name), function(node, i) {
|
| | | if (node == element)
|
| | | index = i;
|
| | | });
|
| | |
|
| | | return index;
|
| | | };
|
| | |
|
| | | function normalizeTableCellSelection(rng) {
|
| | | function moveEndPoint(start) {
|
| | | var container, offset, childNodes, prefix = start ? 'start' : 'end';
|
| | |
|
| | | container = rng[prefix + 'Container'];
|
| | | offset = rng[prefix + 'Offset'];
|
| | |
|
| | | if (container.nodeType == 1 && container.nodeName == "TR") {
|
| | | childNodes = container.childNodes;
|
| | | container = childNodes[Math.min(start ? offset : offset - 1, childNodes.length - 1)];
|
| | | if (container) {
|
| | | offset = start ? 0 : container.childNodes.length;
|
| | | rng['set' + (start ? 'Start' : 'End')](container, offset);
|
| | | }
|
| | | }
|
| | | };
|
| | |
|
| | | moveEndPoint(true);
|
| | | moveEndPoint();
|
| | |
|
| | | return rng;
|
| | | };
|
| | |
|
| | | function getLocation() {
|
| | | var rng = t.getRng(true), root = dom.getRoot(), bookmark = {};
|
| | |
|
| | | function getPoint(rng, start) {
|
| | | var container = rng[start ? 'startContainer' : 'endContainer'],
|
| | | offset = rng[start ? 'startOffset' : 'endOffset'], point = [], node, childNodes, after = 0;
|
| | |
|
| | | if (container.nodeType == 3) {
|
| | | if (normalized) {
|
| | | for (node = container.previousSibling; node && node.nodeType == 3; node = node.previousSibling)
|
| | | offset += node.nodeValue.length;
|
| | | }
|
| | |
|
| | | point.push(offset);
|
| | | } else {
|
| | | childNodes = container.childNodes;
|
| | |
|
| | | if (offset >= childNodes.length && childNodes.length) {
|
| | | after = 1;
|
| | | offset = Math.max(0, childNodes.length - 1);
|
| | | }
|
| | |
|
| | | point.push(t.dom.nodeIndex(childNodes[offset], normalized) + after);
|
| | | }
|
| | |
|
| | | for (; container && container != root; container = container.parentNode)
|
| | | point.push(t.dom.nodeIndex(container, normalized));
|
| | |
|
| | | return point;
|
| | | };
|
| | |
|
| | | bookmark.start = getPoint(rng, true);
|
| | |
|
| | | if (!t.isCollapsed())
|
| | | bookmark.end = getPoint(rng);
|
| | |
|
| | | return bookmark;
|
| | | };
|
| | |
|
| | | if (type == 2) {
|
| | | if (t.tridentSel)
|
| | | return t.tridentSel.getBookmark(type);
|
| | |
|
| | | return getLocation();
|
| | | }
|
| | |
|
| | | // Handle simple range
|
| | | if (type)
|
| | | return {rng : t.getRng()};
|
| | |
|
| | | rng = t.getRng();
|
| | | id = dom.uniqueId();
|
| | | collapsed = tinyMCE.activeEditor.selection.isCollapsed();
|
| | | styles = 'overflow:hidden;line-height:0px';
|
| | |
|
| | | // Explorer method
|
| | | if (rng.duplicate || rng.item) {
|
| | | // Text selection
|
| | | if (!rng.item) {
|
| | | rng2 = rng.duplicate();
|
| | |
|
| | | try {
|
| | | // Insert start marker
|
| | | rng.collapse();
|
| | | rng.pasteHTML('<span data-mce-type="bookmark" id="' + id + '_start" style="' + styles + '">' + chr + '</span>');
|
| | |
|
| | | // Insert end marker
|
| | | if (!collapsed) {
|
| | | rng2.collapse(false);
|
| | |
|
| | | // Detect the empty space after block elements in IE and move the end back one character <p></p>] becomes <p>]</p>
|
| | | rng.moveToElementText(rng2.parentElement());
|
| | | if (rng.compareEndPoints('StartToEnd', rng2) === 0)
|
| | | rng2.move('character', -1);
|
| | |
|
| | | rng2.pasteHTML('<span data-mce-type="bookmark" id="' + id + '_end" style="' + styles + '">' + chr + '</span>');
|
| | | }
|
| | | } catch (ex) {
|
| | | // IE might throw unspecified error so lets ignore it
|
| | | return null;
|
| | | }
|
| | | } else {
|
| | | // Control selection
|
| | | element = rng.item(0);
|
| | | name = element.nodeName;
|
| | |
|
| | | return {name : name, index : findIndex(name, element)};
|
| | | }
|
| | | } else {
|
| | | element = t.getNode();
|
| | | name = element.nodeName;
|
| | | if (name == 'IMG')
|
| | | return {name : name, index : findIndex(name, element)};
|
| | |
|
| | | // W3C method
|
| | | rng2 = normalizeTableCellSelection(rng.cloneRange());
|
| | |
|
| | | // Insert end marker
|
| | | if (!collapsed) {
|
| | | rng2.collapse(false);
|
| | | rng2.insertNode(dom.create('span', {'data-mce-type' : "bookmark", id : id + '_end', style : styles}, chr));
|
| | | }
|
| | |
|
| | | rng = normalizeTableCellSelection(rng);
|
| | | rng.collapse(true);
|
| | | rng.insertNode(dom.create('span', {'data-mce-type' : "bookmark", id : id + '_start', style : styles}, chr));
|
| | | }
|
| | |
|
| | | t.moveToBookmark({id : id, keep : 1});
|
| | |
|
| | | return {id : id};
|
| | | },
|
| | |
|
| | | moveToBookmark : function(bookmark) {
|
| | | var t = this, dom = t.dom, marker1, marker2, rng, root, startContainer, endContainer, startOffset, endOffset;
|
| | |
|
| | | function setEndPoint(start) {
|
| | | var point = bookmark[start ? 'start' : 'end'], i, node, offset, children;
|
| | |
|
| | | if (point) {
|
| | | offset = point[0];
|
| | |
|
| | | // Find container node
|
| | | for (node = root, i = point.length - 1; i >= 1; i--) {
|
| | | children = node.childNodes;
|
| | |
|
| | | if (point[i] > children.length - 1)
|
| | | return;
|
| | |
|
| | | node = children[point[i]];
|
| | | }
|
| | |
|
| | | // Move text offset to best suitable location
|
| | | if (node.nodeType === 3)
|
| | | offset = Math.min(point[0], node.nodeValue.length);
|
| | |
|
| | | // Move element offset to best suitable location
|
| | | if (node.nodeType === 1)
|
| | | offset = Math.min(point[0], node.childNodes.length);
|
| | |
|
| | | // Set offset within container node
|
| | | if (start)
|
| | | rng.setStart(node, offset);
|
| | | else
|
| | | rng.setEnd(node, offset);
|
| | | }
|
| | |
|
| | | return true;
|
| | | };
|
| | |
|
| | | function restoreEndPoint(suffix) {
|
| | | var marker = dom.get(bookmark.id + '_' + suffix), node, idx, next, prev, keep = bookmark.keep;
|
| | |
|
| | | if (marker) {
|
| | | node = marker.parentNode;
|
| | |
|
| | | if (suffix == 'start') {
|
| | | if (!keep) {
|
| | | idx = dom.nodeIndex(marker);
|
| | | } else {
|
| | | node = marker.firstChild;
|
| | | idx = 1;
|
| | | }
|
| | |
|
| | | startContainer = endContainer = node;
|
| | | startOffset = endOffset = idx;
|
| | | } else {
|
| | | if (!keep) {
|
| | | idx = dom.nodeIndex(marker);
|
| | | } else {
|
| | | node = marker.firstChild;
|
| | | idx = 1;
|
| | | }
|
| | |
|
| | | endContainer = node;
|
| | | endOffset = idx;
|
| | | }
|
| | |
|
| | | if (!keep) {
|
| | | prev = marker.previousSibling;
|
| | | next = marker.nextSibling;
|
| | |
|
| | | // Remove all marker text nodes
|
| | | each(tinymce.grep(marker.childNodes), function(node) {
|
| | | if (node.nodeType == 3)
|
| | | node.nodeValue = node.nodeValue.replace(/\uFEFF/g, '');
|
| | | });
|
| | |
|
| | | // Remove marker but keep children if for example contents where inserted into the marker
|
| | | // Also remove duplicated instances of the marker for example by a split operation or by WebKit auto split on paste feature
|
| | | while (marker = dom.get(bookmark.id + '_' + suffix))
|
| | | dom.remove(marker, 1);
|
| | |
|
| | | // If siblings are text nodes then merge them unless it's Opera since it some how removes the node
|
| | | // 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
|
| | | if (prev && next && prev.nodeType == next.nodeType && prev.nodeType == 3 && !tinymce.isOpera) {
|
| | | idx = prev.nodeValue.length;
|
| | | prev.appendData(next.nodeValue);
|
| | | dom.remove(next);
|
| | |
|
| | | if (suffix == 'start') {
|
| | | startContainer = endContainer = prev;
|
| | | startOffset = endOffset = idx;
|
| | | } else {
|
| | | endContainer = prev;
|
| | | endOffset = idx;
|
| | | }
|
| | | }
|
| | | }
|
| | | }
|
| | | };
|
| | |
|
| | | function addBogus(node) {
|
| | | // Adds a bogus BR element for empty block elements
|
| | | if (dom.isBlock(node) && !node.innerHTML && !isIE)
|
| | | node.innerHTML = '<br data-mce-bogus="1" />';
|
| | |
|
| | | return node;
|
| | | };
|
| | |
|
| | | if (bookmark) {
|
| | | if (bookmark.start) {
|
| | | rng = dom.createRng();
|
| | | root = dom.getRoot();
|
| | |
|
| | | if (t.tridentSel)
|
| | | return t.tridentSel.moveToBookmark(bookmark);
|
| | |
|
| | | if (setEndPoint(true) && setEndPoint()) {
|
| | | t.setRng(rng);
|
| | | }
|
| | | } else if (bookmark.id) {
|
| | | // Restore start/end points
|
| | | restoreEndPoint('start');
|
| | | restoreEndPoint('end');
|
| | |
|
| | | if (startContainer) {
|
| | | rng = dom.createRng();
|
| | | rng.setStart(addBogus(startContainer), startOffset);
|
| | | rng.setEnd(addBogus(endContainer), endOffset);
|
| | | t.setRng(rng);
|
| | | }
|
| | | } else if (bookmark.name) {
|
| | | t.select(dom.select(bookmark.name)[bookmark.index]);
|
| | | } else if (bookmark.rng)
|
| | | t.setRng(bookmark.rng);
|
| | | }
|
| | | },
|
| | |
|
| | | select : function(node, content) {
|
| | | var t = this, dom = t.dom, rng = dom.createRng(), idx;
|
| | |
|
| | | function setPoint(node, start) {
|
| | | var walker = new TreeWalker(node, node);
|
| | |
|
| | | do {
|
| | | // Text node
|
| | | if (node.nodeType == 3 && tinymce.trim(node.nodeValue).length !== 0) {
|
| | | if (start)
|
| | | rng.setStart(node, 0);
|
| | | else
|
| | | rng.setEnd(node, node.nodeValue.length);
|
| | |
|
| | | return;
|
| | | }
|
| | |
|
| | | // BR element
|
| | | if (node.nodeName == 'BR') {
|
| | | if (start)
|
| | | rng.setStartBefore(node);
|
| | | else
|
| | | rng.setEndBefore(node);
|
| | |
|
| | | return;
|
| | | }
|
| | | } while (node = (start ? walker.next() : walker.prev()));
|
| | | };
|
| | |
|
| | | if (node) {
|
| | | idx = dom.nodeIndex(node);
|
| | | rng.setStart(node.parentNode, idx);
|
| | | rng.setEnd(node.parentNode, idx + 1);
|
| | |
|
| | | // Find first/last text node or BR element
|
| | | if (content) {
|
| | | setPoint(node, 1);
|
| | | setPoint(node);
|
| | | }
|
| | |
|
| | | t.setRng(rng);
|
| | | }
|
| | |
|
| | | return node;
|
| | | },
|
| | |
|
| | | isCollapsed : function() {
|
| | | var t = this, r = t.getRng(), s = t.getSel();
|
| | |
|
| | | if (!r || r.item)
|
| | | return false;
|
| | |
|
| | | if (r.compareEndPoints)
|
| | | return r.compareEndPoints('StartToEnd', r) === 0;
|
| | |
|
| | | return !s || r.collapsed;
|
| | | },
|
| | |
|
| | | collapse : function(to_start) {
|
| | | var self = this, rng = self.getRng(), node;
|
| | |
|
| | | // Control range on IE
|
| | | if (rng.item) {
|
| | | node = rng.item(0);
|
| | | rng = self.win.document.body.createTextRange();
|
| | | rng.moveToElementText(node);
|
| | | }
|
| | |
|
| | | rng.collapse(!!to_start);
|
| | | self.setRng(rng);
|
| | | },
|
| | |
|
| | | getSel : function() {
|
| | | var t = this, w = this.win;
|
| | |
|
| | | return w.getSelection ? w.getSelection() : w.document.selection;
|
| | | },
|
| | |
|
| | | getRng : function(w3c) {
|
| | | var self = this, selection, rng, elm, doc = self.win.document;
|
| | |
|
| | | // Found tridentSel object then we need to use that one
|
| | | if (w3c && self.tridentSel) {
|
| | | return self.tridentSel.getRangeAt(0);
|
| | | }
|
| | |
|
| | | try {
|
| | | if (selection = self.getSel()) {
|
| | | rng = selection.rangeCount > 0 ? selection.getRangeAt(0) : (selection.createRange ? selection.createRange() : doc.createRange());
|
| | | }
|
| | | } catch (ex) {
|
| | | // IE throws unspecified error here if TinyMCE is placed in a frame/iframe
|
| | | }
|
| | |
|
| | | // We have W3C ranges and it's IE then fake control selection since IE9 doesn't handle that correctly yet
|
| | | if (tinymce.isIE && rng && rng.setStart && doc.selection.createRange().item) {
|
| | | elm = doc.selection.createRange().item(0);
|
| | | rng = doc.createRange();
|
| | | rng.setStartBefore(elm);
|
| | | rng.setEndAfter(elm);
|
| | | }
|
| | |
|
| | | // No range found then create an empty one
|
| | | // This can occur when the editor is placed in a hidden container element on Gecko
|
| | | // Or on IE when there was an exception
|
| | | if (!rng) {
|
| | | rng = doc.createRange ? doc.createRange() : doc.body.createTextRange();
|
| | | }
|
| | |
|
| | | // If range is at start of document then move it to start of body
|
| | | if (rng.setStart && rng.startContainer.nodeType === 9 && rng.collapsed) {
|
| | | elm = self.dom.getRoot();
|
| | | rng.setStart(elm, 0);
|
| | | rng.setEnd(elm, 0);
|
| | | }
|
| | |
|
| | | if (self.selectedRange && self.explicitRange) {
|
| | | if (rng.compareBoundaryPoints(rng.START_TO_START, self.selectedRange) === 0 && rng.compareBoundaryPoints(rng.END_TO_END, self.selectedRange) === 0) {
|
| | | // Safari, Opera and Chrome only ever select text which causes the range to change.
|
| | | // This lets us use the originally set range if the selection hasn't been changed by the user.
|
| | | rng = self.explicitRange;
|
| | | } else {
|
| | | self.selectedRange = null;
|
| | | self.explicitRange = null;
|
| | | }
|
| | | }
|
| | |
|
| | | return rng;
|
| | | },
|
| | |
|
| | | setRng : function(r, forward) {
|
| | | var s, t = this;
|
| | |
|
| | | if (!t.tridentSel) {
|
| | | s = t.getSel();
|
| | |
|
| | | if (s) {
|
| | | t.explicitRange = r;
|
| | |
|
| | | try {
|
| | | s.removeAllRanges();
|
| | | } catch (ex) {
|
| | | // IE9 might throw errors here don't know why
|
| | | }
|
| | |
|
| | | s.addRange(r);
|
| | |
|
| | | // Forward is set to false and we have an extend function
|
| | | if (forward === false && s.extend) {
|
| | | s.collapse(r.endContainer, r.endOffset);
|
| | | s.extend(r.startContainer, r.startOffset);
|
| | | }
|
| | |
|
| | | // adding range isn't always successful so we need to check range count otherwise an exception can occur
|
| | | t.selectedRange = s.rangeCount > 0 ? s.getRangeAt(0) : null;
|
| | | }
|
| | | } else {
|
| | | // Is W3C Range
|
| | | if (r.cloneRange) {
|
| | | try {
|
| | | t.tridentSel.addRange(r);
|
| | | return;
|
| | | } catch (ex) {
|
| | | //IE9 throws an error here if called before selection is placed in the editor
|
| | | }
|
| | | }
|
| | |
|
| | | // Is IE specific range
|
| | | try {
|
| | | r.select();
|
| | | } catch (ex) {
|
| | | // Needed for some odd IE bug #1843306
|
| | | }
|
| | | }
|
| | | },
|
| | |
|
| | | setNode : function(n) {
|
| | | var t = this;
|
| | |
|
| | | t.setContent(t.dom.getOuterHTML(n));
|
| | |
|
| | | return n;
|
| | | },
|
| | |
|
| | | getNode : function() {
|
| | | var t = this, rng = t.getRng(), sel = t.getSel(), elm, start = rng.startContainer, end = rng.endContainer;
|
| | |
|
| | | function skipEmptyTextNodes(n, forwards) {
|
| | | var orig = n;
|
| | | while (n && n.nodeType === 3 && n.length === 0) {
|
| | | n = forwards ? n.nextSibling : n.previousSibling;
|
| | | }
|
| | | return n || orig;
|
| | | };
|
| | |
|
| | | // Range maybe lost after the editor is made visible again
|
| | | if (!rng)
|
| | | return t.dom.getRoot();
|
| | |
|
| | | if (rng.setStart) {
|
| | | elm = rng.commonAncestorContainer;
|
| | |
|
| | | // Handle selection a image or other control like element such as anchors
|
| | | if (!rng.collapsed) {
|
| | | if (rng.startContainer == rng.endContainer) {
|
| | | if (rng.endOffset - rng.startOffset < 2) {
|
| | | if (rng.startContainer.hasChildNodes())
|
| | | elm = rng.startContainer.childNodes[rng.startOffset];
|
| | | }
|
| | | }
|
| | |
|
| | | // If the anchor node is a element instead of a text node then return this element
|
| | | //if (tinymce.isWebKit && sel.anchorNode && sel.anchorNode.nodeType == 1)
|
| | | // return sel.anchorNode.childNodes[sel.anchorOffset];
|
| | |
|
| | | // Handle cases where the selection is immediately wrapped around a node and return that node instead of it's parent.
|
| | | // This happens when you double click an underlined word in FireFox.
|
| | | if (start.nodeType === 3 && end.nodeType === 3) {
|
| | | if (start.length === rng.startOffset) {
|
| | | start = skipEmptyTextNodes(start.nextSibling, true);
|
| | | } else {
|
| | | start = start.parentNode;
|
| | | }
|
| | | if (rng.endOffset === 0) {
|
| | | end = skipEmptyTextNodes(end.previousSibling, false);
|
| | | } else {
|
| | | end = end.parentNode;
|
| | | }
|
| | |
|
| | | if (start && start === end)
|
| | | return start;
|
| | | }
|
| | | }
|
| | |
|
| | | if (elm && elm.nodeType == 3)
|
| | | return elm.parentNode;
|
| | |
|
| | | return elm;
|
| | | }
|
| | |
|
| | | return rng.item ? rng.item(0) : rng.parentElement();
|
| | | },
|
| | |
|
| | | getSelectedBlocks : function(st, en) {
|
| | | var t = this, dom = t.dom, sb, eb, n, bl = [];
|
| | |
|
| | | sb = dom.getParent(st || t.getStart(), dom.isBlock);
|
| | | eb = dom.getParent(en || t.getEnd(), dom.isBlock);
|
| | |
|
| | | if (sb)
|
| | | bl.push(sb);
|
| | |
|
| | | if (sb && eb && sb != eb) {
|
| | | n = sb;
|
| | |
|
| | | var walker = new TreeWalker(sb, dom.getRoot());
|
| | | while ((n = walker.next()) && n != eb) {
|
| | | if (dom.isBlock(n))
|
| | | bl.push(n);
|
| | | }
|
| | | }
|
| | |
|
| | | if (eb && sb != eb)
|
| | | bl.push(eb);
|
| | |
|
| | | return bl;
|
| | | },
|
| | |
|
| | | isForward: function(){
|
| | | var dom = this.dom, sel = this.getSel(), anchorRange, focusRange;
|
| | |
|
| | | // No support for selection direction then always return true
|
| | | if (!sel || sel.anchorNode == null || sel.focusNode == null) {
|
| | | return true;
|
| | | }
|
| | |
|
| | | anchorRange = dom.createRng();
|
| | | anchorRange.setStart(sel.anchorNode, sel.anchorOffset);
|
| | | anchorRange.collapse(true);
|
| | |
|
| | | focusRange = dom.createRng();
|
| | | focusRange.setStart(sel.focusNode, sel.focusOffset);
|
| | | focusRange.collapse(true);
|
| | |
|
| | | return anchorRange.compareBoundaryPoints(anchorRange.START_TO_START, focusRange) <= 0;
|
| | | },
|
| | |
|
| | | normalize : function() {
|
| | | var self = this, rng, normalized, collapsed, node, sibling;
|
| | |
|
| | | function normalizeEndPoint(start) {
|
| | | var container, offset, walker, dom = self.dom, body = dom.getRoot(), node, nonEmptyElementsMap, nodeName;
|
| | |
|
| | | function hasBrBeforeAfter(node, left) {
|
| | | var walker = new TreeWalker(node, dom.getParent(node.parentNode, dom.isBlock) || body);
|
| | |
|
| | | while (node = walker[left ? 'prev' : 'next']()) {
|
| | | if (node.nodeName === "BR") {
|
| | | return true;
|
| | | }
|
| | | }
|
| | | };
|
| | |
|
| | | // Walks the dom left/right to find a suitable text node to move the endpoint into
|
| | | // It will only walk within the current parent block or body and will stop if it hits a block or a BR/IMG
|
| | | function findTextNodeRelative(left, startNode) {
|
| | | var walker, lastInlineElement;
|
| | |
|
| | | startNode = startNode || container;
|
| | | walker = new TreeWalker(startNode, dom.getParent(startNode.parentNode, dom.isBlock) || body);
|
| | |
|
| | | // Walk left until we hit a text node we can move to or a block/br/img
|
| | | while (node = walker[left ? 'prev' : 'next']()) {
|
| | | // Found text node that has a length
|
| | | if (node.nodeType === 3 && node.nodeValue.length > 0) {
|
| | | container = node;
|
| | | offset = left ? node.nodeValue.length : 0;
|
| | | normalized = true;
|
| | | return;
|
| | | }
|
| | |
|
| | | // Break if we find a block or a BR/IMG/INPUT etc
|
| | | if (dom.isBlock(node) || nonEmptyElementsMap[node.nodeName.toLowerCase()]) {
|
| | | return;
|
| | | }
|
| | |
|
| | | lastInlineElement = node;
|
| | | }
|
| | |
|
| | | // Only fetch the last inline element when in caret mode for now
|
| | | if (collapsed && lastInlineElement) {
|
| | | container = lastInlineElement;
|
| | | normalized = true;
|
| | | offset = 0;
|
| | | }
|
| | | };
|
| | |
|
| | | container = rng[(start ? 'start' : 'end') + 'Container'];
|
| | | offset = rng[(start ? 'start' : 'end') + 'Offset'];
|
| | | nonEmptyElementsMap = dom.schema.getNonEmptyElements();
|
| | |
|
| | | // If the container is a document move it to the body element
|
| | | if (container.nodeType === 9) {
|
| | | container = dom.getRoot();
|
| | | offset = 0;
|
| | | }
|
| | |
|
| | | // If the container is body try move it into the closest text node or position
|
| | | if (container === body) {
|
| | | // If start is before/after a image, table etc
|
| | | if (start) {
|
| | | node = container.childNodes[offset > 0 ? offset - 1 : 0];
|
| | | if (node) {
|
| | | nodeName = node.nodeName.toLowerCase();
|
| | | if (nonEmptyElementsMap[node.nodeName] || node.nodeName == "TABLE") {
|
| | | return;
|
| | | }
|
| | | }
|
| | | }
|
| | |
|
| | | // Resolve the index
|
| | | if (container.hasChildNodes()) {
|
| | | container = container.childNodes[Math.min(!start && offset > 0 ? offset - 1 : offset, container.childNodes.length - 1)];
|
| | | offset = 0;
|
| | |
|
| | | // Don't walk into elements that doesn't have any child nodes like a IMG
|
| | | if (container.hasChildNodes() && !/TABLE/.test(container.nodeName)) {
|
| | | // Walk the DOM to find a text node to place the caret at or a BR
|
| | | node = container;
|
| | | walker = new TreeWalker(container, body);
|
| | |
|
| | | do {
|
| | | // Found a text node use that position
|
| | | if (node.nodeType === 3 && node.nodeValue.length > 0) {
|
| | | offset = start ? 0 : node.nodeValue.length;
|
| | | container = node;
|
| | | normalized = true;
|
| | | break;
|
| | | }
|
| | |
|
| | | // Found a BR/IMG element that we can place the caret before
|
| | | if (nonEmptyElementsMap[node.nodeName.toLowerCase()]) {
|
| | | offset = dom.nodeIndex(node);
|
| | | container = node.parentNode;
|
| | |
|
| | | // Put caret after image when moving the end point
|
| | | if (node.nodeName == "IMG" && !start) {
|
| | | offset++;
|
| | | }
|
| | |
|
| | | normalized = true;
|
| | | break;
|
| | | }
|
| | | } while (node = (start ? walker.next() : walker.prev()));
|
| | | }
|
| | | }
|
| | | }
|
| | |
|
| | | // Lean the caret to the left if possible
|
| | | if (collapsed) {
|
| | | // So this: <b>x</b><i>|x</i>
|
| | | // Becomes: <b>x|</b><i>x</i>
|
| | | // Seems that only gecko has issues with this
|
| | | if (container.nodeType === 3 && offset === 0) {
|
| | | findTextNodeRelative(true);
|
| | | }
|
| | |
|
| | | // Lean left into empty inline elements when the caret is before a BR
|
| | | // So this: <i><b></b><i>|<br></i>
|
| | | // Becomes: <i><b>|</b><i><br></i>
|
| | | // Seems that only gecko has issues with this
|
| | | if (container.nodeType === 1) {
|
| | | node = container.childNodes[offset];
|
| | | if(node && node.nodeName === 'BR' && !hasBrBeforeAfter(node) && !hasBrBeforeAfter(node, true)) {
|
| | | findTextNodeRelative(true, container.childNodes[offset]);
|
| | | }
|
| | | }
|
| | | }
|
| | |
|
| | | // Lean the start of the selection right if possible
|
| | | // So this: x[<b>x]</b>
|
| | | // Becomes: x<b>[x]</b>
|
| | | if (start && !collapsed && container.nodeType === 3 && offset === container.nodeValue.length) {
|
| | | findTextNodeRelative(false);
|
| | | }
|
| | |
|
| | | // Set endpoint if it was normalized
|
| | | if (normalized)
|
| | | rng['set' + (start ? 'Start' : 'End')](container, offset);
|
| | | };
|
| | |
|
| | | // Normalize only on non IE browsers for now
|
| | | if (tinymce.isIE)
|
| | | return;
|
| | | |
| | | rng = self.getRng();
|
| | | collapsed = rng.collapsed;
|
| | |
|
| | | // Normalize the end points
|
| | | normalizeEndPoint(true);
|
| | |
|
| | | if (!collapsed)
|
| | | normalizeEndPoint();
|
| | |
|
| | | // Set the selection if it was normalized
|
| | | if (normalized) {
|
| | | // If it was collapsed then make sure it still is
|
| | | if (collapsed) {
|
| | | rng.collapse(true);
|
| | | }
|
| | |
|
| | | //console.log(self.dom.dumpRng(rng));
|
| | | self.setRng(rng, self.isForward());
|
| | | }
|
| | | },
|
| | |
|
| | | selectorChanged: function(selector, callback) {
|
| | | var self = this, currentSelectors;
|
| | |
|
| | | if (!self.selectorChangedData) {
|
| | | self.selectorChangedData = {};
|
| | | currentSelectors = {};
|
| | |
|
| | | self.editor.onNodeChange.addToTop(function(ed, cm, node) {
|
| | | var dom = self.dom, parents = dom.getParents(node, null, dom.getRoot()), matchedSelectors = {};
|
| | |
|
| | | // Check for new matching selectors
|
| | | each(self.selectorChangedData, function(callbacks, selector) {
|
| | | each(parents, function(node) {
|
| | | if (dom.is(node, selector)) {
|
| | | if (!currentSelectors[selector]) {
|
| | | // Execute callbacks
|
| | | each(callbacks, function(callback) {
|
| | | callback(true, {node: node, selector: selector, parents: parents});
|
| | | });
|
| | |
|
| | | currentSelectors[selector] = callbacks;
|
| | | }
|
| | |
|
| | | matchedSelectors[selector] = callbacks;
|
| | | return false;
|
| | | }
|
| | | });
|
| | | });
|
| | |
|
| | | // Check if current selectors still match
|
| | | each(currentSelectors, function(callbacks, selector) {
|
| | | if (!matchedSelectors[selector]) {
|
| | | delete currentSelectors[selector];
|
| | |
|
| | | each(callbacks, function(callback) {
|
| | | callback(false, {node: node, selector: selector, parents: parents});
|
| | | });
|
| | | }
|
| | | });
|
| | | });
|
| | | }
|
| | |
|
| | | // Add selector listeners
|
| | | if (!self.selectorChangedData[selector]) {
|
| | | self.selectorChangedData[selector] = [];
|
| | | }
|
| | |
|
| | | self.selectorChangedData[selector].push(callback);
|
| | |
|
| | | return self;
|
| | | },
|
| | |
|
| | | destroy : function(manual) {
|
| | | var self = this;
|
| | |
|
| | | self.win = null;
|
| | |
|
| | | // Manual destroy then remove unload handler
|
| | | if (!manual)
|
| | | tinymce.removeUnload(self.destroy);
|
| | | },
|
| | |
|
| | | // IE has an issue where you can't select/move the caret by clicking outside the body if the document is in standards mode
|
| | | _fixIESelection : function() {
|
| | | var dom = this.dom, doc = dom.doc, body = doc.body, started, startRng, htmlElm;
|
| | |
|
| | | // Return range from point or null if it failed
|
| | | function rngFromPoint(x, y) {
|
| | | var rng = body.createTextRange();
|
| | |
|
| | | try {
|
| | | rng.moveToPoint(x, y);
|
| | | } catch (ex) {
|
| | | // IE sometimes throws and exception, so lets just ignore it
|
| | | rng = null;
|
| | | }
|
| | |
|
| | | return rng;
|
| | | };
|
| | |
|
| | | // Fires while the selection is changing
|
| | | function selectionChange(e) {
|
| | | var pointRng;
|
| | |
|
| | | // Check if the button is down or not
|
| | | if (e.button) {
|
| | | // Create range from mouse position
|
| | | pointRng = rngFromPoint(e.x, e.y);
|
| | |
|
| | | if (pointRng) {
|
| | | // Check if pointRange is before/after selection then change the endPoint
|
| | | if (pointRng.compareEndPoints('StartToStart', startRng) > 0)
|
| | | pointRng.setEndPoint('StartToStart', startRng);
|
| | | else
|
| | | pointRng.setEndPoint('EndToEnd', startRng);
|
| | |
|
| | | pointRng.select();
|
| | | }
|
| | | } else
|
| | | endSelection();
|
| | | }
|
| | |
|
| | | // Removes listeners
|
| | | function endSelection() {
|
| | | var rng = doc.selection.createRange();
|
| | |
|
| | | // If the range is collapsed then use the last start range
|
| | | if (startRng && !rng.item && rng.compareEndPoints('StartToEnd', rng) === 0)
|
| | | startRng.select();
|
| | |
|
| | | dom.unbind(doc, 'mouseup', endSelection);
|
| | | dom.unbind(doc, 'mousemove', selectionChange);
|
| | | startRng = started = 0;
|
| | | };
|
| | |
|
| | | // Make HTML element unselectable since we are going to handle selection by hand
|
| | | doc.documentElement.unselectable = true;
|
| | | |
| | | // Detect when user selects outside BODY
|
| | | dom.bind(doc, ['mousedown', 'contextmenu'], function(e) {
|
| | | if (e.target.nodeName === 'HTML') {
|
| | | if (started)
|
| | | endSelection();
|
| | |
|
| | | // Detect vertical scrollbar, since IE will fire a mousedown on the scrollbar and have target set as HTML
|
| | | htmlElm = doc.documentElement;
|
| | | if (htmlElm.scrollHeight > htmlElm.clientHeight)
|
| | | return;
|
| | |
|
| | | started = 1;
|
| | | // Setup start position
|
| | | startRng = rngFromPoint(e.x, e.y);
|
| | | if (startRng) {
|
| | | // Listen for selection change events
|
| | | dom.bind(doc, 'mouseup', endSelection);
|
| | | dom.bind(doc, 'mousemove', selectionChange);
|
| | |
|
| | | dom.win.focus();
|
| | | startRng.select();
|
| | | }
|
| | | }
|
| | | });
|
| | | }
|
| | | });
|
| | | })(tinymce);
|
| | |
|
| | | (function(tinymce) {
|
| | | tinymce.dom.Serializer = function(settings, dom, schema) {
|
| | | var onPreProcess, onPostProcess, isIE = tinymce.isIE, each = tinymce.each, htmlParser;
|
| | |
|
| | | // Support the old apply_source_formatting option
|
| | | if (!settings.apply_source_formatting)
|
| | | settings.indent = false;
|
| | |
|
| | | // Default DOM and Schema if they are undefined
|
| | | dom = dom || tinymce.DOM;
|
| | | schema = schema || new tinymce.html.Schema(settings);
|
| | | settings.entity_encoding = settings.entity_encoding || 'named';
|
| | | settings.remove_trailing_brs = "remove_trailing_brs" in settings ? settings.remove_trailing_brs : true;
|
| | |
|
| | | onPreProcess = new tinymce.util.Dispatcher(self);
|
| | |
|
| | | onPostProcess = new tinymce.util.Dispatcher(self);
|
| | |
|
| | | htmlParser = new tinymce.html.DomParser(settings, schema);
|
| | |
|
| | | // Convert move data-mce-src, data-mce-href and data-mce-style into nodes or process them if needed
|
| | | htmlParser.addAttributeFilter('src,href,style', function(nodes, name) {
|
| | | var i = nodes.length, node, value, internalName = 'data-mce-' + name, urlConverter = settings.url_converter, urlConverterScope = settings.url_converter_scope, undef;
|
| | |
|
| | | while (i--) {
|
| | | node = nodes[i];
|
| | |
|
| | | value = node.attributes.map[internalName];
|
| | | if (value !== undef) {
|
| | | // Set external name to internal value and remove internal
|
| | | node.attr(name, value.length > 0 ? value : null);
|
| | | node.attr(internalName, null);
|
| | | } else {
|
| | | // No internal attribute found then convert the value we have in the DOM
|
| | | value = node.attributes.map[name];
|
| | |
|
| | | if (name === "style")
|
| | | value = dom.serializeStyle(dom.parseStyle(value), node.name);
|
| | | else if (urlConverter)
|
| | | value = urlConverter.call(urlConverterScope, value, name, node.name);
|
| | |
|
| | | node.attr(name, value.length > 0 ? value : null);
|
| | | }
|
| | | }
|
| | | });
|
| | |
|
| | | // Remove internal classes mceItem<..> or mceSelected
|
| | | htmlParser.addAttributeFilter('class', function(nodes, name) {
|
| | | var i = nodes.length, node, value;
|
| | |
|
| | | while (i--) {
|
| | | node = nodes[i];
|
| | | value = node.attr('class').replace(/(?:^|\s)mce(Item\w+|Selected)(?!\S)/g, '');
|
| | | node.attr('class', value.length > 0 ? value : null);
|
| | | }
|
| | | });
|
| | |
|
| | | // Remove bookmark elements
|
| | | htmlParser.addAttributeFilter('data-mce-type', function(nodes, name, args) {
|
| | | var i = nodes.length, node;
|
| | |
|
| | | while (i--) {
|
| | | node = nodes[i];
|
| | |
|
| | | if (node.attributes.map['data-mce-type'] === 'bookmark' && !args.cleanup)
|
| | | node.remove();
|
| | | }
|
| | | });
|
| | |
|
| | | // Remove expando attributes
|
| | | htmlParser.addAttributeFilter('data-mce-expando', function(nodes, name, args) {
|
| | | var i = nodes.length;
|
| | |
|
| | | while (i--) {
|
| | | nodes[i].attr(name, null);
|
| | | }
|
| | | });
|
| | |
|
| | | // Force script into CDATA sections and remove the mce- prefix also add comments around styles
|
| | | htmlParser.addNodeFilter('script,style', function(nodes, name) {
|
| | | var i = nodes.length, node, value;
|
| | |
|
| | | function trim(value) {
|
| | | return value.replace(/(<!--\[CDATA\[|\]\]-->)/g, '\n')
|
| | | .replace(/^[\r\n]*|[\r\n]*$/g, '')
|
| | | .replace(/^\s*((<!--)?(\s*\/\/)?\s*<!\[CDATA\[|(<!--\s*)?\/\*\s*<!\[CDATA\[\s*\*\/|(\/\/)?\s*<!--|\/\*\s*<!--\s*\*\/)\s*[\r\n]*/gi, '')
|
| | | .replace(/\s*(\/\*\s*\]\]>\s*\*\/(-->)?|\s*\/\/\s*\]\]>(-->)?|\/\/\s*(-->)?|\]\]>|\/\*\s*-->\s*\*\/|\s*-->\s*)\s*$/g, '');
|
| | | };
|
| | |
|
| | | while (i--) {
|
| | | node = nodes[i];
|
| | | value = node.firstChild ? node.firstChild.value : '';
|
| | |
|
| | | if (name === "script") {
|
| | | // Remove mce- prefix from script elements
|
| | | node.attr('type', (node.attr('type') || 'text/javascript').replace(/^mce\-/, ''));
|
| | |
|
| | | if (value.length > 0)
|
| | | node.firstChild.value = '// <![CDATA[\n' + trim(value) + '\n// ]]>';
|
| | | } else {
|
| | | if (value.length > 0)
|
| | | node.firstChild.value = '<!--\n' + trim(value) + '\n-->';
|
| | | }
|
| | | }
|
| | | });
|
| | |
|
| | | // Convert comments to cdata and handle protected comments
|
| | | htmlParser.addNodeFilter('#comment', function(nodes, name) {
|
| | | var i = nodes.length, node;
|
| | |
|
| | | while (i--) {
|
| | | node = nodes[i];
|
| | |
|
| | | if (node.value.indexOf('[CDATA[') === 0) {
|
| | | node.name = '#cdata';
|
| | | node.type = 4;
|
| | | node.value = node.value.replace(/^\[CDATA\[|\]\]$/g, '');
|
| | | } else if (node.value.indexOf('mce:protected ') === 0) {
|
| | | node.name = "#text";
|
| | | node.type = 3;
|
| | | node.raw = true;
|
| | | node.value = unescape(node.value).substr(14);
|
| | | }
|
| | | }
|
| | | });
|
| | |
|
| | | htmlParser.addNodeFilter('xml:namespace,input', function(nodes, name) {
|
| | | var i = nodes.length, node;
|
| | |
|
| | | while (i--) {
|
| | | node = nodes[i];
|
| | | if (node.type === 7)
|
| | | node.remove();
|
| | | else if (node.type === 1) {
|
| | | if (name === "input" && !("type" in node.attributes.map))
|
| | | node.attr('type', 'text');
|
| | | }
|
| | | }
|
| | | });
|
| | |
|
| | | // Fix list elements, TODO: Replace this later
|
| | | if (settings.fix_list_elements) {
|
| | | htmlParser.addNodeFilter('ul,ol', function(nodes, name) {
|
| | | var i = nodes.length, node, parentNode;
|
| | |
|
| | | while (i--) {
|
| | | node = nodes[i];
|
| | | parentNode = node.parent;
|
| | |
|
| | | if (parentNode.name === 'ul' || parentNode.name === 'ol') {
|
| | | if (node.prev && node.prev.name === 'li') {
|
| | | node.prev.append(node);
|
| | | }
|
| | | }
|
| | | }
|
| | | });
|
| | | }
|
| | |
|
| | | return false;
|
| | | }
|
| | | // Remove internal data attributes
|
| | | htmlParser.addAttributeFilter('data-mce-src,data-mce-href,data-mce-style', function(nodes, name) {
|
| | | var i = nodes.length;
|
| | |
|
| | | while (i--) {
|
| | | nodes[i].attr(name, null);
|
| | | }
|
| | | });
|
| | |
|
| | | // Return public methods
|
| | | return {
|
| | | schema : schema,
|
| | |
|
| | | addNodeFilter : htmlParser.addNodeFilter,
|
| | |
|
| | | addAttributeFilter : htmlParser.addAttributeFilter,
|
| | |
|
| | | onPreProcess : onPreProcess,
|
| | |
|
| | | onPostProcess : onPostProcess,
|
| | |
|
| | | serialize : function(node, args) {
|
| | | var impl, doc, oldDoc, htmlSerializer, content;
|
| | |
|
| | | // Explorer won't clone contents of script and style and the
|
| | | // selected index of select elements are cleared on a clone operation.
|
| | | if (isIE && dom.select('script,style,select,map').length > 0) {
|
| | | content = node.innerHTML;
|
| | | node = node.cloneNode(false);
|
| | | dom.setHTML(node, content);
|
| | | } else
|
| | | node = node.cloneNode(true);
|
| | |
|
| | | // Nodes needs to be attached to something in WebKit/Opera
|
| | | // Older builds of Opera crashes if you attach the node to an document created dynamically
|
| | | // and since we can't feature detect a crash we need to sniff the acutal build number
|
| | | // This fix will make DOM ranges and make Sizzle happy!
|
| | | impl = node.ownerDocument.implementation;
|
| | | if (impl.createHTMLDocument) {
|
| | | // Create an empty HTML document
|
| | | doc = impl.createHTMLDocument("");
|
| | |
|
| | | // Add the element or it's children if it's a body element to the new document
|
| | | each(node.nodeName == 'BODY' ? node.childNodes : [node], function(node) {
|
| | | doc.body.appendChild(doc.importNode(node, true));
|
| | | });
|
| | |
|
| | | // Grab first child or body element for serialization
|
| | | if (node.nodeName != 'BODY')
|
| | | node = doc.body.firstChild;
|
| | | else
|
| | | node = doc.body;
|
| | |
|
| | | // set the new document in DOMUtils so createElement etc works
|
| | | oldDoc = dom.doc;
|
| | | dom.doc = doc;
|
| | | }
|
| | |
|
| | | args = args || {};
|
| | | args.format = args.format || 'html';
|
| | |
|
| | | // Pre process
|
| | | if (!args.no_events) {
|
| | | args.node = node;
|
| | | onPreProcess.dispatch(self, args);
|
| | | }
|
| | |
|
| | | // Setup serializer
|
| | | htmlSerializer = new tinymce.html.Serializer(settings, schema);
|
| | |
|
| | | // Parse and serialize HTML
|
| | | args.content = htmlSerializer.serialize(
|
| | | htmlParser.parse(tinymce.trim(args.getInner ? node.innerHTML : dom.getOuterHTML(node)), args)
|
| | | );
|
| | |
|
| | | // Replace all BOM characters for now until we can find a better solution
|
| | | if (!args.cleanup)
|
| | | args.content = args.content.replace(/\uFEFF/g, '');
|
| | |
|
| | | // Post process
|
| | | if (!args.no_events)
|
| | | onPostProcess.dispatch(self, args);
|
| | |
|
| | | // Restore the old document if it was changed
|
| | | if (oldDoc)
|
| | | dom.doc = oldDoc;
|
| | |
|
| | | args.node = null;
|
| | |
|
| | | return args.content;
|
| | | },
|
| | |
|
| | | addRules : function(rules) {
|
| | | schema.addValidElements(rules);
|
| | | },
|
| | |
|
| | | setRules : function(rules) {
|
| | | schema.setValidElements(rules);
|
| | | }
|
| | | };
|
| | | };
|
| | | })(tinymce);
|
| | | (function(tinymce) {
|
| | | tinymce.dom.ScriptLoader = function(settings) {
|
| | | var QUEUED = 0,
|
| | | LOADING = 1,
|
| | | LOADED = 2,
|
| | | states = {},
|
| | | queue = [],
|
| | | scriptLoadedCallbacks = {},
|
| | | queueLoadedCallbacks = [],
|
| | | loading = 0,
|
| | | undef;
|
| | |
|
| | | function loadScript(url, callback) {
|
| | | var t = this, dom = tinymce.DOM, elm, uri, loc, id;
|
| | |
|
| | | // Execute callback when script is loaded
|
| | | function done() {
|
| | | dom.remove(id);
|
| | |
|
| | | if (elm)
|
| | | elm.onreadystatechange = elm.onload = elm = null;
|
| | |
|
| | | callback();
|
| | | };
|
| | | |
| | | function error() {
|
| | | // Report the error so it's easier for people to spot loading errors
|
| | | if (typeof(console) !== "undefined" && console.log)
|
| | | console.log("Failed to load: " + url);
|
| | |
|
| | | // We can't mark it as done if there is a load error since
|
| | | // A) We don't want to produce 404 errors on the server and
|
| | | // B) the onerror event won't fire on all browsers.
|
| | | // done();
|
| | | };
|
| | |
|
| | | id = dom.uniqueId();
|
| | |
|
| | | if (tinymce.isIE6) {
|
| | | uri = new tinymce.util.URI(url);
|
| | | loc = location;
|
| | |
|
| | | // If script is from same domain and we
|
| | | // use IE 6 then use XHR since it's more reliable
|
| | | if (uri.host == loc.hostname && uri.port == loc.port && (uri.protocol + ':') == loc.protocol && uri.protocol.toLowerCase() != 'file') {
|
| | | tinymce.util.XHR.send({
|
| | | url : tinymce._addVer(uri.getURI()),
|
| | | success : function(content) {
|
| | | // Create new temp script element
|
| | | var script = dom.create('script', {
|
| | | type : 'text/javascript'
|
| | | });
|
| | |
|
| | | // Evaluate script in global scope
|
| | | script.text = content;
|
| | | document.getElementsByTagName('head')[0].appendChild(script);
|
| | | dom.remove(script);
|
| | |
|
| | | done();
|
| | | },
|
| | | |
| | | error : error
|
| | | });
|
| | |
|
| | | return;
|
| | | }
|
| | | }
|
| | |
|
| | | // Create new script element
|
| | | elm = document.createElement('script');
|
| | | elm.id = id;
|
| | | elm.type = 'text/javascript';
|
| | | elm.src = tinymce._addVer(url);
|
| | |
|
| | | // Add onload listener for non IE browsers since IE9
|
| | | // fires onload event before the script is parsed and executed
|
| | | if (!tinymce.isIE)
|
| | | elm.onload = done;
|
| | |
|
| | | // Add onerror event will get fired on some browsers but not all of them
|
| | | elm.onerror = error;
|
| | |
|
| | | // Opera 9.60 doesn't seem to fire the onreadystate event at correctly
|
| | | if (!tinymce.isOpera) {
|
| | | elm.onreadystatechange = function() {
|
| | | var state = elm.readyState;
|
| | |
|
| | | // Loaded state is passed on IE 6 however there
|
| | | // are known issues with this method but we can't use
|
| | | // XHR in a cross domain loading
|
| | | if (state == 'complete' || state == 'loaded')
|
| | | done();
|
| | | };
|
| | | }
|
| | |
|
| | | // Most browsers support this feature so we report errors
|
| | | // for those at least to help users track their missing plugins etc
|
| | | // todo: Removed since it produced error if the document is unloaded by navigating away, re-add it as an option
|
| | | /*elm.onerror = function() {
|
| | | alert('Failed to load: ' + url);
|
| | | };*/
|
| | |
|
| | | // Add script to document
|
| | | (document.getElementsByTagName('head')[0] || document.body).appendChild(elm);
|
| | | };
|
| | |
|
| | | this.isDone = function(url) {
|
| | | return states[url] == LOADED;
|
| | | };
|
| | |
|
| | | this.markDone = function(url) {
|
| | | states[url] = LOADED;
|
| | | };
|
| | |
|
| | | this.add = this.load = function(url, callback, scope) {
|
| | | var item, state = states[url];
|
| | |
|
| | | // Add url to load queue
|
| | | if (state == undef) {
|
| | | queue.push(url);
|
| | | states[url] = QUEUED;
|
| | | }
|
| | |
|
| | | if (callback) {
|
| | | // Store away callback for later execution
|
| | | if (!scriptLoadedCallbacks[url])
|
| | | scriptLoadedCallbacks[url] = [];
|
| | |
|
| | | scriptLoadedCallbacks[url].push({
|
| | | func : callback,
|
| | | scope : scope || this
|
| | | });
|
| | | }
|
| | | };
|
| | |
|
| | | this.loadQueue = function(callback, scope) {
|
| | | this.loadScripts(queue, callback, scope);
|
| | | };
|
| | |
|
| | | this.loadScripts = function(scripts, callback, scope) {
|
| | | var loadScripts;
|
| | |
|
| | | function execScriptLoadedCallbacks(url) {
|
| | | // Execute URL callback functions
|
| | | tinymce.each(scriptLoadedCallbacks[url], function(callback) {
|
| | | callback.func.call(callback.scope);
|
| | | });
|
| | |
|
| | | scriptLoadedCallbacks[url] = undef;
|
| | | };
|
| | |
|
| | | queueLoadedCallbacks.push({
|
| | | func : callback,
|
| | | scope : scope || this
|
| | | });
|
| | |
|
| | | loadScripts = function() {
|
| | | var loadingScripts = tinymce.grep(scripts);
|
| | |
|
| | | // Current scripts has been handled
|
| | | scripts.length = 0;
|
| | |
|
| | | // Load scripts that needs to be loaded
|
| | | tinymce.each(loadingScripts, function(url) {
|
| | | // Script is already loaded then execute script callbacks directly
|
| | | if (states[url] == LOADED) {
|
| | | execScriptLoadedCallbacks(url);
|
| | | return;
|
| | | }
|
| | |
|
| | | // Is script not loading then start loading it
|
| | | if (states[url] != LOADING) {
|
| | | states[url] = LOADING;
|
| | | loading++;
|
| | |
|
| | | loadScript(url, function() {
|
| | | states[url] = LOADED;
|
| | | loading--;
|
| | |
|
| | | execScriptLoadedCallbacks(url);
|
| | |
|
| | | // Load more scripts if they where added by the recently loaded script
|
| | | loadScripts();
|
| | | });
|
| | | }
|
| | | });
|
| | |
|
| | | // No scripts are currently loading then execute all pending queue loaded callbacks
|
| | | if (!loading) {
|
| | | tinymce.each(queueLoadedCallbacks, function(callback) {
|
| | | callback.func.call(callback.scope);
|
| | | });
|
| | |
|
| | | queueLoadedCallbacks.length = 0;
|
| | | }
|
| | | };
|
| | |
|
| | | loadScripts();
|
| | | };
|
| | | };
|
| | |
|
| | | // Global script loader
|
| | | tinymce.ScriptLoader = new tinymce.dom.ScriptLoader();
|
| | | })(tinymce);
|
| | |
|
| | | (function(tinymce) {
|
| | | tinymce.dom.RangeUtils = function(dom) {
|
| | | var INVISIBLE_CHAR = '\uFEFF';
|
| | |
|
| | | this.walk = function(rng, callback) {
|
| | | var startContainer = rng.startContainer,
|
| | | startOffset = rng.startOffset,
|
| | | endContainer = rng.endContainer,
|
| | | endOffset = rng.endOffset,
|
| | | ancestor, startPoint,
|
| | | endPoint, node, parent, siblings, nodes;
|
| | |
|
| | | // Handle table cell selection the table plugin enables
|
| | | // you to fake select table cells and perform formatting actions on them
|
| | | nodes = dom.select('td.mceSelected,th.mceSelected');
|
| | | if (nodes.length > 0) {
|
| | | tinymce.each(nodes, function(node) {
|
| | | callback([node]);
|
| | | });
|
| | |
|
| | | return;
|
| | | }
|
| | |
|
| | | function exclude(nodes) {
|
| | | var node;
|
| | |
|
| | | // First node is excluded
|
| | | node = nodes[0];
|
| | | if (node.nodeType === 3 && node === startContainer && startOffset >= node.nodeValue.length) {
|
| | | nodes.splice(0, 1);
|
| | | }
|
| | |
|
| | | // Last node is excluded
|
| | | node = nodes[nodes.length - 1];
|
| | | if (endOffset === 0 && nodes.length > 0 && node === endContainer && node.nodeType === 3) {
|
| | | nodes.splice(nodes.length - 1, 1);
|
| | | }
|
| | |
|
| | | return nodes;
|
| | | };
|
| | |
|
| | | function collectSiblings(node, name, end_node) {
|
| | | var siblings = [];
|
| | |
|
| | | for (; node && node != end_node; node = node[name])
|
| | | siblings.push(node);
|
| | |
|
| | | return siblings;
|
| | | };
|
| | |
|
| | | function findEndPoint(node, root) {
|
| | | do {
|
| | | if (node.parentNode == root)
|
| | | return node;
|
| | |
|
| | | node = node.parentNode;
|
| | | } while(node);
|
| | | };
|
| | |
|
| | | function walkBoundary(start_node, end_node, next) {
|
| | | var siblingName = next ? 'nextSibling' : 'previousSibling';
|
| | |
|
| | | for (node = start_node, parent = node.parentNode; node && node != end_node; node = parent) {
|
| | | parent = node.parentNode;
|
| | | siblings = collectSiblings(node == start_node ? node : node[siblingName], siblingName);
|
| | |
|
| | | if (siblings.length) {
|
| | | if (!next)
|
| | | siblings.reverse();
|
| | |
|
| | | callback(exclude(siblings));
|
| | | }
|
| | | }
|
| | | };
|
| | |
|
| | | // If index based start position then resolve it
|
| | | if (startContainer.nodeType == 1 && startContainer.hasChildNodes())
|
| | | startContainer = startContainer.childNodes[startOffset];
|
| | |
|
| | | // If index based end position then resolve it
|
| | | if (endContainer.nodeType == 1 && endContainer.hasChildNodes())
|
| | | endContainer = endContainer.childNodes[Math.min(endOffset - 1, endContainer.childNodes.length - 1)];
|
| | |
|
| | | // Same container
|
| | | if (startContainer == endContainer)
|
| | | return callback(exclude([startContainer]));
|
| | |
|
| | | // Find common ancestor and end points
|
| | | ancestor = dom.findCommonAncestor(startContainer, endContainer);
|
| | | |
| | | // Process left side
|
| | | for (node = startContainer; node; node = node.parentNode) {
|
| | | if (node === endContainer)
|
| | | return walkBoundary(startContainer, ancestor, true);
|
| | |
|
| | | if (node === ancestor)
|
| | | break;
|
| | | }
|
| | |
|
| | | // Process right side
|
| | | for (node = endContainer; node; node = node.parentNode) {
|
| | | if (node === startContainer)
|
| | | return walkBoundary(endContainer, ancestor);
|
| | |
|
| | | if (node === ancestor)
|
| | | break;
|
| | | }
|
| | |
|
| | | // Find start/end point
|
| | | startPoint = findEndPoint(startContainer, ancestor) || startContainer;
|
| | | endPoint = findEndPoint(endContainer, ancestor) || endContainer;
|
| | |
|
| | | // Walk left leaf
|
| | | walkBoundary(startContainer, startPoint, true);
|
| | |
|
| | | // Walk the middle from start to end point
|
| | | siblings = collectSiblings(
|
| | | startPoint == startContainer ? startPoint : startPoint.nextSibling,
|
| | | 'nextSibling',
|
| | | endPoint == endContainer ? endPoint.nextSibling : endPoint
|
| | | );
|
| | |
|
| | | if (siblings.length)
|
| | | callback(exclude(siblings));
|
| | |
|
| | | // Walk right leaf
|
| | | walkBoundary(endContainer, endPoint);
|
| | | };
|
| | |
|
| | | this.split = function(rng) {
|
| | | var startContainer = rng.startContainer,
|
| | | startOffset = rng.startOffset,
|
| | | endContainer = rng.endContainer,
|
| | | endOffset = rng.endOffset;
|
| | |
|
| | | function splitText(node, offset) {
|
| | | return node.splitText(offset);
|
| | | };
|
| | |
|
| | | // Handle single text node
|
| | | if (startContainer == endContainer && startContainer.nodeType == 3) {
|
| | | if (startOffset > 0 && startOffset < startContainer.nodeValue.length) {
|
| | | endContainer = splitText(startContainer, startOffset);
|
| | | startContainer = endContainer.previousSibling;
|
| | |
|
| | | if (endOffset > startOffset) {
|
| | | endOffset = endOffset - startOffset;
|
| | | startContainer = endContainer = splitText(endContainer, endOffset).previousSibling;
|
| | | endOffset = endContainer.nodeValue.length;
|
| | | startOffset = 0;
|
| | | } else {
|
| | | endOffset = 0;
|
| | | }
|
| | | }
|
| | | } else {
|
| | | // Split startContainer text node if needed
|
| | | if (startContainer.nodeType == 3 && startOffset > 0 && startOffset < startContainer.nodeValue.length) {
|
| | | startContainer = splitText(startContainer, startOffset);
|
| | | startOffset = 0;
|
| | | }
|
| | |
|
| | | // Split endContainer text node if needed
|
| | | if (endContainer.nodeType == 3 && endOffset > 0 && endOffset < endContainer.nodeValue.length) {
|
| | | endContainer = splitText(endContainer, endOffset).previousSibling;
|
| | | endOffset = endContainer.nodeValue.length;
|
| | | }
|
| | | }
|
| | |
|
| | | return {
|
| | | startContainer : startContainer,
|
| | | startOffset : startOffset,
|
| | | endContainer : endContainer,
|
| | | endOffset : endOffset
|
| | | };
|
| | | };
|
| | |
|
| | | };
|
| | |
|
| | | /* file:jscripts/tiny_mce/classes/TinyMCE_DOMUtils.class.js */
|
| | | tinymce.dom.RangeUtils.compareRanges = function(rng1, rng2) {
|
| | | if (rng1 && rng2) {
|
| | | // Compare native IE ranges
|
| | | if (rng1.item || rng1.duplicate) {
|
| | | // Both are control ranges and the selected element matches
|
| | | if (rng1.item && rng2.item && rng1.item(0) === rng2.item(0))
|
| | | return true;
|
| | |
|
| | | tinyMCE.add(TinyMCE_Engine, {
|
| | | createTagHTML : function(tn, a, h) {
|
| | | var o = '', f = tinyMCE.xmlEncode, n;
|
| | |
|
| | | o = '<' + tn;
|
| | |
|
| | | if (a) {
|
| | | for (n in a) {
|
| | | if (typeof(a[n]) != 'function' && a[n] != null)
|
| | | o += ' ' + f(n) + '="' + f('' + a[n]) + '"';
|
| | | // Both are text ranges and the range matches
|
| | | if (rng1.isEqual && rng2.isEqual && rng2.isEqual(rng1))
|
| | | return true;
|
| | | } else {
|
| | | // Compare w3c ranges
|
| | | return rng1.startContainer == rng2.startContainer && rng1.startOffset == rng2.startOffset;
|
| | | }
|
| | | }
|
| | |
|
| | | o += !h ? ' />' : '>' + h + '</' + tn + '>';
|
| | |
|
| | | return o;
|
| | | },
|
| | |
|
| | | createTag : function(d, tn, a, h) {
|
| | | var o = d.createElement(tn), n;
|
| | |
|
| | | if (a) {
|
| | | for (n in a) {
|
| | | if (typeof(a[n]) != 'function' && a[n] != null)
|
| | | tinyMCE.setAttrib(o, n, a[n]);
|
| | | }
|
| | | }
|
| | |
|
| | | if (h)
|
| | | o.innerHTML = h;
|
| | |
|
| | | return o;
|
| | | },
|
| | |
|
| | | getElementByAttributeValue : function(n, e, a, v) {
|
| | | return (n = this.getElementsByAttributeValue(n, e, a, v)).length == 0 ? null : n[0];
|
| | | },
|
| | |
|
| | | getElementsByAttributeValue : function(n, e, a, v) {
|
| | | var i, nl = n.getElementsByTagName(e), o = [];
|
| | |
|
| | | for (i=0; i<nl.length; i++) {
|
| | | if (tinyMCE.getAttrib(nl[i], a).indexOf(v) != -1)
|
| | | o[o.length] = nl[i];
|
| | | }
|
| | |
|
| | | return o;
|
| | | },
|
| | |
|
| | | isBlockElement : function(n) {
|
| | | return n != null && n.nodeType == 1 && this.blockRegExp.test(n.nodeName);
|
| | | },
|
| | |
|
| | | getParentBlockElement : function(n, r) {
|
| | | return this.getParentNode(n, function(n) {
|
| | | return tinyMCE.isBlockElement(n);
|
| | | }, r);
|
| | |
|
| | | return null;
|
| | | },
|
| | |
|
| | | insertAfter : function(n, r){
|
| | | if (r.nextSibling)
|
| | | r.parentNode.insertBefore(n, r.nextSibling);
|
| | | else
|
| | | r.parentNode.appendChild(n);
|
| | | },
|
| | |
|
| | | setInnerHTML : function(e, h) {
|
| | | var i, nl, n;
|
| | |
|
| | | // Convert all strong/em to b/i in Gecko
|
| | | if (tinyMCE.isGecko) {
|
| | | h = h.replace(/<embed([^>]*)>/gi, '<tmpembed$1>');
|
| | | h = h.replace(/<em([^>]*)>/gi, '<i$1>');
|
| | | h = h.replace(/<tmpembed([^>]*)>/gi, '<embed$1>');
|
| | | h = h.replace(/<strong([^>]*)>/gi, '<b$1>');
|
| | | h = h.replace(/<\/strong>/gi, '</b>');
|
| | | h = h.replace(/<\/em>/gi, '</i>');
|
| | | }
|
| | |
|
| | | if (tinyMCE.isRealIE) {
|
| | | // Since MSIE handles invalid HTML better that valid XHTML we
|
| | | // need to make some things invalid. <hr /> gets converted to <hr>.
|
| | | h = h.replace(/\s\/>/g, '>');
|
| | |
|
| | | // Since MSIE auto generated emtpy P tags some times we must tell it to keep the real ones
|
| | | h = h.replace(/<p([^>]*)>\u00A0?<\/p>/gi, '<p$1 mce_keep="true"> </p>'); // Keep empty paragraphs
|
| | | h = h.replace(/<p([^>]*)>\s* \s*<\/p>/gi, '<p$1 mce_keep="true"> </p>'); // Keep empty paragraphs
|
| | | h = h.replace(/<p([^>]*)>\s+<\/p>/gi, '<p$1 mce_keep="true"> </p>'); // Keep empty paragraphs
|
| | |
|
| | | // Remove first comment
|
| | | e.innerHTML = tinyMCE.uniqueTag + h;
|
| | | e.firstChild.removeNode(true);
|
| | |
|
| | | // Remove weird auto generated empty paragraphs unless it's supposed to be there
|
| | | nl = e.getElementsByTagName("p");
|
| | | for (i=nl.length-1; i>=0; i--) {
|
| | | n = nl[i];
|
| | |
|
| | | if (n.nodeName == 'P' && !n.hasChildNodes() && !n.mce_keep)
|
| | | n.parentNode.removeChild(n);
|
| | | }
|
| | | } else {
|
| | | h = this.fixGeckoBaseHREFBug(1, e, h);
|
| | | e.innerHTML = h;
|
| | | this.fixGeckoBaseHREFBug(2, e, h);
|
| | | }
|
| | | },
|
| | |
|
| | | getOuterHTML : function(e) {
|
| | | var d;
|
| | |
|
| | | if (tinyMCE.isIE)
|
| | | return e.outerHTML;
|
| | |
|
| | | d = e.ownerDocument.createElement("body");
|
| | | d.appendChild(e.cloneNode(true));
|
| | |
|
| | | return d.innerHTML;
|
| | | },
|
| | |
|
| | | setOuterHTML : function(e, h, d) {
|
| | | var d = typeof(d) == "undefined" ? e.ownerDocument : d, i, nl, t;
|
| | |
|
| | | if (tinyMCE.isIE && e.nodeType == 1)
|
| | | e.outerHTML = h;
|
| | | else {
|
| | | t = d.createElement("body");
|
| | | t.innerHTML = h;
|
| | |
|
| | | for (i=0, nl=t.childNodes; i<nl.length; i++)
|
| | | e.parentNode.insertBefore(nl[i].cloneNode(true), e);
|
| | |
|
| | | e.parentNode.removeChild(e);
|
| | | }
|
| | | },
|
| | |
|
| | | _getElementById : function(id, d) {
|
| | | var e, i, j, f;
|
| | |
|
| | | if (typeof(d) == "undefined")
|
| | | d = document;
|
| | |
|
| | | e = d.getElementById(id);
|
| | | if (!e) {
|
| | | f = d.forms;
|
| | |
|
| | | for (i=0; i<f.length; i++) {
|
| | | for (j=0; j<f[i].elements.length; j++) {
|
| | | if (f[i].elements[j].name == id) {
|
| | | e = f[i].elements[j];
|
| | | break;
|
| | | }
|
| | | }
|
| | | }
|
| | | }
|
| | |
|
| | | return e;
|
| | | },
|
| | |
|
| | | getNodeTree : function(n, na, t, nn) {
|
| | | return this.selectNodes(n, function(n) {
|
| | | return (!t || n.nodeType == t) && (!nn || n.nodeName == nn);
|
| | | }, na ? na : []);
|
| | | },
|
| | |
|
| | | getParentElement : function(n, na, f, r) {
|
| | | var re = na ? new RegExp('^(' + na.toUpperCase().replace(/,/g, '|') + ')$') : 0, v;
|
| | |
|
| | | // Compatiblity with old scripts where f param was a attribute string
|
| | | if (f && typeof(f) == 'string')
|
| | | return this.getParentElement(n, na, function(no) {return tinyMCE.getAttrib(no, f) !== '';});
|
| | |
|
| | | return this.getParentNode(n, function(n) {
|
| | | return ((n.nodeType == 1 && !re) || (re && re.test(n.nodeName))) && (!f || f(n));
|
| | | }, r);
|
| | | },
|
| | |
|
| | | getParentNode : function(n, f, r) {
|
| | | while (n) {
|
| | | if (n == r)
|
| | | return null;
|
| | |
|
| | | if (f(n))
|
| | | return n;
|
| | |
|
| | | n = n.parentNode;
|
| | | }
|
| | |
|
| | | return null;
|
| | | },
|
| | |
|
| | | getAttrib : function(elm, name, dv) {
|
| | | var v;
|
| | |
|
| | | if (typeof(dv) == "undefined")
|
| | | dv = "";
|
| | |
|
| | | // Not a element
|
| | | if (!elm || elm.nodeType != 1)
|
| | | return dv;
|
| | |
|
| | | try {
|
| | | v = elm.getAttribute(name, 0);
|
| | | } catch (ex) {
|
| | | // IE 7 may cast exception on invalid attributes
|
| | | v = elm.getAttribute(name, 2);
|
| | | }
|
| | |
|
| | | // Try className for class attrib
|
| | | if (name == "class" && !v)
|
| | | v = elm.className;
|
| | |
|
| | | // Workaround for a issue with Firefox 1.5rc2+
|
| | | if (tinyMCE.isGecko) {
|
| | | if (name == "src" && elm.src != null && elm.src !== '')
|
| | | v = elm.src;
|
| | |
|
| | | // Workaround for a issue with Firefox 1.5rc2+
|
| | | if (name == "href" && elm.href != null && elm.href !== '')
|
| | | v = elm.href;
|
| | | } else if (tinyMCE.isIE) {
|
| | | switch (name) {
|
| | | case "http-equiv":
|
| | | v = elm.httpEquiv;
|
| | | break;
|
| | |
|
| | | case "width":
|
| | | case "height":
|
| | | v = elm.getAttribute(name, 2);
|
| | | break;
|
| | | }
|
| | | }
|
| | |
|
| | | if (name == "style" && !tinyMCE.isOpera)
|
| | | v = elm.style.cssText;
|
| | |
|
| | | return (v && v !== '') ? v : dv;
|
| | | },
|
| | |
|
| | | setAttrib : function(el, name, va, fix) {
|
| | | if (typeof(va) == "number" && va != null)
|
| | | va = "" + va;
|
| | |
|
| | | if (fix) {
|
| | | if (va == null)
|
| | | va = "";
|
| | |
|
| | | va = va.replace(/[^0-9%]/g, '');
|
| | | }
|
| | |
|
| | | if (name == "style")
|
| | | el.style.cssText = va;
|
| | |
|
| | | if (name == "class")
|
| | | el.className = va;
|
| | |
|
| | | if (va != null && va !== '' && va != -1)
|
| | | el.setAttribute(name, va);
|
| | | else
|
| | | el.removeAttribute(name);
|
| | | },
|
| | |
|
| | | setStyleAttrib : function(e, n, v) {
|
| | | e.style[n] = v;
|
| | |
|
| | | // Style attrib deleted in IE
|
| | | if (tinyMCE.isIE && v == null || v == '') {
|
| | | v = tinyMCE.serializeStyle(tinyMCE.parseStyle(e.style.cssText));
|
| | | e.style.cssText = v;
|
| | | e.setAttribute("style", v);
|
| | | }
|
| | | },
|
| | |
|
| | | switchClass : function(ei, c) {
|
| | | var e;
|
| | |
|
| | | if (tinyMCE.switchClassCache[ei])
|
| | | e = tinyMCE.switchClassCache[ei];
|
| | | else
|
| | | e = tinyMCE.switchClassCache[ei] = document.getElementById(ei);
|
| | |
|
| | | if (e) {
|
| | | // Keep tile mode
|
| | | if (tinyMCE.settings.button_tile_map && e.className && e.className.indexOf('mceTiledButton') == 0)
|
| | | c = 'mceTiledButton ' + c;
|
| | |
|
| | | e.className = c;
|
| | | }
|
| | | },
|
| | |
|
| | | getAbsPosition : function(n, cn) {
|
| | | var l = 0, t = 0;
|
| | |
|
| | | while (n && n != cn) {
|
| | | l += n.offsetLeft;
|
| | | t += n.offsetTop;
|
| | | n = n.offsetParent;
|
| | | }
|
| | |
|
| | | return {absLeft : l, absTop : t};
|
| | | },
|
| | |
|
| | | prevNode : function(e, n) {
|
| | | var a = n.split(','), i;
|
| | |
|
| | | while ((e = e.previousSibling) != null) {
|
| | | for (i=0; i<a.length; i++) {
|
| | | if (e.nodeName == a[i])
|
| | | return e;
|
| | | }
|
| | | }
|
| | |
|
| | | return null;
|
| | | },
|
| | |
|
| | | nextNode : function(e, n) {
|
| | | var a = n.split(','), i;
|
| | |
|
| | | while ((e = e.nextSibling) != null) {
|
| | | for (i=0; i<a.length; i++) {
|
| | | if (e.nodeName == a[i])
|
| | | return e;
|
| | | }
|
| | | }
|
| | |
|
| | | return null;
|
| | | },
|
| | |
|
| | | selectElements : function(n, na, f) {
|
| | | var i, a = [], nl, x;
|
| | |
|
| | | for (x=0, na = na.split(','); x<na.length; x++)
|
| | | for (i=0, nl = n.getElementsByTagName(na[x]); i<nl.length; i++)
|
| | | (!f || f(nl[i])) && a.push(nl[i]);
|
| | |
|
| | | return a;
|
| | | },
|
| | |
|
| | | selectNodes : function(n, f, a) {
|
| | | var i;
|
| | |
|
| | | if (!a)
|
| | | a = [];
|
| | |
|
| | | if (f(n))
|
| | | a[a.length] = n;
|
| | |
|
| | | if (n.hasChildNodes()) {
|
| | | for (i=0; i<n.childNodes.length; i++)
|
| | | tinyMCE.selectNodes(n.childNodes[i], f, a);
|
| | | }
|
| | |
|
| | | return a;
|
| | | },
|
| | |
|
| | | addCSSClass : function(e, c, b) {
|
| | | var o = this.removeCSSClass(e, c);
|
| | | return e.className = b ? c + (o !== '' ? (' ' + o) : '') : (o !== '' ? (o + ' ') : '') + c;
|
| | | },
|
| | |
|
| | | removeCSSClass : function(e, c) {
|
| | | c = e.className.replace(new RegExp("(^|\\s+)" + c + "(\\s+|$)"), ' ');
|
| | | return e.className = c != ' ' ? c : '';
|
| | | },
|
| | |
|
| | | hasCSSClass : function(n, c) {
|
| | | return new RegExp('\\b' + c + '\\b', 'g').test(n.className);
|
| | | },
|
| | |
|
| | | renameElement : function(e, n, d) {
|
| | | var ne, i, ar;
|
| | |
|
| | | d = typeof(d) == "undefined" ? tinyMCE.selectedInstance.getDoc() : d;
|
| | |
|
| | | if (e) {
|
| | | ne = d.createElement(n);
|
| | |
|
| | | ar = e.attributes;
|
| | | for (i=ar.length-1; i>-1; i--) {
|
| | | if (ar[i].specified && ar[i].nodeValue)
|
| | | ne.setAttribute(ar[i].nodeName.toLowerCase(), ar[i].nodeValue);
|
| | | }
|
| | |
|
| | | ar = e.childNodes;
|
| | | for (i=0; i<ar.length; i++)
|
| | | ne.appendChild(ar[i].cloneNode(true));
|
| | |
|
| | | e.parentNode.replaceChild(ne, e);
|
| | | }
|
| | | },
|
| | |
|
| | | getViewPort : function(w) {
|
| | | var d = w.document, m = d.compatMode == 'CSS1Compat', b = d.body, de = d.documentElement;
|
| | |
|
| | | return {
|
| | | left : w.pageXOffset || (m ? de.scrollLeft : b.scrollLeft),
|
| | | top : w.pageYOffset || (m ? de.scrollTop : b.scrollTop),
|
| | | width : w.innerWidth || (m ? de.clientWidth : b.clientWidth),
|
| | | height : w.innerHeight || (m ? de.clientHeight : b.clientHeight)
|
| | | };
|
| | | },
|
| | |
|
| | | getStyle : function(n, na, d) {
|
| | | if (!n)
|
| | | return false;
|
| | |
|
| | | // Gecko
|
| | | if (tinyMCE.isGecko && n.ownerDocument.defaultView) {
|
| | | try {
|
| | | return n.ownerDocument.defaultView.getComputedStyle(n, null).getPropertyValue(na);
|
| | | } catch (n) {
|
| | | // Old safari might fail
|
| | | return null;
|
| | | }
|
| | | }
|
| | |
|
| | | // Camelcase it, if needed
|
| | | na = na.replace(/-(\D)/g, function(a, b){
|
| | | return b.toUpperCase();
|
| | | });
|
| | |
|
| | | // IE & Opera
|
| | | if (n.currentStyle)
|
| | | return n.currentStyle[na];
|
| | |
|
| | | return false;
|
| | | }
|
| | | };
|
| | | })(tinymce);
|
| | |
|
| | | (function(tinymce) {
|
| | | var Event = tinymce.dom.Event, each = tinymce.each;
|
| | |
|
| | | tinymce.create('tinymce.ui.KeyboardNavigation', {
|
| | | KeyboardNavigation: function(settings, dom) {
|
| | | var t = this, root = settings.root, items = settings.items,
|
| | | enableUpDown = settings.enableUpDown, enableLeftRight = settings.enableLeftRight || !settings.enableUpDown,
|
| | | excludeFromTabOrder = settings.excludeFromTabOrder,
|
| | | itemFocussed, itemBlurred, rootKeydown, rootFocussed, focussedId;
|
| | |
|
| | | dom = dom || tinymce.DOM;
|
| | |
|
| | | itemFocussed = function(evt) {
|
| | | focussedId = evt.target.id;
|
| | | };
|
| | | |
| | | itemBlurred = function(evt) {
|
| | | dom.setAttrib(evt.target.id, 'tabindex', '-1');
|
| | | };
|
| | | |
| | | rootFocussed = function(evt) {
|
| | | var item = dom.get(focussedId);
|
| | | dom.setAttrib(item, 'tabindex', '0');
|
| | | item.focus();
|
| | | };
|
| | | |
| | | t.focus = function() {
|
| | | dom.get(focussedId).focus();
|
| | | };
|
| | |
|
| | | t.destroy = function() {
|
| | | each(items, function(item) {
|
| | | var elm = dom.get(item.id);
|
| | |
|
| | | dom.unbind(elm, 'focus', itemFocussed);
|
| | | dom.unbind(elm, 'blur', itemBlurred);
|
| | | });
|
| | |
|
| | | var rootElm = dom.get(root);
|
| | | dom.unbind(rootElm, 'focus', rootFocussed);
|
| | | dom.unbind(rootElm, 'keydown', rootKeydown);
|
| | |
|
| | | items = dom = root = t.focus = itemFocussed = itemBlurred = rootKeydown = rootFocussed = null;
|
| | | t.destroy = function() {};
|
| | | };
|
| | | |
| | | t.moveFocus = function(dir, evt) {
|
| | | var idx = -1, controls = t.controls, newFocus;
|
| | |
|
| | | if (!focussedId)
|
| | | return;
|
| | |
|
| | | each(items, function(item, index) {
|
| | | if (item.id === focussedId) {
|
| | | idx = index;
|
| | | return false;
|
| | | }
|
| | | });
|
| | |
|
| | | idx += dir;
|
| | | if (idx < 0) {
|
| | | idx = items.length - 1;
|
| | | } else if (idx >= items.length) {
|
| | | idx = 0;
|
| | | }
|
| | | |
| | | newFocus = items[idx];
|
| | | dom.setAttrib(focussedId, 'tabindex', '-1');
|
| | | dom.setAttrib(newFocus.id, 'tabindex', '0');
|
| | | dom.get(newFocus.id).focus();
|
| | |
|
| | | if (settings.actOnFocus) {
|
| | | settings.onAction(newFocus.id);
|
| | | }
|
| | |
|
| | | if (evt)
|
| | | Event.cancel(evt);
|
| | | };
|
| | | |
| | | rootKeydown = function(evt) {
|
| | | 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;
|
| | | |
| | | switch (evt.keyCode) {
|
| | | case DOM_VK_LEFT:
|
| | | if (enableLeftRight) t.moveFocus(-1);
|
| | | break;
|
| | | |
| | | case DOM_VK_RIGHT:
|
| | | if (enableLeftRight) t.moveFocus(1);
|
| | | break;
|
| | | |
| | | case DOM_VK_UP:
|
| | | if (enableUpDown) t.moveFocus(-1);
|
| | | break;
|
| | |
|
| | | case DOM_VK_DOWN:
|
| | | if (enableUpDown) t.moveFocus(1);
|
| | | break;
|
| | |
|
| | | case DOM_VK_ESCAPE:
|
| | | if (settings.onCancel) {
|
| | | settings.onCancel();
|
| | | Event.cancel(evt);
|
| | | }
|
| | | break;
|
| | |
|
| | | case DOM_VK_ENTER:
|
| | | case DOM_VK_RETURN:
|
| | | case DOM_VK_SPACE:
|
| | | if (settings.onAction) {
|
| | | settings.onAction(focussedId);
|
| | | Event.cancel(evt);
|
| | | }
|
| | | break;
|
| | | }
|
| | | };
|
| | |
|
| | | // Set up state and listeners for each item.
|
| | | each(items, function(item, idx) {
|
| | | var tabindex, elm;
|
| | |
|
| | | if (!item.id) {
|
| | | item.id = dom.uniqueId('_mce_item_');
|
| | | }
|
| | |
|
| | | elm = dom.get(item.id);
|
| | |
|
| | | if (excludeFromTabOrder) {
|
| | | dom.bind(elm, 'blur', itemBlurred);
|
| | | tabindex = '-1';
|
| | | } else {
|
| | | tabindex = (idx === 0 ? '0' : '-1');
|
| | | }
|
| | |
|
| | | elm.setAttribute('tabindex', tabindex);
|
| | | dom.bind(elm, 'focus', itemFocussed);
|
| | | });
|
| | | |
| | | // Setup initial state for root element.
|
| | | if (items[0]){
|
| | | focussedId = items[0].id;
|
| | | }
|
| | |
|
| | | dom.setAttrib(root, 'tabindex', '-1');
|
| | |
|
| | | // Setup listeners for root element.
|
| | | var rootElm = dom.get(root);
|
| | | dom.bind(rootElm, 'focus', rootFocussed);
|
| | | dom.bind(rootElm, 'keydown', rootKeydown);
|
| | | }
|
| | | });
|
| | | })(tinymce);
|
| | |
|
| | | /* file:jscripts/tiny_mce/classes/TinyMCE_URL.class.js */
|
| | | (function(tinymce) {
|
| | | // Shorten class names
|
| | | var DOM = tinymce.DOM, is = tinymce.is;
|
| | |
|
| | | tinyMCE.add(TinyMCE_Engine, {
|
| | | parseURL : function(url_str) {
|
| | | var urlParts = [], i, pos, lastPos, chr;
|
| | |
|
| | | if (url_str) {
|
| | | // Parse protocol part
|
| | | pos = url_str.indexOf('://');
|
| | | if (pos != -1) {
|
| | | urlParts.protocol = url_str.substring(0, pos);
|
| | | lastPos = pos + 3;
|
| | | tinymce.create('tinymce.ui.Control', {
|
| | | Control : function(id, s, editor) {
|
| | | this.id = id;
|
| | | this.settings = s = s || {};
|
| | | this.rendered = false;
|
| | | this.onRender = new tinymce.util.Dispatcher(this);
|
| | | this.classPrefix = '';
|
| | | this.scope = s.scope || this;
|
| | | this.disabled = 0;
|
| | | this.active = 0;
|
| | | this.editor = editor;
|
| | | },
|
| | | |
| | | setAriaProperty : function(property, value) {
|
| | | var element = DOM.get(this.id + '_aria') || DOM.get(this.id);
|
| | | if (element) {
|
| | | DOM.setAttrib(element, 'aria-' + property, !!value);
|
| | | }
|
| | | },
|
| | | |
| | | focus : function() {
|
| | | DOM.get(this.id).focus();
|
| | | },
|
| | |
|
| | | // Find port or path start
|
| | | for (i=lastPos; i<url_str.length; i++) {
|
| | | chr = url_str.charAt(i);
|
| | | setDisabled : function(s) {
|
| | | if (s != this.disabled) {
|
| | | this.setAriaProperty('disabled', s);
|
| | |
|
| | | if (chr == ':')
|
| | | break;
|
| | |
|
| | | if (chr == '/')
|
| | | break;
|
| | | this.setState('Disabled', s);
|
| | | this.setState('Enabled', !s);
|
| | | this.disabled = s;
|
| | | }
|
| | | pos = i;
|
| | | },
|
| | |
|
| | | // Get host
|
| | | urlParts.host = url_str.substring(lastPos, pos);
|
| | | isDisabled : function() {
|
| | | return this.disabled;
|
| | | },
|
| | |
|
| | | // Get port
|
| | | urlParts.port = "";
|
| | | lastPos = pos;
|
| | | if (url_str.charAt(pos) == ':') {
|
| | | pos = url_str.indexOf('/', lastPos);
|
| | | urlParts.port = url_str.substring(lastPos+1, pos);
|
| | | setActive : function(s) {
|
| | | if (s != this.active) {
|
| | | this.setState('Active', s);
|
| | | this.active = s;
|
| | | this.setAriaProperty('pressed', s);
|
| | | }
|
| | | },
|
| | |
|
| | | // Get path
|
| | | lastPos = pos;
|
| | | pos = url_str.indexOf('?', lastPos);
|
| | | isActive : function() {
|
| | | return this.active;
|
| | | },
|
| | |
|
| | | if (pos == -1)
|
| | | pos = url_str.indexOf('#', lastPos);
|
| | | setState : function(c, s) {
|
| | | var n = DOM.get(this.id);
|
| | |
|
| | | if (pos == -1)
|
| | | pos = url_str.length;
|
| | | c = this.classPrefix + c;
|
| | |
|
| | | urlParts.path = url_str.substring(lastPos, pos);
|
| | |
|
| | | // Get query
|
| | | lastPos = pos;
|
| | | if (url_str.charAt(pos) == '?') {
|
| | | pos = url_str.indexOf('#');
|
| | | pos = (pos == -1) ? url_str.length : pos;
|
| | | urlParts.query = url_str.substring(lastPos+1, pos);
|
| | | }
|
| | |
|
| | | // Get anchor
|
| | | lastPos = pos;
|
| | | if (url_str.charAt(pos) == '#') {
|
| | | pos = url_str.length;
|
| | | urlParts.anchor = url_str.substring(lastPos+1, pos);
|
| | | }
|
| | | }
|
| | |
|
| | | return urlParts;
|
| | | },
|
| | |
|
| | | serializeURL : function(up) {
|
| | | var o = "";
|
| | |
|
| | | if (up.protocol)
|
| | | o += up.protocol + "://";
|
| | |
|
| | | if (up.host)
|
| | | o += up.host;
|
| | |
|
| | | if (up.port)
|
| | | o += ":" + up.port;
|
| | |
|
| | | if (up.path)
|
| | | o += up.path;
|
| | |
|
| | | if (up.query)
|
| | | o += "?" + up.query;
|
| | |
|
| | | if (up.anchor)
|
| | | o += "#" + up.anchor;
|
| | |
|
| | | return o;
|
| | | },
|
| | |
|
| | | convertAbsoluteURLToRelativeURL : function(base_url, url_to_relative) {
|
| | | var baseURL = this.parseURL(base_url), targetURL = this.parseURL(url_to_relative);
|
| | | var i, strTok1, strTok2, breakPoint = 0, outPath = "", forceSlash = false;
|
| | | var fileName, pos;
|
| | |
|
| | | if (targetURL.path == '')
|
| | | targetURL.path = "/";
|
| | | else
|
| | | forceSlash = true;
|
| | |
|
| | | // Crop away last path part
|
| | | base_url = baseURL.path.substring(0, baseURL.path.lastIndexOf('/'));
|
| | | strTok1 = base_url.split('/');
|
| | | strTok2 = targetURL.path.split('/');
|
| | |
|
| | | if (strTok1.length >= strTok2.length) {
|
| | | for (i=0; i<strTok1.length; i++) {
|
| | | if (i >= strTok2.length || strTok1[i] != strTok2[i]) {
|
| | | breakPoint = i + 1;
|
| | | break;
|
| | | }
|
| | | }
|
| | | }
|
| | |
|
| | | if (strTok1.length < strTok2.length) {
|
| | | for (i=0; i<strTok2.length; i++) {
|
| | | if (i >= strTok1.length || strTok1[i] != strTok2[i]) {
|
| | | breakPoint = i + 1;
|
| | | break;
|
| | | }
|
| | | }
|
| | | }
|
| | |
|
| | | if (breakPoint == 1)
|
| | | return targetURL.path;
|
| | |
|
| | | for (i=0; i<(strTok1.length-(breakPoint-1)); i++)
|
| | | outPath += "../";
|
| | |
|
| | | for (i=breakPoint-1; i<strTok2.length; i++) {
|
| | | if (i != (breakPoint-1))
|
| | | outPath += "/" + strTok2[i];
|
| | | if (s)
|
| | | DOM.addClass(n, c);
|
| | | else
|
| | | outPath += strTok2[i];
|
| | | }
|
| | | DOM.removeClass(n, c);
|
| | | },
|
| | |
|
| | | targetURL.protocol = null;
|
| | | targetURL.host = null;
|
| | | targetURL.port = null;
|
| | | targetURL.path = outPath == '' && forceSlash ? "/" : outPath;
|
| | | isRendered : function() {
|
| | | return this.rendered;
|
| | | },
|
| | |
|
| | | // Remove document prefix from local anchors
|
| | | fileName = baseURL.path;
|
| | | renderHTML : function() {
|
| | | },
|
| | |
|
| | | if ((pos = fileName.lastIndexOf('/')) != -1)
|
| | | fileName = fileName.substring(pos + 1);
|
| | | renderTo : function(n) {
|
| | | DOM.setHTML(n, this.renderHTML());
|
| | | },
|
| | |
|
| | | // Is local anchor
|
| | | if (fileName == targetURL.path && targetURL.anchor !== '')
|
| | | targetURL.path = "";
|
| | | postRender : function() {
|
| | | var t = this, b;
|
| | |
|
| | | // If empty and not local anchor force filename or slash
|
| | | if (targetURL.path == '' && !targetURL.anchor)
|
| | | targetURL.path = fileName !== '' ? fileName : "/";
|
| | |
|
| | | return this.serializeURL(targetURL);
|
| | | },
|
| | |
|
| | | convertRelativeToAbsoluteURL : function(base_url, relative_url) {
|
| | | var baseURL = this.parseURL(base_url), baseURLParts, relURLParts, newRelURLParts, numBack, relURL = this.parseURL(relative_url), i;
|
| | | var len, absPath, start, end, newBaseURLParts;
|
| | |
|
| | | if (relative_url == '' || relative_url.indexOf('://') != -1 || /^(mailto:|javascript:|#|\/)/.test(relative_url))
|
| | | return relative_url;
|
| | |
|
| | | // Split parts
|
| | | baseURLParts = baseURL.path.split('/');
|
| | | relURLParts = relURL.path.split('/');
|
| | |
|
| | | // Remove empty chunks
|
| | | newBaseURLParts = [];
|
| | | for (i=baseURLParts.length-1; i>=0; i--) {
|
| | | if (baseURLParts[i].length == 0)
|
| | | continue;
|
| | |
|
| | | newBaseURLParts[newBaseURLParts.length] = baseURLParts[i];
|
| | | }
|
| | | baseURLParts = newBaseURLParts.reverse();
|
| | |
|
| | | // Merge relURLParts chunks
|
| | | newRelURLParts = [];
|
| | | numBack = 0;
|
| | | for (i=relURLParts.length-1; i>=0; i--) {
|
| | | if (relURLParts[i].length == 0 || relURLParts[i] == ".")
|
| | | continue;
|
| | |
|
| | | if (relURLParts[i] == '..') {
|
| | | numBack++;
|
| | | continue;
|
| | | // Set pending states
|
| | | if (is(t.disabled)) {
|
| | | b = t.disabled;
|
| | | t.disabled = -1;
|
| | | t.setDisabled(b);
|
| | | }
|
| | |
|
| | | if (numBack > 0) {
|
| | | numBack--;
|
| | | continue;
|
| | | if (is(t.active)) {
|
| | | b = t.active;
|
| | | t.active = -1;
|
| | | t.setActive(b);
|
| | | }
|
| | | },
|
| | |
|
| | | newRelURLParts[newRelURLParts.length] = relURLParts[i];
|
| | | remove : function() {
|
| | | DOM.remove(this.id);
|
| | | this.destroy();
|
| | | },
|
| | |
|
| | | destroy : function() {
|
| | | tinymce.dom.Event.clear(this.id);
|
| | | }
|
| | |
|
| | | relURLParts = newRelURLParts.reverse();
|
| | |
|
| | | // Remove end from absolute path
|
| | | len = baseURLParts.length-numBack;
|
| | | absPath = (len <= 0 ? "" : "/") + baseURLParts.slice(0, len).join('/') + "/" + relURLParts.join('/');
|
| | | start = "";
|
| | | end = "";
|
| | |
|
| | | // Build output URL
|
| | | relURL.protocol = baseURL.protocol;
|
| | | relURL.host = baseURL.host;
|
| | | relURL.port = baseURL.port;
|
| | |
|
| | | // Re-add trailing slash if it's removed
|
| | | if (relURL.path.charAt(relURL.path.length-1) == "/")
|
| | | absPath += "/";
|
| | |
|
| | | relURL.path = absPath;
|
| | |
|
| | | return this.serializeURL(relURL);
|
| | | },
|
| | |
|
| | | convertURL : function(url, node, on_save) {
|
| | | var dl = document.location, start, portPart, urlParts, baseUrlParts, tmpUrlParts, curl;
|
| | | var prot = dl.protocol, host = dl.hostname, port = dl.port;
|
| | |
|
| | | // Pass through file protocol
|
| | | if (prot == "file:")
|
| | | return url;
|
| | |
|
| | | // Something is wrong, remove weirdness
|
| | | url = tinyMCE.regexpReplace(url, '(http|https):///', '/');
|
| | |
|
| | | // Mailto link or anchor (Pass through)
|
| | | if (url.indexOf('mailto:') != -1 || url.indexOf('javascript:') != -1 || /^[ \t\r\n\+]*[#\?]/.test(url))
|
| | | return url;
|
| | |
|
| | | // Fix relative/Mozilla
|
| | | if (!tinyMCE.isIE && !on_save && url.indexOf("://") == -1 && url.charAt(0) != '/')
|
| | | return tinyMCE.settings.base_href + url;
|
| | |
|
| | | // Handle relative URLs
|
| | | if (on_save && tinyMCE.getParam('relative_urls')) {
|
| | | curl = tinyMCE.convertRelativeToAbsoluteURL(tinyMCE.settings.base_href, url);
|
| | | if (curl.charAt(0) == '/')
|
| | | curl = tinyMCE.settings.document_base_prefix + curl;
|
| | |
|
| | | urlParts = tinyMCE.parseURL(curl);
|
| | | tmpUrlParts = tinyMCE.parseURL(tinyMCE.settings.document_base_url);
|
| | |
|
| | | // Force relative
|
| | | if (urlParts.host == tmpUrlParts.host && (urlParts.port == tmpUrlParts.port))
|
| | | return tinyMCE.convertAbsoluteURLToRelativeURL(tinyMCE.settings.document_base_url, curl);
|
| | | }
|
| | |
|
| | | // Handle absolute URLs
|
| | | if (!tinyMCE.getParam('relative_urls')) {
|
| | | urlParts = tinyMCE.parseURL(url);
|
| | | baseUrlParts = tinyMCE.parseURL(tinyMCE.settings.base_href);
|
| | |
|
| | | // Force absolute URLs from relative URLs
|
| | | url = tinyMCE.convertRelativeToAbsoluteURL(tinyMCE.settings.base_href, url);
|
| | |
|
| | | // If anchor and path is the same page
|
| | | if (urlParts.anchor && urlParts.path == baseUrlParts.path)
|
| | | return "#" + urlParts.anchor;
|
| | | }
|
| | |
|
| | | // Remove current domain
|
| | | if (tinyMCE.getParam('remove_script_host')) {
|
| | | start = "";
|
| | | portPart = "";
|
| | |
|
| | | if (port !== '')
|
| | | portPart = ":" + port;
|
| | |
|
| | | start = prot + "//" + host + portPart + "/";
|
| | |
|
| | | if (url.indexOf(start) == 0)
|
| | | url = url.substring(start.length-1);
|
| | | }
|
| | |
|
| | | return url;
|
| | | },
|
| | |
|
| | | convertAllRelativeURLs : function(body) {
|
| | | var i, elms, src, href, mhref, msrc;
|
| | |
|
| | | // Convert all image URL:s to absolute URL
|
| | | elms = body.getElementsByTagName("img");
|
| | | for (i=0; i<elms.length; i++) {
|
| | | src = tinyMCE.getAttrib(elms[i], 'src');
|
| | |
|
| | | msrc = tinyMCE.getAttrib(elms[i], 'mce_src');
|
| | | if (msrc !== '')
|
| | | src = msrc;
|
| | |
|
| | | if (src !== '') {
|
| | | src = tinyMCE.convertRelativeToAbsoluteURL(tinyMCE.settings.base_href, src);
|
| | | elms[i].setAttribute("src", src);
|
| | | }
|
| | | }
|
| | |
|
| | | // Convert all link URL:s to absolute URL
|
| | | elms = body.getElementsByTagName("a");
|
| | | for (i=0; i<elms.length; i++) {
|
| | | href = tinyMCE.getAttrib(elms[i], 'href');
|
| | |
|
| | | mhref = tinyMCE.getAttrib(elms[i], 'mce_href');
|
| | | if (mhref !== '')
|
| | | href = mhref;
|
| | |
|
| | | if (href && href !== '') {
|
| | | href = tinyMCE.convertRelativeToAbsoluteURL(tinyMCE.settings.base_href, href);
|
| | | elms[i].setAttribute("href", href);
|
| | | }
|
| | | }
|
| | | }
|
| | |
|
| | | });
|
| | | })(tinymce);
|
| | | tinymce.create('tinymce.ui.Container:tinymce.ui.Control', {
|
| | | Container : function(id, s, editor) {
|
| | | this.parent(id, s, editor);
|
| | |
|
| | | /* file:jscripts/tiny_mce/classes/TinyMCE_Array.class.js */
|
| | | this.controls = [];
|
| | |
|
| | | tinyMCE.add(TinyMCE_Engine, {
|
| | | clearArray : function(a) {
|
| | | var n;
|
| | |
|
| | | for (n in a)
|
| | | a[n] = null;
|
| | |
|
| | | return a;
|
| | | this.lookup = {};
|
| | | },
|
| | |
|
| | | explode : function(d, s) {
|
| | | var ar = s.split(d), oar = [], i;
|
| | | add : function(c) {
|
| | | this.lookup[c.id] = c;
|
| | | this.controls.push(c);
|
| | |
|
| | | for (i = 0; i<ar.length; i++) {
|
| | | if (ar[i] !== '')
|
| | | oar[oar.length] = ar[i];
|
| | | }
|
| | | return c;
|
| | | },
|
| | |
|
| | | return oar;
|
| | | get : function(n) {
|
| | | return this.lookup[n];
|
| | | }
|
| | | });
|
| | |
|
| | | /* file:jscripts/tiny_mce/classes/TinyMCE_Event.class.js */
|
| | |
|
| | | tinyMCE.add(TinyMCE_Engine, {
|
| | | _setEventsEnabled : function(node, state) {
|
| | | var evs, x, y, elms, i, event;
|
| | | var events = ['onfocus','onblur','onclick','ondblclick',
|
| | | 'onmousedown','onmouseup','onmouseover','onmousemove',
|
| | | 'onmouseout','onkeypress','onkeydown','onkeydown','onkeyup'];
|
| | | tinymce.create('tinymce.ui.Separator:tinymce.ui.Control', {
|
| | | Separator : function(id, s) {
|
| | | this.parent(id, s);
|
| | | this.classPrefix = 'mceSeparator';
|
| | | this.setDisabled(true);
|
| | | },
|
| | |
|
| | | evs = tinyMCE.settings.event_elements.split(',');
|
| | | for (y=0; y<evs.length; y++){
|
| | | elms = node.getElementsByTagName(evs[y]);
|
| | | for (i=0; i<elms.length; i++) {
|
| | | event = "";
|
| | | renderHTML : function() {
|
| | | return tinymce.DOM.createHTML('span', {'class' : this.classPrefix, role : 'separator', 'aria-orientation' : 'vertical', tabindex : '-1'});
|
| | | }
|
| | | });
|
| | |
|
| | | for (x=0; x<events.length; x++) {
|
| | | if ((event = tinyMCE.getAttrib(elms[i], events[x])) !== '') {
|
| | | event = tinyMCE.cleanupEventStr("" + event);
|
| | | (function(tinymce) {
|
| | | var is = tinymce.is, DOM = tinymce.DOM, each = tinymce.each, walk = tinymce.walk;
|
| | |
|
| | | if (!state)
|
| | | event = "return true;" + event;
|
| | | else
|
| | | event = event.replace(/^return true;/gi, '');
|
| | | tinymce.create('tinymce.ui.MenuItem:tinymce.ui.Control', {
|
| | | MenuItem : function(id, s) {
|
| | | this.parent(id, s);
|
| | | this.classPrefix = 'mceMenuItem';
|
| | | },
|
| | |
|
| | | elms[i].removeAttribute(events[x]);
|
| | | elms[i].setAttribute(events[x], event);
|
| | | setSelected : function(s) {
|
| | | this.setState('Selected', s);
|
| | | this.setAriaProperty('checked', !!s);
|
| | | this.selected = s;
|
| | | },
|
| | |
|
| | | isSelected : function() {
|
| | | return this.selected;
|
| | | },
|
| | |
|
| | | postRender : function() {
|
| | | var t = this;
|
| | | |
| | | t.parent();
|
| | |
|
| | | // Set pending state
|
| | | if (is(t.selected))
|
| | | t.setSelected(t.selected);
|
| | | }
|
| | | });
|
| | | })(tinymce);
|
| | |
|
| | | (function(tinymce) {
|
| | | var is = tinymce.is, DOM = tinymce.DOM, each = tinymce.each, walk = tinymce.walk;
|
| | |
|
| | | tinymce.create('tinymce.ui.Menu:tinymce.ui.MenuItem', {
|
| | | Menu : function(id, s) {
|
| | | var t = this;
|
| | |
|
| | | t.parent(id, s);
|
| | | t.items = {};
|
| | | t.collapsed = false;
|
| | | t.menuCount = 0;
|
| | | t.onAddItem = new tinymce.util.Dispatcher(this);
|
| | | },
|
| | |
|
| | | expand : function(d) {
|
| | | var t = this;
|
| | |
|
| | | if (d) {
|
| | | walk(t, function(o) {
|
| | | if (o.expand)
|
| | | o.expand();
|
| | | }, 'items', t);
|
| | | }
|
| | |
|
| | | t.collapsed = false;
|
| | | },
|
| | |
|
| | | collapse : function(d) {
|
| | | var t = this;
|
| | |
|
| | | if (d) {
|
| | | walk(t, function(o) {
|
| | | if (o.collapse)
|
| | | o.collapse();
|
| | | }, 'items', t);
|
| | | }
|
| | |
|
| | | t.collapsed = true;
|
| | | },
|
| | |
|
| | | isCollapsed : function() {
|
| | | return this.collapsed;
|
| | | },
|
| | |
|
| | | add : function(o) {
|
| | | if (!o.settings)
|
| | | o = new tinymce.ui.MenuItem(o.id || DOM.uniqueId(), o);
|
| | |
|
| | | this.onAddItem.dispatch(this, o);
|
| | |
|
| | | return this.items[o.id] = o;
|
| | | },
|
| | |
|
| | | addSeparator : function() {
|
| | | return this.add({separator : true});
|
| | | },
|
| | |
|
| | | addMenu : function(o) {
|
| | | if (!o.collapse)
|
| | | o = this.createMenu(o);
|
| | |
|
| | | this.menuCount++;
|
| | |
|
| | | return this.add(o);
|
| | | },
|
| | |
|
| | | hasMenus : function() {
|
| | | return this.menuCount !== 0;
|
| | | },
|
| | |
|
| | | remove : function(o) {
|
| | | delete this.items[o.id];
|
| | | },
|
| | |
|
| | | removeAll : function() {
|
| | | var t = this;
|
| | |
|
| | | walk(t, function(o) {
|
| | | if (o.removeAll)
|
| | | o.removeAll();
|
| | | else
|
| | | o.remove();
|
| | |
|
| | | o.destroy();
|
| | | }, 'items', t);
|
| | |
|
| | | t.items = {};
|
| | | },
|
| | |
|
| | | createMenu : function(o) {
|
| | | var m = new tinymce.ui.Menu(o.id || DOM.uniqueId(), o);
|
| | |
|
| | | m.onAddItem.add(this.onAddItem.dispatch, this.onAddItem);
|
| | |
|
| | | return m;
|
| | | }
|
| | | });
|
| | | })(tinymce);
|
| | | (function(tinymce) {
|
| | | var is = tinymce.is, DOM = tinymce.DOM, each = tinymce.each, Event = tinymce.dom.Event, Element = tinymce.dom.Element;
|
| | |
|
| | | tinymce.create('tinymce.ui.DropMenu:tinymce.ui.Menu', {
|
| | | DropMenu : function(id, s) {
|
| | | s = s || {};
|
| | | s.container = s.container || DOM.doc.body;
|
| | | s.offset_x = s.offset_x || 0;
|
| | | s.offset_y = s.offset_y || 0;
|
| | | s.vp_offset_x = s.vp_offset_x || 0;
|
| | | s.vp_offset_y = s.vp_offset_y || 0;
|
| | |
|
| | | if (is(s.icons) && !s.icons)
|
| | | s['class'] += ' mceNoIcons';
|
| | |
|
| | | this.parent(id, s);
|
| | | this.onShowMenu = new tinymce.util.Dispatcher(this);
|
| | | this.onHideMenu = new tinymce.util.Dispatcher(this);
|
| | | this.classPrefix = 'mceMenu';
|
| | | },
|
| | |
|
| | | createMenu : function(s) {
|
| | | var t = this, cs = t.settings, m;
|
| | |
|
| | | s.container = s.container || cs.container;
|
| | | s.parent = t;
|
| | | s.constrain = s.constrain || cs.constrain;
|
| | | s['class'] = s['class'] || cs['class'];
|
| | | s.vp_offset_x = s.vp_offset_x || cs.vp_offset_x;
|
| | | s.vp_offset_y = s.vp_offset_y || cs.vp_offset_y;
|
| | | s.keyboard_focus = cs.keyboard_focus;
|
| | | m = new tinymce.ui.DropMenu(s.id || DOM.uniqueId(), s);
|
| | |
|
| | | m.onAddItem.add(t.onAddItem.dispatch, t.onAddItem);
|
| | |
|
| | | return m;
|
| | | },
|
| | | |
| | | focus : function() {
|
| | | var t = this;
|
| | | if (t.keyboardNav) {
|
| | | t.keyboardNav.focus();
|
| | | }
|
| | | },
|
| | |
|
| | | update : function() {
|
| | | var t = this, s = t.settings, tb = DOM.get('menu_' + t.id + '_tbl'), co = DOM.get('menu_' + t.id + '_co'), tw, th;
|
| | |
|
| | | tw = s.max_width ? Math.min(tb.offsetWidth, s.max_width) : tb.offsetWidth;
|
| | | th = s.max_height ? Math.min(tb.offsetHeight, s.max_height) : tb.offsetHeight;
|
| | |
|
| | | if (!DOM.boxModel)
|
| | | t.element.setStyles({width : tw + 2, height : th + 2});
|
| | | else
|
| | | t.element.setStyles({width : tw, height : th});
|
| | |
|
| | | if (s.max_width)
|
| | | DOM.setStyle(co, 'width', tw);
|
| | |
|
| | | if (s.max_height) {
|
| | | DOM.setStyle(co, 'height', th);
|
| | |
|
| | | if (tb.clientHeight < s.max_height)
|
| | | DOM.setStyle(co, 'overflow', 'hidden');
|
| | | }
|
| | | },
|
| | |
|
| | | showMenu : function(x, y, px) {
|
| | | var t = this, s = t.settings, co, vp = DOM.getViewPort(), w, h, mx, my, ot = 2, dm, tb, cp = t.classPrefix;
|
| | |
|
| | | t.collapse(1);
|
| | |
|
| | | if (t.isMenuVisible)
|
| | | return;
|
| | |
|
| | | if (!t.rendered) {
|
| | | co = DOM.add(t.settings.container, t.renderNode());
|
| | |
|
| | | each(t.items, function(o) {
|
| | | o.postRender();
|
| | | });
|
| | |
|
| | | t.element = new Element('menu_' + t.id, {blocker : 1, container : s.container});
|
| | | } else
|
| | | co = DOM.get('menu_' + t.id);
|
| | |
|
| | | // Move layer out of sight unless it's Opera since it scrolls to top of page due to an bug
|
| | | if (!tinymce.isOpera)
|
| | | DOM.setStyles(co, {left : -0xFFFF , top : -0xFFFF});
|
| | |
|
| | | DOM.show(co);
|
| | | t.update();
|
| | |
|
| | | x += s.offset_x || 0;
|
| | | y += s.offset_y || 0;
|
| | | vp.w -= 4;
|
| | | vp.h -= 4;
|
| | |
|
| | | // Move inside viewport if not submenu
|
| | | if (s.constrain) {
|
| | | w = co.clientWidth - ot;
|
| | | h = co.clientHeight - ot;
|
| | | mx = vp.x + vp.w;
|
| | | my = vp.y + vp.h;
|
| | |
|
| | | if ((x + s.vp_offset_x + w) > mx)
|
| | | x = px ? px - w : Math.max(0, (mx - s.vp_offset_x) - w);
|
| | |
|
| | | if ((y + s.vp_offset_y + h) > my)
|
| | | y = Math.max(0, (my - s.vp_offset_y) - h);
|
| | | }
|
| | |
|
| | | DOM.setStyles(co, {left : x , top : y});
|
| | | t.element.update();
|
| | |
|
| | | t.isMenuVisible = 1;
|
| | | t.mouseClickFunc = Event.add(co, 'click', function(e) {
|
| | | var m;
|
| | |
|
| | | e = e.target;
|
| | |
|
| | | if (e && (e = DOM.getParent(e, 'tr')) && !DOM.hasClass(e, cp + 'ItemSub')) {
|
| | | m = t.items[e.id];
|
| | |
|
| | | if (m.isDisabled())
|
| | | return;
|
| | |
|
| | | dm = t;
|
| | |
|
| | | while (dm) {
|
| | | if (dm.hideMenu)
|
| | | dm.hideMenu();
|
| | |
|
| | | dm = dm.settings.parent;
|
| | | }
|
| | |
|
| | | if (m.settings.onclick)
|
| | | m.settings.onclick(e);
|
| | |
|
| | | return false; // Cancel to fix onbeforeunload problem
|
| | | }
|
| | | });
|
| | |
|
| | | if (t.hasMenus()) {
|
| | | t.mouseOverFunc = Event.add(co, 'mouseover', function(e) {
|
| | | var m, r, mi;
|
| | |
|
| | | e = e.target;
|
| | | if (e && (e = DOM.getParent(e, 'tr'))) {
|
| | | m = t.items[e.id];
|
| | |
|
| | | if (t.lastMenu)
|
| | | t.lastMenu.collapse(1);
|
| | |
|
| | | if (m.isDisabled())
|
| | | return;
|
| | |
|
| | | if (e && DOM.hasClass(e, cp + 'ItemSub')) {
|
| | | //p = DOM.getPos(s.container);
|
| | | r = DOM.getRect(e);
|
| | | m.showMenu((r.x + r.w - ot), r.y - ot, r.x);
|
| | | t.lastMenu = m;
|
| | | DOM.addClass(DOM.get(m.id).firstChild, cp + 'ItemActive');
|
| | | }
|
| | | }
|
| | | });
|
| | | }
|
| | | |
| | | Event.add(co, 'keydown', t._keyHandler, t);
|
| | |
|
| | | t.onShowMenu.dispatch(t);
|
| | |
|
| | | if (s.keyboard_focus) { |
| | | t._setupKeyboardNav(); |
| | | }
|
| | | },
|
| | |
|
| | | hideMenu : function(c) {
|
| | | var t = this, co = DOM.get('menu_' + t.id), e;
|
| | |
|
| | | if (!t.isMenuVisible)
|
| | | return;
|
| | |
|
| | | if (t.keyboardNav) t.keyboardNav.destroy();
|
| | | Event.remove(co, 'mouseover', t.mouseOverFunc);
|
| | | Event.remove(co, 'click', t.mouseClickFunc);
|
| | | Event.remove(co, 'keydown', t._keyHandler);
|
| | | DOM.hide(co);
|
| | | t.isMenuVisible = 0;
|
| | |
|
| | | if (!c)
|
| | | t.collapse(1);
|
| | |
|
| | | if (t.element)
|
| | | t.element.hide();
|
| | |
|
| | | if (e = DOM.get(t.id))
|
| | | DOM.removeClass(e.firstChild, t.classPrefix + 'ItemActive');
|
| | |
|
| | | t.onHideMenu.dispatch(t);
|
| | | },
|
| | |
|
| | | add : function(o) {
|
| | | var t = this, co;
|
| | |
|
| | | o = t.parent(o);
|
| | |
|
| | | if (t.isRendered && (co = DOM.get('menu_' + t.id)))
|
| | | t._add(DOM.select('tbody', co)[0], o);
|
| | |
|
| | | return o;
|
| | | },
|
| | |
|
| | | collapse : function(d) {
|
| | | this.parent(d);
|
| | | this.hideMenu(1);
|
| | | },
|
| | |
|
| | | remove : function(o) {
|
| | | DOM.remove(o.id);
|
| | | this.destroy();
|
| | |
|
| | | return this.parent(o);
|
| | | },
|
| | |
|
| | | destroy : function() {
|
| | | var t = this, co = DOM.get('menu_' + t.id);
|
| | |
|
| | | if (t.keyboardNav) t.keyboardNav.destroy();
|
| | | Event.remove(co, 'mouseover', t.mouseOverFunc);
|
| | | Event.remove(DOM.select('a', co), 'focus', t.mouseOverFunc);
|
| | | Event.remove(co, 'click', t.mouseClickFunc);
|
| | | Event.remove(co, 'keydown', t._keyHandler);
|
| | |
|
| | | if (t.element)
|
| | | t.element.remove();
|
| | |
|
| | | DOM.remove(co);
|
| | | },
|
| | |
|
| | | renderNode : function() {
|
| | | var t = this, s = t.settings, n, tb, co, w;
|
| | |
|
| | | 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'});
|
| | | if (t.settings.parent) {
|
| | | DOM.setAttrib(w, 'aria-parent', 'menu_' + t.settings.parent.id);
|
| | | }
|
| | | co = DOM.add(w, 'div', {role: 'presentation', id : 'menu_' + t.id + '_co', 'class' : t.classPrefix + (s['class'] ? ' ' + s['class'] : '')});
|
| | | t.element = new Element('menu_' + t.id, {blocker : 1, container : s.container});
|
| | |
|
| | | if (s.menu_line)
|
| | | DOM.add(co, 'span', {'class' : t.classPrefix + 'Line'});
|
| | |
|
| | | // n = DOM.add(co, 'div', {id : 'menu_' + t.id + '_co', 'class' : 'mceMenuContainer'});
|
| | | n = DOM.add(co, 'table', {role: 'presentation', id : 'menu_' + t.id + '_tbl', border : 0, cellPadding : 0, cellSpacing : 0});
|
| | | tb = DOM.add(n, 'tbody');
|
| | |
|
| | | each(t.items, function(o) {
|
| | | t._add(tb, o);
|
| | | });
|
| | |
|
| | | t.rendered = true;
|
| | |
|
| | | return w;
|
| | | },
|
| | |
|
| | | // Internal functions
|
| | | _setupKeyboardNav : function(){
|
| | | var contextMenu, menuItems, t=this; |
| | | contextMenu = DOM.get('menu_' + t.id);
|
| | | menuItems = DOM.select('a[role=option]', 'menu_' + t.id);
|
| | | menuItems.splice(0,0,contextMenu);
|
| | | t.keyboardNav = new tinymce.ui.KeyboardNavigation({
|
| | | root: 'menu_' + t.id,
|
| | | items: menuItems,
|
| | | onCancel: function() {
|
| | | t.hideMenu();
|
| | | },
|
| | | enableUpDown: true
|
| | | });
|
| | | contextMenu.focus();
|
| | | },
|
| | |
|
| | | _keyHandler : function(evt) {
|
| | | var t = this, e;
|
| | | switch (evt.keyCode) {
|
| | | case 37: // Left
|
| | | if (t.settings.parent) {
|
| | | t.hideMenu();
|
| | | t.settings.parent.focus();
|
| | | Event.cancel(evt);
|
| | | }
|
| | | break;
|
| | | case 39: // Right
|
| | | if (t.mouseOverFunc)
|
| | | t.mouseOverFunc(evt);
|
| | | break;
|
| | | }
|
| | | },
|
| | |
|
| | | _add : function(tb, o) {
|
| | | var n, s = o.settings, a, ro, it, cp = this.classPrefix, ic;
|
| | |
|
| | | if (s.separator) {
|
| | | ro = DOM.add(tb, 'tr', {id : o.id, 'class' : cp + 'ItemSeparator'});
|
| | | DOM.add(ro, 'td', {'class' : cp + 'ItemSeparator'});
|
| | |
|
| | | if (n = ro.previousSibling)
|
| | | DOM.addClass(n, 'mceLast');
|
| | |
|
| | | return;
|
| | | }
|
| | |
|
| | | n = ro = DOM.add(tb, 'tr', {id : o.id, 'class' : cp + 'Item ' + cp + 'ItemEnabled'});
|
| | | n = it = DOM.add(n, s.titleItem ? 'th' : 'td');
|
| | | n = a = DOM.add(n, 'a', {id: o.id + '_aria', role: s.titleItem ? 'presentation' : 'option', href : 'javascript:;', onclick : "return false;", onmousedown : 'return false;'});
|
| | |
|
| | | if (s.parent) {
|
| | | DOM.setAttrib(a, 'aria-haspopup', 'true');
|
| | | DOM.setAttrib(a, 'aria-owns', 'menu_' + o.id);
|
| | | }
|
| | |
|
| | | DOM.addClass(it, s['class']);
|
| | | // n = DOM.add(n, 'span', {'class' : 'item'});
|
| | |
|
| | | ic = DOM.add(n, 'span', {'class' : 'mceIcon' + (s.icon ? ' mce_' + s.icon : '')});
|
| | |
|
| | | if (s.icon_src)
|
| | | DOM.add(ic, 'img', {src : s.icon_src});
|
| | |
|
| | | n = DOM.add(n, s.element || 'span', {'class' : 'mceText', title : o.settings.title}, o.settings.title);
|
| | |
|
| | | if (o.settings.style) {
|
| | | if (typeof o.settings.style == "function")
|
| | | o.settings.style = o.settings.style();
|
| | |
|
| | | DOM.setAttrib(n, 'style', o.settings.style);
|
| | | }
|
| | |
|
| | | if (tb.childNodes.length == 1)
|
| | | DOM.addClass(ro, 'mceFirst');
|
| | |
|
| | | if ((n = ro.previousSibling) && DOM.hasClass(n, cp + 'ItemSeparator'))
|
| | | DOM.addClass(ro, 'mceFirst');
|
| | |
|
| | | if (o.collapse)
|
| | | DOM.addClass(ro, cp + 'ItemSub');
|
| | |
|
| | | if (n = ro.previousSibling)
|
| | | DOM.removeClass(n, 'mceLast');
|
| | |
|
| | | DOM.addClass(ro, 'mceLast');
|
| | | }
|
| | | });
|
| | | })(tinymce);
|
| | | (function(tinymce) {
|
| | | var DOM = tinymce.DOM;
|
| | |
|
| | | tinymce.create('tinymce.ui.Button:tinymce.ui.Control', {
|
| | | Button : function(id, s, ed) {
|
| | | this.parent(id, s, ed);
|
| | | this.classPrefix = 'mceButton';
|
| | | },
|
| | |
|
| | | renderHTML : function() {
|
| | | var cp = this.classPrefix, s = this.settings, h, l;
|
| | |
|
| | | l = DOM.encode(s.label || '');
|
| | | 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) + '">';
|
| | | if (s.image && !(this.editor &&this.editor.forcedHighContrastMode) )
|
| | | 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>' : '');
|
| | | else
|
| | | h += '<span class="mceIcon ' + s['class'] + '"></span>' + (l ? '<span class="' + cp + 'Label">' + l + '</span>' : '');
|
| | |
|
| | | h += '<span class="mceVoiceLabel mceIconOnly" style="display: none;" id="' + this.id + '_voice">' + s.title + '</span>'; |
| | | h += '</a>';
|
| | | return h;
|
| | | },
|
| | |
|
| | | postRender : function() {
|
| | | var t = this, s = t.settings, imgBookmark;
|
| | |
|
| | | // In IE a large image that occupies the entire editor area will be deselected when a button is clicked, so
|
| | | // need to keep the selection in case the selection is lost
|
| | | if (tinymce.isIE && t.editor) {
|
| | | tinymce.dom.Event.add(t.id, 'mousedown', function(e) {
|
| | | var nodeName = t.editor.selection.getNode().nodeName;
|
| | | imgBookmark = nodeName === 'IMG' ? t.editor.selection.getBookmark() : null;
|
| | | });
|
| | | }
|
| | | tinymce.dom.Event.add(t.id, 'click', function(e) {
|
| | | if (!t.isDisabled()) {
|
| | | // restore the selection in case the selection is lost in IE
|
| | | if (tinymce.isIE && t.editor && imgBookmark !== null) {
|
| | | t.editor.selection.moveToBookmark(imgBookmark);
|
| | | }
|
| | | return s.onclick.call(s.scope, e);
|
| | | }
|
| | | });
|
| | | tinymce.dom.Event.add(t.id, 'keyup', function(e) {
|
| | | if (!t.isDisabled() && e.keyCode==tinymce.VK.SPACEBAR)
|
| | | return s.onclick.call(s.scope, e);
|
| | | });
|
| | | }
|
| | | });
|
| | | })(tinymce);
|
| | |
|
| | | (function(tinymce) {
|
| | | var DOM = tinymce.DOM, Event = tinymce.dom.Event, each = tinymce.each, Dispatcher = tinymce.util.Dispatcher, undef;
|
| | |
|
| | | tinymce.create('tinymce.ui.ListBox:tinymce.ui.Control', {
|
| | | ListBox : function(id, s, ed) {
|
| | | var t = this;
|
| | |
|
| | | t.parent(id, s, ed);
|
| | |
|
| | | t.items = [];
|
| | |
|
| | | t.onChange = new Dispatcher(t);
|
| | |
|
| | | t.onPostRender = new Dispatcher(t);
|
| | |
|
| | | t.onAdd = new Dispatcher(t);
|
| | |
|
| | | t.onRenderMenu = new tinymce.util.Dispatcher(this);
|
| | |
|
| | | t.classPrefix = 'mceListBox';
|
| | | t.marked = {};
|
| | | },
|
| | |
|
| | | select : function(va) {
|
| | | var t = this, fv, f;
|
| | |
|
| | | t.marked = {};
|
| | |
|
| | | if (va == undef)
|
| | | return t.selectByIndex(-1);
|
| | |
|
| | | // Is string or number make function selector
|
| | | if (va && typeof(va)=="function")
|
| | | f = va;
|
| | | else {
|
| | | f = function(v) {
|
| | | return v == va;
|
| | | };
|
| | | }
|
| | |
|
| | | // Do we need to do something?
|
| | | if (va != t.selectedValue) {
|
| | | // Find item
|
| | | each(t.items, function(o, i) {
|
| | | if (f(o.value)) {
|
| | | fv = 1;
|
| | | t.selectByIndex(i);
|
| | | return false;
|
| | | }
|
| | | });
|
| | |
|
| | | if (!fv)
|
| | | t.selectByIndex(-1);
|
| | | }
|
| | | },
|
| | |
|
| | | selectByIndex : function(idx) {
|
| | | var t = this, e, o, label;
|
| | |
|
| | | t.marked = {};
|
| | |
|
| | | if (idx != t.selectedIndex) {
|
| | | e = DOM.get(t.id + '_text');
|
| | | label = DOM.get(t.id + '_voiceDesc');
|
| | | o = t.items[idx];
|
| | |
|
| | | if (o) {
|
| | | t.selectedValue = o.value;
|
| | | t.selectedIndex = idx;
|
| | | DOM.setHTML(e, DOM.encode(o.title));
|
| | | DOM.setHTML(label, t.settings.title + " - " + o.title);
|
| | | DOM.removeClass(e, 'mceTitle');
|
| | | DOM.setAttrib(t.id, 'aria-valuenow', o.title);
|
| | | } else {
|
| | | DOM.setHTML(e, DOM.encode(t.settings.title));
|
| | | DOM.setHTML(label, DOM.encode(t.settings.title));
|
| | | DOM.addClass(e, 'mceTitle');
|
| | | t.selectedValue = t.selectedIndex = null;
|
| | | DOM.setAttrib(t.id, 'aria-valuenow', t.settings.title);
|
| | | }
|
| | | e = 0;
|
| | | }
|
| | | },
|
| | |
|
| | | mark : function(value) {
|
| | | this.marked[value] = true;
|
| | | },
|
| | |
|
| | | add : function(n, v, o) {
|
| | | var t = this;
|
| | |
|
| | | o = o || {};
|
| | | o = tinymce.extend(o, {
|
| | | title : n,
|
| | | value : v
|
| | | });
|
| | |
|
| | | t.items.push(o);
|
| | | t.onAdd.dispatch(t, o);
|
| | | },
|
| | |
|
| | | getLength : function() {
|
| | | return this.items.length;
|
| | | },
|
| | |
|
| | | renderHTML : function() {
|
| | | var h = '', t = this, s = t.settings, cp = t.classPrefix;
|
| | |
|
| | | 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>';
|
| | | h += '<td>' + DOM.createHTML('span', {id: t.id + '_voiceDesc', 'class': 'voiceLabel', style:'display:none;'}, t.settings.title); |
| | | 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>';
|
| | | 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>';
|
| | | h += '</tr></tbody></table></span>';
|
| | |
|
| | | return h;
|
| | | },
|
| | |
|
| | | showMenu : function() {
|
| | | var t = this, p2, e = DOM.get(this.id), m;
|
| | |
|
| | | if (t.isDisabled() || t.items.length === 0)
|
| | | return;
|
| | |
|
| | | if (t.menu && t.menu.isMenuVisible)
|
| | | return t.hideMenu();
|
| | |
|
| | | if (!t.isMenuRendered) {
|
| | | t.renderMenu();
|
| | | t.isMenuRendered = true;
|
| | | }
|
| | |
|
| | | p2 = DOM.getPos(e);
|
| | |
|
| | | m = t.menu;
|
| | | m.settings.offset_x = p2.x;
|
| | | m.settings.offset_y = p2.y;
|
| | | m.settings.keyboard_focus = !tinymce.isOpera; // Opera is buggy when it comes to auto focus
|
| | |
|
| | | // Select in menu
|
| | | each(t.items, function(o) {
|
| | | if (m.items[o.id]) {
|
| | | m.items[o.id].setSelected(0);
|
| | | }
|
| | | });
|
| | |
|
| | | each(t.items, function(o) {
|
| | | if (m.items[o.id] && t.marked[o.value]) {
|
| | | m.items[o.id].setSelected(1);
|
| | | }
|
| | |
|
| | | if (o.value === t.selectedValue) {
|
| | | m.items[o.id].setSelected(1);
|
| | | }
|
| | | });
|
| | |
|
| | | m.showMenu(0, e.clientHeight);
|
| | |
|
| | | Event.add(DOM.doc, 'mousedown', t.hideMenu, t);
|
| | | DOM.addClass(t.id, t.classPrefix + 'Selected');
|
| | |
|
| | | //DOM.get(t.id + '_text').focus();
|
| | | },
|
| | |
|
| | | hideMenu : function(e) {
|
| | | var t = this;
|
| | |
|
| | | if (t.menu && t.menu.isMenuVisible) {
|
| | | DOM.removeClass(t.id, t.classPrefix + 'Selected');
|
| | |
|
| | | // Prevent double toogles by canceling the mouse click event to the button
|
| | | if (e && e.type == "mousedown" && (e.target.id == t.id + '_text' || e.target.id == t.id + '_open'))
|
| | | return;
|
| | |
|
| | | if (!e || !DOM.getParent(e.target, '.mceMenu')) {
|
| | | DOM.removeClass(t.id, t.classPrefix + 'Selected');
|
| | | Event.remove(DOM.doc, 'mousedown', t.hideMenu, t);
|
| | | t.menu.hideMenu();
|
| | | }
|
| | | }
|
| | | },
|
| | |
|
| | | renderMenu : function() {
|
| | | var t = this, m;
|
| | |
|
| | | m = t.settings.control_manager.createDropMenu(t.id + '_menu', {
|
| | | menu_line : 1,
|
| | | 'class' : t.classPrefix + 'Menu mceNoIcons',
|
| | | max_width : 250,
|
| | | max_height : 150
|
| | | });
|
| | |
|
| | | m.onHideMenu.add(function() {
|
| | | t.hideMenu();
|
| | | t.focus();
|
| | | });
|
| | |
|
| | | m.add({
|
| | | title : t.settings.title,
|
| | | 'class' : 'mceMenuItemTitle',
|
| | | onclick : function() {
|
| | | if (t.settings.onselect('') !== false)
|
| | | t.select(''); // Must be runned after
|
| | | }
|
| | | });
|
| | |
|
| | | each(t.items, function(o) {
|
| | | // No value then treat it as a title
|
| | | if (o.value === undef) {
|
| | | m.add({
|
| | | title : o.title,
|
| | | role : "option",
|
| | | 'class' : 'mceMenuItemTitle',
|
| | | onclick : function() {
|
| | | if (t.settings.onselect('') !== false)
|
| | | t.select(''); // Must be runned after
|
| | | }
|
| | | });
|
| | | } else {
|
| | | o.id = DOM.uniqueId();
|
| | | o.role= "option";
|
| | | o.onclick = function() {
|
| | | if (t.settings.onselect(o.value) !== false)
|
| | | t.select(o.value); // Must be runned after
|
| | | };
|
| | |
|
| | | m.add(o);
|
| | | }
|
| | | });
|
| | |
|
| | | t.onRenderMenu.dispatch(t, m);
|
| | | t.menu = m;
|
| | | },
|
| | |
|
| | | postRender : function() {
|
| | | var t = this, cp = t.classPrefix;
|
| | |
|
| | | Event.add(t.id, 'click', t.showMenu, t);
|
| | | Event.add(t.id, 'keydown', function(evt) {
|
| | | if (evt.keyCode == 32) { // Space
|
| | | t.showMenu(evt);
|
| | | Event.cancel(evt);
|
| | | }
|
| | | });
|
| | | Event.add(t.id, 'focus', function() {
|
| | | if (!t._focused) {
|
| | | t.keyDownHandler = Event.add(t.id, 'keydown', function(e) {
|
| | | if (e.keyCode == 40) {
|
| | | t.showMenu();
|
| | | Event.cancel(e);
|
| | | }
|
| | | });
|
| | | t.keyPressHandler = Event.add(t.id, 'keypress', function(e) {
|
| | | var v;
|
| | | if (e.keyCode == 13) {
|
| | | // Fake select on enter
|
| | | v = t.selectedValue;
|
| | | t.selectedValue = null; // Needs to be null to fake change
|
| | | Event.cancel(e);
|
| | | t.settings.onselect(v);
|
| | | }
|
| | | });
|
| | | }
|
| | |
|
| | | t._focused = 1;
|
| | | });
|
| | | Event.add(t.id, 'blur', function() {
|
| | | Event.remove(t.id, 'keydown', t.keyDownHandler);
|
| | | Event.remove(t.id, 'keypress', t.keyPressHandler);
|
| | | t._focused = 0;
|
| | | });
|
| | |
|
| | | // Old IE doesn't have hover on all elements
|
| | | if (tinymce.isIE6 || !DOM.boxModel) {
|
| | | Event.add(t.id, 'mouseover', function() {
|
| | | if (!DOM.hasClass(t.id, cp + 'Disabled'))
|
| | | DOM.addClass(t.id, cp + 'Hover');
|
| | | });
|
| | |
|
| | | Event.add(t.id, 'mouseout', function() {
|
| | | if (!DOM.hasClass(t.id, cp + 'Disabled'))
|
| | | DOM.removeClass(t.id, cp + 'Hover');
|
| | | });
|
| | | }
|
| | |
|
| | | t.onPostRender.dispatch(t, DOM.get(t.id));
|
| | | },
|
| | |
|
| | | destroy : function() {
|
| | | this.parent();
|
| | |
|
| | | Event.clear(this.id + '_text');
|
| | | Event.clear(this.id + '_open');
|
| | | }
|
| | | });
|
| | | })(tinymce);
|
| | |
|
| | | (function(tinymce) {
|
| | | var DOM = tinymce.DOM, Event = tinymce.dom.Event, each = tinymce.each, Dispatcher = tinymce.util.Dispatcher, undef;
|
| | |
|
| | | tinymce.create('tinymce.ui.NativeListBox:tinymce.ui.ListBox', {
|
| | | NativeListBox : function(id, s) {
|
| | | this.parent(id, s);
|
| | | this.classPrefix = 'mceNativeListBox';
|
| | | },
|
| | |
|
| | | setDisabled : function(s) {
|
| | | DOM.get(this.id).disabled = s;
|
| | | this.setAriaProperty('disabled', s);
|
| | | },
|
| | |
|
| | | isDisabled : function() {
|
| | | return DOM.get(this.id).disabled;
|
| | | },
|
| | |
|
| | | select : function(va) {
|
| | | var t = this, fv, f;
|
| | |
|
| | | if (va == undef)
|
| | | return t.selectByIndex(-1);
|
| | |
|
| | | // Is string or number make function selector
|
| | | if (va && typeof(va)=="function")
|
| | | f = va;
|
| | | else {
|
| | | f = function(v) {
|
| | | return v == va;
|
| | | };
|
| | | }
|
| | |
|
| | | // Do we need to do something?
|
| | | if (va != t.selectedValue) {
|
| | | // Find item
|
| | | each(t.items, function(o, i) {
|
| | | if (f(o.value)) {
|
| | | fv = 1;
|
| | | t.selectByIndex(i);
|
| | | return false;
|
| | | }
|
| | | });
|
| | |
|
| | | if (!fv)
|
| | | t.selectByIndex(-1);
|
| | | }
|
| | | },
|
| | |
|
| | | selectByIndex : function(idx) {
|
| | | DOM.get(this.id).selectedIndex = idx + 1;
|
| | | this.selectedValue = this.items[idx] ? this.items[idx].value : null;
|
| | | },
|
| | |
|
| | | add : function(n, v, a) {
|
| | | var o, t = this;
|
| | |
|
| | | a = a || {};
|
| | | a.value = v;
|
| | |
|
| | | if (t.isRendered())
|
| | | DOM.add(DOM.get(this.id), 'option', a, n);
|
| | |
|
| | | o = {
|
| | | title : n,
|
| | | value : v,
|
| | | attribs : a
|
| | | };
|
| | |
|
| | | t.items.push(o);
|
| | | t.onAdd.dispatch(t, o);
|
| | | },
|
| | |
|
| | | getLength : function() {
|
| | | return this.items.length;
|
| | | },
|
| | |
|
| | | renderHTML : function() {
|
| | | var h, t = this;
|
| | |
|
| | | h = DOM.createHTML('option', {value : ''}, '-- ' + t.settings.title + ' --');
|
| | |
|
| | | each(t.items, function(it) {
|
| | | h += DOM.createHTML('option', {value : it.value}, it.title);
|
| | | });
|
| | |
|
| | | h = DOM.createHTML('select', {id : t.id, 'class' : 'mceNativeListBox', 'aria-labelledby': t.id + '_aria'}, h);
|
| | | h += DOM.createHTML('span', {id : t.id + '_aria', 'style': 'display: none'}, t.settings.title);
|
| | | return h;
|
| | | },
|
| | |
|
| | | postRender : function() {
|
| | | var t = this, ch, changeListenerAdded = true;
|
| | |
|
| | | t.rendered = true;
|
| | |
|
| | | function onChange(e) {
|
| | | var v = t.items[e.target.selectedIndex - 1];
|
| | |
|
| | | if (v && (v = v.value)) {
|
| | | t.onChange.dispatch(t, v);
|
| | |
|
| | | if (t.settings.onselect)
|
| | | t.settings.onselect(v);
|
| | | }
|
| | | };
|
| | |
|
| | | Event.add(t.id, 'change', onChange);
|
| | |
|
| | | // Accessibility keyhandler
|
| | | Event.add(t.id, 'keydown', function(e) {
|
| | | var bf;
|
| | |
|
| | | Event.remove(t.id, 'change', ch);
|
| | | changeListenerAdded = false;
|
| | |
|
| | | bf = Event.add(t.id, 'blur', function() {
|
| | | if (changeListenerAdded) return;
|
| | | changeListenerAdded = true;
|
| | | Event.add(t.id, 'change', onChange);
|
| | | Event.remove(t.id, 'blur', bf);
|
| | | });
|
| | |
|
| | | //prevent default left and right keys on chrome - so that the keyboard navigation is used.
|
| | | if (tinymce.isWebKit && (e.keyCode==37 ||e.keyCode==39)) {
|
| | | return Event.prevent(e);
|
| | | }
|
| | | |
| | | if (e.keyCode == 13 || e.keyCode == 32) {
|
| | | onChange(e);
|
| | | return Event.cancel(e);
|
| | | }
|
| | | });
|
| | |
|
| | | t.onPostRender.dispatch(t, DOM.get(t.id));
|
| | | }
|
| | | });
|
| | | })(tinymce);
|
| | |
|
| | | (function(tinymce) {
|
| | | var DOM = tinymce.DOM, Event = tinymce.dom.Event, each = tinymce.each;
|
| | |
|
| | | tinymce.create('tinymce.ui.MenuButton:tinymce.ui.Button', {
|
| | | MenuButton : function(id, s, ed) {
|
| | | this.parent(id, s, ed);
|
| | |
|
| | | this.onRenderMenu = new tinymce.util.Dispatcher(this);
|
| | |
|
| | | s.menu_container = s.menu_container || DOM.doc.body;
|
| | | },
|
| | |
|
| | | showMenu : function() {
|
| | | var t = this, p1, p2, e = DOM.get(t.id), m;
|
| | |
|
| | | if (t.isDisabled())
|
| | | return;
|
| | |
|
| | | if (!t.isMenuRendered) {
|
| | | t.renderMenu();
|
| | | t.isMenuRendered = true;
|
| | | }
|
| | |
|
| | | if (t.isMenuVisible)
|
| | | return t.hideMenu();
|
| | |
|
| | | p1 = DOM.getPos(t.settings.menu_container);
|
| | | p2 = DOM.getPos(e);
|
| | |
|
| | | m = t.menu;
|
| | | m.settings.offset_x = p2.x;
|
| | | m.settings.offset_y = p2.y;
|
| | | m.settings.vp_offset_x = p2.x;
|
| | | m.settings.vp_offset_y = p2.y;
|
| | | m.settings.keyboard_focus = t._focused;
|
| | | m.showMenu(0, e.firstChild.clientHeight);
|
| | |
|
| | | Event.add(DOM.doc, 'mousedown', t.hideMenu, t);
|
| | | t.setState('Selected', 1);
|
| | |
|
| | | t.isMenuVisible = 1;
|
| | | },
|
| | |
|
| | | renderMenu : function() {
|
| | | var t = this, m;
|
| | |
|
| | | m = t.settings.control_manager.createDropMenu(t.id + '_menu', {
|
| | | menu_line : 1,
|
| | | 'class' : this.classPrefix + 'Menu',
|
| | | icons : t.settings.icons
|
| | | });
|
| | |
|
| | | m.onHideMenu.add(function() {
|
| | | t.hideMenu();
|
| | | t.focus();
|
| | | });
|
| | |
|
| | | t.onRenderMenu.dispatch(t, m);
|
| | | t.menu = m;
|
| | | },
|
| | |
|
| | | hideMenu : function(e) {
|
| | | var t = this;
|
| | |
|
| | | // Prevent double toogles by canceling the mouse click event to the button
|
| | | if (e && e.type == "mousedown" && DOM.getParent(e.target, function(e) {return e.id === t.id || e.id === t.id + '_open';}))
|
| | | return;
|
| | |
|
| | | if (!e || !DOM.getParent(e.target, '.mceMenu')) {
|
| | | t.setState('Selected', 0);
|
| | | Event.remove(DOM.doc, 'mousedown', t.hideMenu, t);
|
| | | if (t.menu)
|
| | | t.menu.hideMenu();
|
| | | }
|
| | |
|
| | | t.isMenuVisible = 0;
|
| | | },
|
| | |
|
| | | postRender : function() {
|
| | | var t = this, s = t.settings;
|
| | |
|
| | | Event.add(t.id, 'click', function() {
|
| | | if (!t.isDisabled()) {
|
| | | if (s.onclick)
|
| | | s.onclick(t.value);
|
| | |
|
| | | t.showMenu();
|
| | | }
|
| | | });
|
| | | }
|
| | | });
|
| | | })(tinymce);
|
| | |
|
| | | (function(tinymce) {
|
| | | var DOM = tinymce.DOM, Event = tinymce.dom.Event, each = tinymce.each;
|
| | |
|
| | | tinymce.create('tinymce.ui.SplitButton:tinymce.ui.MenuButton', {
|
| | | SplitButton : function(id, s, ed) {
|
| | | this.parent(id, s, ed);
|
| | | this.classPrefix = 'mceSplitButton';
|
| | | },
|
| | |
|
| | | renderHTML : function() {
|
| | | var h, t = this, s = t.settings, h1;
|
| | |
|
| | | h = '<tbody><tr>';
|
| | |
|
| | | if (s.image)
|
| | | h1 = DOM.createHTML('img ', {src : s.image, role: 'presentation', 'class' : 'mceAction ' + s['class']});
|
| | | else
|
| | | h1 = DOM.createHTML('span', {'class' : 'mceAction ' + s['class']}, '');
|
| | |
|
| | | h1 += DOM.createHTML('span', {'class': 'mceVoiceLabel mceIconOnly', id: t.id + '_voice', style: 'display:none;'}, s.title);
|
| | | 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>';
|
| | | |
| | | h1 = DOM.createHTML('span', {'class' : 'mceOpen ' + s['class']}, '<span style="display:none;" class="mceIconOnly" aria-hidden="true">\u25BC</span>');
|
| | | 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>';
|
| | |
|
| | | h += '</tr></tbody>';
|
| | | h = DOM.createHTML('table', { role: 'presentation', 'class' : 'mceSplitButton mceSplitButtonEnabled ' + s['class'], cellpadding : '0', cellspacing : '0', title : s.title}, h);
|
| | | return DOM.createHTML('div', {id : t.id, role: 'button', tabindex: '0', 'aria-labelledby': t.id + '_voice', 'aria-haspopup': 'true'}, h);
|
| | | },
|
| | |
|
| | | postRender : function() {
|
| | | var t = this, s = t.settings, activate;
|
| | |
|
| | | if (s.onclick) {
|
| | | activate = function(evt) {
|
| | | if (!t.isDisabled()) {
|
| | | s.onclick(t.value);
|
| | | Event.cancel(evt);
|
| | | }
|
| | | };
|
| | | Event.add(t.id + '_action', 'click', activate);
|
| | | Event.add(t.id, ['click', 'keydown'], function(evt) {
|
| | | var DOM_VK_SPACE = 32, DOM_VK_ENTER = 14, DOM_VK_RETURN = 13, DOM_VK_UP = 38, DOM_VK_DOWN = 40;
|
| | | if ((evt.keyCode === 32 || evt.keyCode === 13 || evt.keyCode === 14) && !evt.altKey && !evt.ctrlKey && !evt.metaKey) {
|
| | | activate();
|
| | | Event.cancel(evt);
|
| | | } else if (evt.type === 'click' || evt.keyCode === DOM_VK_DOWN) {
|
| | | t.showMenu();
|
| | | Event.cancel(evt);
|
| | | }
|
| | | });
|
| | | }
|
| | |
|
| | | Event.add(t.id + '_open', 'click', function (evt) {
|
| | | t.showMenu();
|
| | | Event.cancel(evt);
|
| | | });
|
| | | Event.add([t.id, t.id + '_open'], 'focus', function() {t._focused = 1;});
|
| | | Event.add([t.id, t.id + '_open'], 'blur', function() {t._focused = 0;});
|
| | |
|
| | | // Old IE doesn't have hover on all elements
|
| | | if (tinymce.isIE6 || !DOM.boxModel) {
|
| | | Event.add(t.id, 'mouseover', function() {
|
| | | if (!DOM.hasClass(t.id, 'mceSplitButtonDisabled'))
|
| | | DOM.addClass(t.id, 'mceSplitButtonHover');
|
| | | });
|
| | |
|
| | | Event.add(t.id, 'mouseout', function() {
|
| | | if (!DOM.hasClass(t.id, 'mceSplitButtonDisabled'))
|
| | | DOM.removeClass(t.id, 'mceSplitButtonHover');
|
| | | });
|
| | | }
|
| | | },
|
| | |
|
| | | destroy : function() {
|
| | | this.parent();
|
| | |
|
| | | Event.clear(this.id + '_action');
|
| | | Event.clear(this.id + '_open');
|
| | | Event.clear(this.id);
|
| | | }
|
| | | });
|
| | | })(tinymce);
|
| | |
|
| | | (function(tinymce) {
|
| | | var DOM = tinymce.DOM, Event = tinymce.dom.Event, is = tinymce.is, each = tinymce.each;
|
| | |
|
| | | tinymce.create('tinymce.ui.ColorSplitButton:tinymce.ui.SplitButton', {
|
| | | ColorSplitButton : function(id, s, ed) {
|
| | | var t = this;
|
| | |
|
| | | t.parent(id, s, ed);
|
| | |
|
| | | t.settings = s = tinymce.extend({
|
| | | 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',
|
| | | grid_width : 8,
|
| | | default_color : '#888888'
|
| | | }, t.settings);
|
| | |
|
| | | t.onShowMenu = new tinymce.util.Dispatcher(t);
|
| | |
|
| | | t.onHideMenu = new tinymce.util.Dispatcher(t);
|
| | |
|
| | | t.value = s.default_color;
|
| | | },
|
| | |
|
| | | showMenu : function() {
|
| | | var t = this, r, p, e, p2;
|
| | |
|
| | | if (t.isDisabled())
|
| | | return;
|
| | |
|
| | | if (!t.isMenuRendered) {
|
| | | t.renderMenu();
|
| | | t.isMenuRendered = true;
|
| | | }
|
| | |
|
| | | if (t.isMenuVisible)
|
| | | return t.hideMenu();
|
| | |
|
| | | e = DOM.get(t.id);
|
| | | DOM.show(t.id + '_menu');
|
| | | DOM.addClass(e, 'mceSplitButtonSelected');
|
| | | p2 = DOM.getPos(e);
|
| | | DOM.setStyles(t.id + '_menu', {
|
| | | left : p2.x,
|
| | | top : p2.y + e.firstChild.clientHeight,
|
| | | zIndex : 200000
|
| | | });
|
| | | e = 0;
|
| | |
|
| | | Event.add(DOM.doc, 'mousedown', t.hideMenu, t);
|
| | | t.onShowMenu.dispatch(t);
|
| | |
|
| | | if (t._focused) {
|
| | | t._keyHandler = Event.add(t.id + '_menu', 'keydown', function(e) {
|
| | | if (e.keyCode == 27)
|
| | | t.hideMenu();
|
| | | });
|
| | |
|
| | | DOM.select('a', t.id + '_menu')[0].focus(); // Select first link
|
| | | }
|
| | |
|
| | | t.keyboardNav = new tinymce.ui.KeyboardNavigation({
|
| | | root: t.id + '_menu',
|
| | | items: DOM.select('a', t.id + '_menu'),
|
| | | onCancel: function() {
|
| | | t.hideMenu();
|
| | | t.focus();
|
| | | }
|
| | | });
|
| | |
|
| | | t.keyboardNav.focus();
|
| | | t.isMenuVisible = 1;
|
| | | },
|
| | |
|
| | | hideMenu : function(e) {
|
| | | var t = this;
|
| | |
|
| | | if (t.isMenuVisible) {
|
| | | // Prevent double toogles by canceling the mouse click event to the button
|
| | | if (e && e.type == "mousedown" && DOM.getParent(e.target, function(e) {return e.id === t.id + '_open';}))
|
| | | return;
|
| | |
|
| | | if (!e || !DOM.getParent(e.target, '.mceSplitButtonMenu')) {
|
| | | DOM.removeClass(t.id, 'mceSplitButtonSelected');
|
| | | Event.remove(DOM.doc, 'mousedown', t.hideMenu, t);
|
| | | Event.remove(t.id + '_menu', 'keydown', t._keyHandler);
|
| | | DOM.hide(t.id + '_menu');
|
| | | }
|
| | |
|
| | | t.isMenuVisible = 0;
|
| | | t.onHideMenu.dispatch();
|
| | | t.keyboardNav.destroy();
|
| | | }
|
| | | },
|
| | |
|
| | | renderMenu : function() {
|
| | | var t = this, m, i = 0, s = t.settings, n, tb, tr, w, context;
|
| | |
|
| | | 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;'});
|
| | | m = DOM.add(w, 'div', {'class' : s['class'] + ' mceSplitButtonMenu'});
|
| | | DOM.add(m, 'span', {'class' : 'mceMenuLine'});
|
| | |
|
| | | n = DOM.add(m, 'table', {role: 'presentation', 'class' : 'mceColorSplitMenu'});
|
| | | tb = DOM.add(n, 'tbody');
|
| | |
|
| | | // Generate color grid
|
| | | i = 0;
|
| | | each(is(s.colors, 'array') ? s.colors : s.colors.split(','), function(c) {
|
| | | c = c.replace(/^#/, '');
|
| | |
|
| | | if (!i--) {
|
| | | tr = DOM.add(tb, 'tr');
|
| | | i = s.grid_width - 1;
|
| | | }
|
| | |
|
| | | n = DOM.add(tr, 'td');
|
| | | var settings = {
|
| | | href : 'javascript:;',
|
| | | style : {
|
| | | backgroundColor : '#' + c
|
| | | },
|
| | | 'title': t.editor.getLang('colors.' + c, c),
|
| | | 'data-mce-color' : '#' + c
|
| | | };
|
| | |
|
| | | // adding a proper ARIA role = button causes JAWS to read things incorrectly on IE.
|
| | | if (!tinymce.isIE ) {
|
| | | settings.role = 'option';
|
| | | }
|
| | |
|
| | | n = DOM.add(n, 'a', settings);
|
| | |
|
| | | if (t.editor.forcedHighContrastMode) {
|
| | | n = DOM.add(n, 'canvas', { width: 16, height: 16, 'aria-hidden': 'true' });
|
| | | if (n.getContext && (context = n.getContext("2d"))) {
|
| | | context.fillStyle = '#' + c;
|
| | | context.fillRect(0, 0, 16, 16);
|
| | | } else {
|
| | | // No point leaving a canvas element around if it's not supported for drawing on anyway.
|
| | | DOM.remove(n);
|
| | | }
|
| | | }
|
| | | });
|
| | |
|
| | | if (s.more_colors_func) {
|
| | | n = DOM.add(tb, 'tr');
|
| | | n = DOM.add(n, 'td', {colspan : s.grid_width, 'class' : 'mceMoreColors'});
|
| | | n = DOM.add(n, 'a', {role: 'option', id : t.id + '_more', href : 'javascript:;', onclick : 'return false;', 'class' : 'mceMoreColors'}, s.more_colors_title);
|
| | |
|
| | | Event.add(n, 'click', function(e) {
|
| | | s.more_colors_func.call(s.more_colors_scope || this);
|
| | | return Event.cancel(e); // Cancel to fix onbeforeunload problem
|
| | | });
|
| | | }
|
| | |
|
| | | DOM.addClass(m, 'mceColorSplitMenu');
|
| | |
|
| | | // Prevent IE from scrolling and hindering click to occur #4019
|
| | | Event.add(t.id + '_menu', 'mousedown', function(e) {return Event.cancel(e);});
|
| | |
|
| | | Event.add(t.id + '_menu', 'click', function(e) {
|
| | | var c;
|
| | |
|
| | | e = DOM.getParent(e.target, 'a', tb);
|
| | |
|
| | | if (e && e.nodeName.toLowerCase() == 'a' && (c = e.getAttribute('data-mce-color')))
|
| | | t.setColor(c);
|
| | |
|
| | | return false; // Prevent IE auto save warning
|
| | | });
|
| | |
|
| | | return w;
|
| | | },
|
| | |
|
| | | setColor : function(c) {
|
| | | this.displayColor(c);
|
| | | this.hideMenu();
|
| | | this.settings.onselect(c);
|
| | | },
|
| | | |
| | | displayColor : function(c) {
|
| | | var t = this;
|
| | |
|
| | | DOM.setStyle(t.id + '_preview', 'backgroundColor', c);
|
| | |
|
| | | t.value = c;
|
| | | },
|
| | |
|
| | | postRender : function() {
|
| | | var t = this, id = t.id;
|
| | |
|
| | | t.parent();
|
| | | DOM.add(id + '_action', 'div', {id : id + '_preview', 'class' : 'mceColorPreview'});
|
| | | DOM.setStyle(t.id + '_preview', 'backgroundColor', t.value);
|
| | | },
|
| | |
|
| | | destroy : function() {
|
| | | var self = this;
|
| | |
|
| | | self.parent();
|
| | |
|
| | | Event.clear(self.id + '_menu');
|
| | | Event.clear(self.id + '_more');
|
| | | DOM.remove(self.id + '_menu');
|
| | |
|
| | | if (self.keyboardNav) {
|
| | | self.keyboardNav.destroy();
|
| | | }
|
| | | }
|
| | | });
|
| | | })(tinymce);
|
| | |
|
| | | (function(tinymce) {
|
| | | // Shorten class names
|
| | | var dom = tinymce.DOM, each = tinymce.each, Event = tinymce.dom.Event;
|
| | | tinymce.create('tinymce.ui.ToolbarGroup:tinymce.ui.Container', {
|
| | | renderHTML : function() {
|
| | | var t = this, h = [], controls = t.controls, each = tinymce.each, settings = t.settings;
|
| | |
|
| | | h.push('<div id="' + t.id + '" role="group" aria-labelledby="' + t.id + '_voice">');
|
| | | //TODO: ACC test this out - adding a role = application for getting the landmarks working well.
|
| | | h.push("<span role='application'>");
|
| | | h.push('<span id="' + t.id + '_voice" class="mceVoiceLabel" style="display:none;">' + dom.encode(settings.name) + '</span>');
|
| | | each(controls, function(toolbar) {
|
| | | h.push(toolbar.renderHTML());
|
| | | });
|
| | | h.push("</span>");
|
| | | h.push('</div>');
|
| | |
|
| | | return h.join('');
|
| | | },
|
| | | |
| | | focus : function() {
|
| | | var t = this;
|
| | | dom.get(t.id).focus();
|
| | | },
|
| | | |
| | | postRender : function() {
|
| | | var t = this, items = [];
|
| | |
|
| | | each(t.controls, function(toolbar) {
|
| | | each (toolbar.controls, function(control) {
|
| | | if (control.id) {
|
| | | items.push(control);
|
| | | }
|
| | | });
|
| | | });
|
| | |
|
| | | t.keyNav = new tinymce.ui.KeyboardNavigation({
|
| | | root: t.id,
|
| | | items: items,
|
| | | onCancel: function() {
|
| | | //Move focus if webkit so that navigation back will read the item.
|
| | | if (tinymce.isWebKit) {
|
| | | dom.get(t.editor.id+"_ifr").focus();
|
| | | }
|
| | | t.editor.focus();
|
| | | },
|
| | | excludeFromTabOrder: !t.settings.tab_focus_toolbar
|
| | | });
|
| | | },
|
| | | |
| | | destroy : function() {
|
| | | var self = this;
|
| | |
|
| | | self.parent();
|
| | | self.keyNav.destroy();
|
| | | Event.clear(self.id);
|
| | | }
|
| | | });
|
| | | })(tinymce);
|
| | |
|
| | | (function(tinymce) {
|
| | | // Shorten class names
|
| | | var dom = tinymce.DOM, each = tinymce.each;
|
| | | tinymce.create('tinymce.ui.Toolbar:tinymce.ui.Container', {
|
| | | renderHTML : function() {
|
| | | var t = this, h = '', c, co, s = t.settings, i, pr, nx, cl;
|
| | |
|
| | | cl = t.controls;
|
| | | for (i=0; i<cl.length; i++) {
|
| | | // Get current control, prev control, next control and if the control is a list box or not
|
| | | co = cl[i];
|
| | | pr = cl[i - 1];
|
| | | nx = cl[i + 1];
|
| | |
|
| | | // Add toolbar start
|
| | | if (i === 0) {
|
| | | c = 'mceToolbarStart';
|
| | |
|
| | | if (co.Button)
|
| | | c += ' mceToolbarStartButton';
|
| | | else if (co.SplitButton)
|
| | | c += ' mceToolbarStartSplitButton';
|
| | | else if (co.ListBox)
|
| | | c += ' mceToolbarStartListBox';
|
| | |
|
| | | h += dom.createHTML('td', {'class' : c}, dom.createHTML('span', null, '<!-- IE -->'));
|
| | | }
|
| | |
|
| | | // Add toolbar end before list box and after the previous button
|
| | | // This is to fix the o2k7 editor skins
|
| | | if (pr && co.ListBox) {
|
| | | if (pr.Button || pr.SplitButton)
|
| | | h += dom.createHTML('td', {'class' : 'mceToolbarEnd'}, dom.createHTML('span', null, '<!-- IE -->'));
|
| | | }
|
| | |
|
| | | // Render control HTML
|
| | |
|
| | | // IE 8 quick fix, needed to propertly generate a hit area for anchors
|
| | | if (dom.stdMode)
|
| | | h += '<td style="position: relative">' + co.renderHTML() + '</td>';
|
| | | else
|
| | | h += '<td>' + co.renderHTML() + '</td>';
|
| | |
|
| | | // Add toolbar start after list box and before the next button
|
| | | // This is to fix the o2k7 editor skins
|
| | | if (nx && co.ListBox) {
|
| | | if (nx.Button || nx.SplitButton)
|
| | | h += dom.createHTML('td', {'class' : 'mceToolbarStart'}, dom.createHTML('span', null, '<!-- IE -->'));
|
| | | }
|
| | | }
|
| | |
|
| | | c = 'mceToolbarEnd';
|
| | |
|
| | | if (co.Button)
|
| | | c += ' mceToolbarEndButton';
|
| | | else if (co.SplitButton)
|
| | | c += ' mceToolbarEndSplitButton';
|
| | | else if (co.ListBox)
|
| | | c += ' mceToolbarEndListBox';
|
| | |
|
| | | h += dom.createHTML('td', {'class' : c}, dom.createHTML('span', null, '<!-- IE -->'));
|
| | |
|
| | | 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>');
|
| | | }
|
| | | });
|
| | | })(tinymce);
|
| | |
|
| | | (function(tinymce) {
|
| | | var Dispatcher = tinymce.util.Dispatcher, each = tinymce.each;
|
| | |
|
| | | tinymce.create('tinymce.AddOnManager', {
|
| | | AddOnManager : function() {
|
| | | var self = this;
|
| | |
|
| | | self.items = [];
|
| | | self.urls = {};
|
| | | self.lookup = {};
|
| | | self.onAdd = new Dispatcher(self);
|
| | | },
|
| | |
|
| | | get : function(n) {
|
| | | if (this.lookup[n]) {
|
| | | return this.lookup[n].instance;
|
| | | } else {
|
| | | return undefined;
|
| | | }
|
| | | },
|
| | |
|
| | | dependencies : function(n) {
|
| | | var result;
|
| | | if (this.lookup[n]) {
|
| | | result = this.lookup[n].dependencies;
|
| | | }
|
| | | return result || [];
|
| | | },
|
| | |
|
| | | requireLangPack : function(n) {
|
| | | var s = tinymce.settings;
|
| | |
|
| | | if (s && s.language && s.language_load !== false)
|
| | | tinymce.ScriptLoader.add(this.urls[n] + '/langs/' + s.language + '.js');
|
| | | },
|
| | |
|
| | | add : function(id, o, dependencies) {
|
| | | this.items.push(o);
|
| | | this.lookup[id] = {instance:o, dependencies:dependencies};
|
| | | this.onAdd.dispatch(this, id, o);
|
| | |
|
| | | return o;
|
| | | },
|
| | | createUrl: function(baseUrl, dep) {
|
| | | if (typeof dep === "object") {
|
| | | return dep
|
| | | } else {
|
| | | return {prefix: baseUrl.prefix, resource: dep, suffix: baseUrl.suffix};
|
| | | }
|
| | | },
|
| | |
|
| | | addComponents: function(pluginName, scripts) {
|
| | | var pluginUrl = this.urls[pluginName];
|
| | | tinymce.each(scripts, function(script){
|
| | | tinymce.ScriptLoader.add(pluginUrl+"/"+script); |
| | | });
|
| | | },
|
| | |
|
| | | load : function(n, u, cb, s) {
|
| | | var t = this, url = u;
|
| | |
|
| | | function loadDependencies() {
|
| | | var dependencies = t.dependencies(n);
|
| | | tinymce.each(dependencies, function(dep) {
|
| | | var newUrl = t.createUrl(u, dep);
|
| | | t.load(newUrl.resource, newUrl, undefined, undefined);
|
| | | });
|
| | | if (cb) {
|
| | | if (s) {
|
| | | cb.call(s);
|
| | | } else {
|
| | | cb.call(tinymce.ScriptLoader);
|
| | | }
|
| | | }
|
| | | }
|
| | | }
|
| | | },
|
| | |
|
| | | _eventPatch : function(editor_id) {
|
| | | var n, inst, win, e;
|
| | | if (t.urls[n])
|
| | | return;
|
| | | if (typeof u === "object")
|
| | | url = u.prefix + u.resource + u.suffix;
|
| | |
|
| | | // Remove odd, error
|
| | | if (typeof(tinyMCE) == "undefined")
|
| | | return true;
|
| | | if (url.indexOf('/') !== 0 && url.indexOf('://') == -1)
|
| | | url = tinymce.baseURL + '/' + url;
|
| | |
|
| | | try {
|
| | | // Try selected instance first
|
| | | if (tinyMCE.selectedInstance) {
|
| | | win = tinyMCE.selectedInstance.getWin();
|
| | | t.urls[n] = url.substring(0, url.lastIndexOf('/'));
|
| | |
|
| | | if (win && win.event) {
|
| | | e = win.event;
|
| | |
|
| | | if (!e.target)
|
| | | e.target = e.srcElement;
|
| | |
|
| | | TinyMCE_Engine.prototype.handleEvent(e);
|
| | | return;
|
| | | }
|
| | | }
|
| | |
|
| | | // Search for it
|
| | | for (n in tinyMCE.instances) {
|
| | | inst = tinyMCE.instances[n];
|
| | |
|
| | | if (!tinyMCE.isInstance(inst))
|
| | | continue;
|
| | |
|
| | | inst.select();
|
| | | win = inst.getWin();
|
| | |
|
| | | if (win && win.event) {
|
| | | e = win.event;
|
| | |
|
| | | if (!e.target)
|
| | | e.target = e.srcElement;
|
| | |
|
| | | TinyMCE_Engine.prototype.handleEvent(e);
|
| | | return;
|
| | | }
|
| | | }
|
| | | } catch (ex) {
|
| | | // Ignore error if iframe is pointing to external URL
|
| | | }
|
| | | },
|
| | |
|
| | | findEvent : function(e) {
|
| | | var n, inst;
|
| | |
|
| | | if (e)
|
| | | return e;
|
| | |
|
| | | for (n in tinyMCE.instances) {
|
| | | inst = tinyMCE.instances[n];
|
| | |
|
| | | if (tinyMCE.isInstance(inst) && inst.getWin().event)
|
| | | return inst.getWin().event;
|
| | | }
|
| | |
|
| | | return null;
|
| | | },
|
| | |
|
| | | unloadHandler : function() {
|
| | | tinyMCE.triggerSave(true, true);
|
| | | },
|
| | |
|
| | | addEventHandlers : function(inst) {
|
| | | this.setEventHandlers(inst, 1);
|
| | | },
|
| | |
|
| | | setEventHandlers : function(inst, s) {
|
| | | var doc = inst.getDoc(), ie, ot, i, f = s ? tinyMCE.addEvent : tinyMCE.removeEvent;
|
| | |
|
| | | ie = ['keypress', 'keyup', 'keydown', 'click', 'mouseup', 'mousedown', 'controlselect', 'dblclick'];
|
| | | ot = ['keypress', 'keyup', 'keydown', 'click', 'mouseup', 'mousedown', 'focus', 'blur', 'dragdrop'];
|
| | |
|
| | | inst.switchSettings();
|
| | |
|
| | | if (tinyMCE.isIE) {
|
| | | for (i=0; i<ie.length; i++)
|
| | | f(doc, ie[i], TinyMCE_Engine.prototype._eventPatch);
|
| | | } else {
|
| | | for (i=0; i<ot.length; i++)
|
| | | f(doc, ot[i], tinyMCE.handleEvent);
|
| | |
|
| | | // Force designmode
|
| | | try {
|
| | | doc.designMode = "On";
|
| | | } catch (e) {
|
| | | // Ignore
|
| | | if (t.lookup[n]) {
|
| | | loadDependencies();
|
| | | } else {
|
| | | tinymce.ScriptLoader.add(url, loadDependencies, s);
|
| | | }
|
| | | }
|
| | | },
|
| | |
|
| | | onMouseMove : function() {
|
| | | var inst, lh;
|
| | |
|
| | | // Fix for IE7 bug where it's not restoring hover on anchors correctly
|
| | | if (tinyMCE.lastHover) {
|
| | | lh = tinyMCE.lastHover;
|
| | |
|
| | | // Call out on menus and refresh class on normal buttons
|
| | | if (lh.className.indexOf('mceMenu') != -1)
|
| | | tinyMCE._menuButtonEvent('out', lh);
|
| | | else
|
| | | lh.className = lh.className;
|
| | |
|
| | | tinyMCE.lastHover = null;
|
| | | }
|
| | |
|
| | | if (!tinyMCE.hasMouseMoved) {
|
| | | inst = tinyMCE.selectedInstance;
|
| | |
|
| | | // Workaround for bug #1437457 (Odd MSIE bug)
|
| | | if (inst.isFocused) {
|
| | | inst.undoBookmark = inst.selection.getBookmark();
|
| | | tinyMCE.hasMouseMoved = true;
|
| | | }
|
| | | }
|
| | |
|
| | | // tinyMCE.cancelEvent(inst.getWin().event);
|
| | | // return false;
|
| | | },
|
| | |
|
| | | cancelEvent : function(e) {
|
| | | if (!e)
|
| | | return false;
|
| | |
|
| | | if (tinyMCE.isIE) {
|
| | | e.returnValue = false;
|
| | | e.cancelBubble = true;
|
| | | } else {
|
| | | e.preventDefault();
|
| | | e.stopPropagation && e.stopPropagation();
|
| | | }
|
| | |
|
| | | return false;
|
| | | },
|
| | |
|
| | | addEvent : function(o, n, h) {
|
| | | // Add cleanup for all non unload events
|
| | | if (n != 'unload') {
|
| | | function clean() {
|
| | | var ex;
|
| | |
|
| | | try {
|
| | | tinyMCE.removeEvent(o, n, h);
|
| | | tinyMCE.removeEvent(window, 'unload', clean);
|
| | | o = n = h = null;
|
| | | } catch (ex) {
|
| | | // IE may produce access denied exception on unload
|
| | | }
|
| | | }
|
| | |
|
| | | // Add memory cleaner
|
| | | tinyMCE.addEvent(window, 'unload', clean);
|
| | | }
|
| | |
|
| | | if (o.attachEvent)
|
| | | o.attachEvent("on" + n, h);
|
| | | else
|
| | | o.addEventListener(n, h, false);
|
| | | },
|
| | |
|
| | | removeEvent : function(o, n, h) {
|
| | | if (o.detachEvent)
|
| | | o.detachEvent("on" + n, h);
|
| | | else
|
| | | o.removeEventListener(n, h, false);
|
| | | },
|
| | |
|
| | | addSelectAccessibility : function(e, s, w) {
|
| | | // Add event handlers |
| | | if (!s._isAccessible) {
|
| | | s.onkeydown = tinyMCE.accessibleEventHandler;
|
| | | s.onblur = tinyMCE.accessibleEventHandler;
|
| | | s._isAccessible = true;
|
| | | s._win = w;
|
| | | }
|
| | |
|
| | | return false;
|
| | | },
|
| | |
|
| | | accessibleEventHandler : function(e) {
|
| | | var elm, win = this._win;
|
| | |
|
| | | e = tinyMCE.isIE ? win.event : e;
|
| | | elm = tinyMCE.isIE ? e.srcElement : e.target;
|
| | |
|
| | | // Unpiggyback onchange on blur
|
| | | if (e.type == "blur") {
|
| | | if (elm.oldonchange) {
|
| | | elm.onchange = elm.oldonchange;
|
| | | elm.oldonchange = null;
|
| | | }
|
| | |
|
| | | return true;
|
| | | }
|
| | |
|
| | | // Piggyback onchange
|
| | | if (elm.nodeName == "SELECT" && !elm.oldonchange) {
|
| | | elm.oldonchange = elm.onchange;
|
| | | elm.onchange = null;
|
| | | }
|
| | |
|
| | | // Execute onchange and remove piggyback
|
| | | if (e.keyCode == 13 || e.keyCode == 32) {
|
| | | elm.onchange = elm.oldonchange;
|
| | | elm.onchange();
|
| | | elm.oldonchange = null;
|
| | |
|
| | | tinyMCE.cancelEvent(e);
|
| | | return false;
|
| | | }
|
| | |
|
| | | return true;
|
| | | },
|
| | |
|
| | | _resetIframeHeight : function() {
|
| | | var ife;
|
| | |
|
| | | if (tinyMCE.isRealIE) {
|
| | | ife = tinyMCE.selectedInstance.iframeElement;
|
| | |
|
| | | /* if (ife._oldWidth) {
|
| | | ife.style.width = ife._oldWidth;
|
| | | ife.width = ife._oldWidth;
|
| | | }*/
|
| | |
|
| | | if (ife._oldHeight) {
|
| | | ife.style.height = ife._oldHeight;
|
| | | ife.height = ife._oldHeight;
|
| | | }
|
| | | }
|
| | | }
|
| | |
|
| | | });
|
| | |
|
| | | /* file:jscripts/tiny_mce/classes/TinyMCE_Selection.class.js */
|
| | | // Create plugin and theme managers
|
| | | tinymce.PluginManager = new tinymce.AddOnManager();
|
| | | tinymce.ThemeManager = new tinymce.AddOnManager();
|
| | | }(tinymce));
|
| | |
|
| | | function TinyMCE_Selection(inst) {
|
| | | this.instance = inst;
|
| | | };
|
| | | (function(tinymce) {
|
| | | // Shorten names
|
| | | var each = tinymce.each, extend = tinymce.extend,
|
| | | DOM = tinymce.DOM, Event = tinymce.dom.Event,
|
| | | ThemeManager = tinymce.ThemeManager, PluginManager = tinymce.PluginManager,
|
| | | explode = tinymce.explode,
|
| | | Dispatcher = tinymce.util.Dispatcher, undef, instanceCounter = 0;
|
| | |
|
| | | TinyMCE_Selection.prototype = {
|
| | | getSelectedHTML : function() {
|
| | | var inst = this.instance, e, r = this.getRng(), h;
|
| | | // Setup some URLs where the editor API is located and where the document is
|
| | | tinymce.documentBaseURL = window.location.href.replace(/[\?#].*$/, '').replace(/[\/\\][^\/]+$/, '');
|
| | | if (!/[\/\\]$/.test(tinymce.documentBaseURL))
|
| | | tinymce.documentBaseURL += '/';
|
| | |
|
| | | if (!r)
|
| | | return null;
|
| | | tinymce.baseURL = new tinymce.util.URI(tinymce.documentBaseURL).toAbsolute(tinymce.baseURL);
|
| | |
|
| | | e = document.createElement("body");
|
| | | tinymce.baseURI = new tinymce.util.URI(tinymce.baseURL);
|
| | |
|
| | | if (r.cloneContents)
|
| | | e.appendChild(r.cloneContents());
|
| | | else if (typeof(r.item) != 'undefined' || typeof(r.htmlText) != 'undefined')
|
| | | e.innerHTML = r.item ? r.item(0).outerHTML : r.htmlText;
|
| | | else
|
| | | e.innerHTML = r.toString(); // Failed, use text for now
|
| | | // Add before unload listener
|
| | | // This was required since IE was leaking memory if you added and removed beforeunload listeners
|
| | | // with attachEvent/detatchEvent so this only adds one listener and instances can the attach to the onBeforeUnload event
|
| | | tinymce.onBeforeUnload = new Dispatcher(tinymce);
|
| | |
|
| | | h = tinyMCE._cleanupHTML(inst, inst.contentDocument, inst.settings, e, e, false, true, false);
|
| | | // Must be on window or IE will leak if the editor is placed in frame or iframe
|
| | | Event.add(window, 'beforeunload', function(e) {
|
| | | tinymce.onBeforeUnload.dispatch(tinymce, e);
|
| | | });
|
| | |
|
| | | // When editing always use fonts internaly
|
| | | //if (tinyMCE.getParam("convert_fonts_to_spans"))
|
| | | // tinyMCE.convertSpansToFonts(inst.getDoc());
|
| | | tinymce.onAddEditor = new Dispatcher(tinymce);
|
| | |
|
| | | return h;
|
| | | },
|
| | | tinymce.onRemoveEditor = new Dispatcher(tinymce);
|
| | |
|
| | | getSelectedText : function() {
|
| | | var inst = this.instance, d, r, s, t;
|
| | | tinymce.EditorManager = extend(tinymce, {
|
| | | editors : [],
|
| | |
|
| | | if (tinyMCE.isIE) {
|
| | | d = inst.getDoc();
|
| | | i18n : {},
|
| | |
|
| | | if (d.selection.type == "Text") {
|
| | | r = d.selection.createRange();
|
| | | t = r.text;
|
| | | } else
|
| | | t = '';
|
| | | } else {
|
| | | s = this.getSel();
|
| | | activeEditor : null,
|
| | |
|
| | | if (s && s.toString)
|
| | | t = s.toString();
|
| | | else
|
| | | t = '';
|
| | | }
|
| | | init : function(s) {
|
| | | var t = this, pl, sl = tinymce.ScriptLoader, e, el = [], ed;
|
| | |
|
| | | return t;
|
| | | },
|
| | |
|
| | | getBookmark : function(simple) {
|
| | | var inst = this.instance, rng = this.getRng(), doc = inst.getDoc(), b = inst.getBody();
|
| | | var trng, sx, sy, xx = -999999999, vp = inst.getViewPort();
|
| | | var sp, le, s, e, nl, i, si, ei, w;
|
| | |
|
| | | sx = vp.left;
|
| | | sy = vp.top;
|
| | |
|
| | | if (simple)
|
| | | return {rng : rng, scrollX : sx, scrollY : sy};
|
| | |
|
| | | if (tinyMCE.isRealIE) {
|
| | | if (rng.item) {
|
| | | e = rng.item(0);
|
| | |
|
| | | nl = b.getElementsByTagName(e.nodeName);
|
| | | for (i=0; i<nl.length; i++) {
|
| | | if (e == nl[i]) {
|
| | | sp = i;
|
| | | break;
|
| | | function createId(elm) {
|
| | | var id = elm.id;
|
| | | |
| | | // Use element id, or unique name or generate a unique id
|
| | | if (!id) {
|
| | | id = elm.name;
|
| | | |
| | | if (id && !DOM.get(id)) {
|
| | | id = elm.name;
|
| | | } else {
|
| | | // Generate unique name
|
| | | id = DOM.uniqueId();
|
| | | }
|
| | |
|
| | | elm.setAttribute('id', id);
|
| | | }
|
| | |
|
| | | return {
|
| | | tag : e.nodeName,
|
| | | index : sp,
|
| | | scrollX : sx,
|
| | | scrollY : sy
|
| | | };
|
| | | } else {
|
| | | trng = doc.body.createTextRange();
|
| | | trng.moveToElementText(inst.getBody());
|
| | | trng.collapse(true);
|
| | | bp = Math.abs(trng.move('character', xx));
|
| | | return id;
|
| | | };
|
| | |
|
| | | trng = rng.duplicate();
|
| | | trng.collapse(true);
|
| | | sp = Math.abs(trng.move('character', xx));
|
| | | function execCallback(se, n, s) {
|
| | | var f = se[n];
|
| | |
|
| | | trng = rng.duplicate();
|
| | | trng.collapse(false);
|
| | | le = Math.abs(trng.move('character', xx)) - sp;
|
| | | if (!f)
|
| | | return;
|
| | |
|
| | | return {
|
| | | start : sp - bp,
|
| | | length : le,
|
| | | scrollX : sx,
|
| | | scrollY : sy
|
| | | };
|
| | | }
|
| | | } else {
|
| | | s = this.getSel();
|
| | | e = this.getFocusElement();
|
| | | if (tinymce.is(f, 'string')) {
|
| | | s = f.replace(/\.\w+$/, '');
|
| | | s = s ? tinymce.resolve(s) : 0;
|
| | | f = tinymce.resolve(f);
|
| | | }
|
| | |
|
| | | if (!s)
|
| | | return f.apply(s || this, Array.prototype.slice.call(arguments, 2));
|
| | | };
|
| | |
|
| | | function hasClass(n, c) {
|
| | | return c.constructor === RegExp ? c.test(n.className) : DOM.hasClass(n, c);
|
| | | };
|
| | |
|
| | | t.settings = s;
|
| | |
|
| | | // Legacy call
|
| | | Event.bind(window, 'ready', function() {
|
| | | var l, co;
|
| | |
|
| | | execCallback(s, 'onpageload');
|
| | |
|
| | | switch (s.mode) {
|
| | | case "exact":
|
| | | l = s.elements || '';
|
| | |
|
| | | if(l.length > 0) {
|
| | | each(explode(l), function(v) {
|
| | | if (DOM.get(v)) {
|
| | | ed = new tinymce.Editor(v, s);
|
| | | el.push(ed);
|
| | | ed.render(1);
|
| | | } else {
|
| | | each(document.forms, function(f) {
|
| | | each(f.elements, function(e) {
|
| | | if (e.name === v) {
|
| | | v = 'mce_editor_' + instanceCounter++;
|
| | | DOM.setAttrib(e, 'id', v);
|
| | |
|
| | | ed = new tinymce.Editor(v, s);
|
| | | el.push(ed);
|
| | | ed.render(1);
|
| | | }
|
| | | });
|
| | | });
|
| | | }
|
| | | });
|
| | | }
|
| | | break;
|
| | |
|
| | | case "textareas":
|
| | | case "specific_textareas":
|
| | | each(DOM.select('textarea'), function(elm) {
|
| | | if (s.editor_deselector && hasClass(elm, s.editor_deselector))
|
| | | return;
|
| | |
|
| | | if (!s.editor_selector || hasClass(elm, s.editor_selector)) {
|
| | | ed = new tinymce.Editor(createId(elm), s);
|
| | | el.push(ed);
|
| | | ed.render(1);
|
| | | }
|
| | | });
|
| | | break;
|
| | | |
| | | default:
|
| | | if (s.types) {
|
| | | // Process type specific selector
|
| | | each(s.types, function(type) {
|
| | | each(DOM.select(type.selector), function(elm) {
|
| | | var editor = new tinymce.Editor(createId(elm), tinymce.extend({}, s, type));
|
| | | el.push(editor);
|
| | | editor.render(1);
|
| | | });
|
| | | });
|
| | | } else if (s.selector) {
|
| | | // Process global selector
|
| | | each(DOM.select(s.selector), function(elm) {
|
| | | var editor = new tinymce.Editor(createId(elm), s);
|
| | | el.push(editor);
|
| | | editor.render(1);
|
| | | });
|
| | | }
|
| | | }
|
| | |
|
| | | // Call onInit when all editors are initialized
|
| | | if (s.oninit) {
|
| | | l = co = 0;
|
| | |
|
| | | each(el, function(ed) {
|
| | | co++;
|
| | |
|
| | | if (!ed.initialized) {
|
| | | // Wait for it
|
| | | ed.onInit.add(function() {
|
| | | l++;
|
| | |
|
| | | // All done
|
| | | if (l == co)
|
| | | execCallback(s, 'oninit');
|
| | | });
|
| | | } else
|
| | | l++;
|
| | |
|
| | | // All done
|
| | | if (l == co)
|
| | | execCallback(s, 'oninit'); |
| | | });
|
| | | }
|
| | | });
|
| | | },
|
| | |
|
| | | get : function(id) {
|
| | | if (id === undef)
|
| | | return this.editors;
|
| | |
|
| | | return this.editors[id];
|
| | | },
|
| | |
|
| | | getInstanceById : function(id) {
|
| | | return this.get(id);
|
| | | },
|
| | |
|
| | | add : function(editor) {
|
| | | var self = this, editors = self.editors;
|
| | |
|
| | | // Add named and index editor instance
|
| | | editors[editor.id] = editor;
|
| | | editors.push(editor);
|
| | |
|
| | | self._setActive(editor);
|
| | | self.onAddEditor.dispatch(self, editor);
|
| | |
|
| | |
|
| | | return editor;
|
| | | },
|
| | |
|
| | | remove : function(editor) {
|
| | | var t = this, i, editors = t.editors;
|
| | |
|
| | | // Not in the collection
|
| | | if (!editors[editor.id])
|
| | | return null;
|
| | |
|
| | | if (e && e.nodeName == 'IMG') {
|
| | | /*nl = b.getElementsByTagName('IMG');
|
| | | for (i=0; i<nl.length; i++) {
|
| | | if (e == nl[i]) {
|
| | | sp = i;
|
| | | break;
|
| | | delete editors[editor.id];
|
| | |
|
| | | for (i = 0; i < editors.length; i++) {
|
| | | if (editors[i] == editor) {
|
| | | editors.splice(i, 1);
|
| | | break;
|
| | | }
|
| | | }
|
| | |
|
| | | // Select another editor since the active one was removed
|
| | | if (t.activeEditor == editor)
|
| | | t._setActive(editors[0]);
|
| | |
|
| | | editor.destroy();
|
| | | t.onRemoveEditor.dispatch(t, editor);
|
| | |
|
| | | return editor;
|
| | | },
|
| | |
|
| | | execCommand : function(c, u, v) {
|
| | | var t = this, ed = t.get(v), w;
|
| | |
|
| | | function clr() {
|
| | | ed.destroy();
|
| | | w.detachEvent('onunload', clr);
|
| | | w = w.tinyMCE = w.tinymce = null; // IE leak
|
| | | };
|
| | |
|
| | | // Manager commands
|
| | | switch (c) {
|
| | | case "mceFocus":
|
| | | ed.focus();
|
| | | return true;
|
| | |
|
| | | case "mceAddEditor":
|
| | | case "mceAddControl":
|
| | | if (!t.get(v))
|
| | | new tinymce.Editor(v, t.settings).render();
|
| | |
|
| | | return true;
|
| | |
|
| | | case "mceAddFrameControl":
|
| | | w = v.window;
|
| | |
|
| | | // Add tinyMCE global instance and tinymce namespace to specified window
|
| | | w.tinyMCE = tinyMCE;
|
| | | w.tinymce = tinymce;
|
| | |
|
| | | tinymce.DOM.doc = w.document;
|
| | | tinymce.DOM.win = w;
|
| | |
|
| | | ed = new tinymce.Editor(v.element_id, v);
|
| | | ed.render();
|
| | |
|
| | | // Fix IE memory leaks
|
| | | if (tinymce.isIE) {
|
| | | w.attachEvent('onunload', clr);
|
| | | }
|
| | | }*/
|
| | |
|
| | | return {
|
| | | start : -1,
|
| | | end : -1,
|
| | | index : sp,
|
| | | scrollX : sx,
|
| | | scrollY : sy
|
| | | };
|
| | | v.page_window = null;
|
| | |
|
| | | return true;
|
| | |
|
| | | case "mceRemoveEditor":
|
| | | case "mceRemoveControl":
|
| | | if (ed)
|
| | | ed.remove();
|
| | |
|
| | | return true;
|
| | |
|
| | | case 'mceToggleEditor':
|
| | | if (!ed) {
|
| | | t.execCommand('mceAddControl', 0, v);
|
| | | return true;
|
| | | }
|
| | |
|
| | | if (ed.isHidden())
|
| | | ed.show();
|
| | | else
|
| | | ed.hide();
|
| | |
|
| | | return true;
|
| | | }
|
| | |
|
| | | // Caret or selection
|
| | | if (s.anchorNode == s.focusNode && s.anchorOffset == s.focusOffset) {
|
| | | e = this._getPosText(b, s.anchorNode, s.focusNode);
|
| | | // Run command on active editor
|
| | | if (t.activeEditor)
|
| | | return t.activeEditor.execCommand(c, u, v);
|
| | |
|
| | | if (!e)
|
| | | return {scrollX : sx, scrollY : sy};
|
| | |
|
| | | return {
|
| | | start : e.start + s.anchorOffset,
|
| | | end : e.end + s.focusOffset,
|
| | | scrollX : sx,
|
| | | scrollY : sy
|
| | | };
|
| | | } else {
|
| | | e = this._getPosText(b, rng.startContainer, rng.endContainer);
|
| | |
|
| | | if (!e)
|
| | | return {scrollX : sx, scrollY : sy};
|
| | |
|
| | | return {
|
| | | start : e.start + rng.startOffset,
|
| | | end : e.end + rng.endOffset,
|
| | | scrollX : sx,
|
| | | scrollY : sy
|
| | | };
|
| | | }
|
| | | }
|
| | |
|
| | | return null;
|
| | | },
|
| | |
|
| | | moveToBookmark : function(bookmark) {
|
| | | var inst = this.instance, rng, nl, i, ex, b = inst.getBody(), sd;
|
| | | var doc = inst.getDoc(), win = inst.getWin(), sel = this.getSel();
|
| | |
|
| | | if (!bookmark)
|
| | | return false;
|
| | | },
|
| | |
|
| | | if (tinyMCE.isSafari && bookmark.rng) {
|
| | | sel.setBaseAndExtent(bookmark.rng.startContainer, bookmark.rng.startOffset, bookmark.rng.endContainer, bookmark.rng.endOffset);
|
| | | return true;
|
| | | execInstanceCommand : function(id, c, u, v) {
|
| | | var ed = this.get(id);
|
| | |
|
| | | if (ed)
|
| | | return ed.execCommand(c, u, v);
|
| | |
|
| | | return false;
|
| | | },
|
| | |
|
| | | triggerSave : function() {
|
| | | each(this.editors, function(e) {
|
| | | e.save();
|
| | | });
|
| | | },
|
| | |
|
| | | addI18n : function(p, o) {
|
| | | var lo, i18n = this.i18n;
|
| | |
|
| | | if (!tinymce.is(p, 'string')) {
|
| | | each(p, function(o, lc) {
|
| | | each(o, function(o, g) {
|
| | | each(o, function(o, k) {
|
| | | if (g === 'common')
|
| | | i18n[lc + '.' + k] = o;
|
| | | else
|
| | | i18n[lc + '.' + g + '.' + k] = o;
|
| | | });
|
| | | });
|
| | | });
|
| | | } else {
|
| | | each(o, function(o, k) {
|
| | | i18n[p + '.' + k] = o;
|
| | | });
|
| | | }
|
| | | },
|
| | |
|
| | | // Private methods
|
| | |
|
| | | _setActive : function(editor) {
|
| | | this.selectedInstance = this.activeEditor = editor;
|
| | | }
|
| | | });
|
| | | })(tinymce);
|
| | |
|
| | | if (tinyMCE.isRealIE) {
|
| | | if (bookmark.rng) {
|
| | | try {
|
| | | bookmark.rng.select();
|
| | | } catch (ex) {
|
| | | // Ignore
|
| | | (function(tinymce) {
|
| | | // Shorten these names
|
| | | var DOM = tinymce.DOM, Event = tinymce.dom.Event, extend = tinymce.extend,
|
| | | each = tinymce.each, isGecko = tinymce.isGecko,
|
| | | isIE = tinymce.isIE, isWebKit = tinymce.isWebKit, is = tinymce.is,
|
| | | ThemeManager = tinymce.ThemeManager, PluginManager = tinymce.PluginManager,
|
| | | explode = tinymce.explode;
|
| | |
|
| | | tinymce.create('tinymce.Editor', {
|
| | | Editor : function(id, settings) {
|
| | | var self = this, TRUE = true;
|
| | |
|
| | | self.settings = settings = extend({
|
| | | id : id,
|
| | | language : 'en',
|
| | | theme : 'advanced',
|
| | | skin : 'default',
|
| | | delta_width : 0,
|
| | | delta_height : 0,
|
| | | popup_css : '',
|
| | | plugins : '',
|
| | | document_base_url : tinymce.documentBaseURL,
|
| | | add_form_submit_trigger : TRUE,
|
| | | submit_patch : TRUE,
|
| | | add_unload_trigger : TRUE,
|
| | | convert_urls : TRUE,
|
| | | relative_urls : TRUE,
|
| | | remove_script_host : TRUE,
|
| | | table_inline_editing : false,
|
| | | object_resizing : TRUE,
|
| | | accessibility_focus : TRUE,
|
| | | doctype : tinymce.isIE6 ? '<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">' : '<!DOCTYPE>', // Use old doctype on IE 6 to avoid horizontal scroll
|
| | | visual : TRUE,
|
| | | font_size_style_values : 'xx-small,x-small,small,medium,large,x-large,xx-large',
|
| | | 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
|
| | | apply_source_formatting : TRUE,
|
| | | directionality : 'ltr',
|
| | | forced_root_block : 'p',
|
| | | hidden_input : TRUE,
|
| | | padd_empty_editor : TRUE,
|
| | | render_ui : TRUE,
|
| | | indentation : '30px',
|
| | | fix_table_elements : TRUE,
|
| | | inline_styles : TRUE,
|
| | | convert_fonts_to_spans : TRUE,
|
| | | indent : 'simple',
|
| | | 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',
|
| | | 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',
|
| | | validate : TRUE,
|
| | | entity_encoding : 'named',
|
| | | url_converter : self.convertURL,
|
| | | url_converter_scope : self,
|
| | | ie7_compat : TRUE
|
| | | }, settings);
|
| | |
|
| | | self.id = self.editorId = id;
|
| | |
|
| | | self.isNotDirty = false;
|
| | |
|
| | | self.plugins = {};
|
| | |
|
| | | self.documentBaseURI = new tinymce.util.URI(settings.document_base_url || tinymce.documentBaseURL, {
|
| | | base_uri : tinyMCE.baseURI
|
| | | });
|
| | |
|
| | | self.baseURI = tinymce.baseURI;
|
| | |
|
| | | self.contentCSS = [];
|
| | |
|
| | | self.contentStyles = [];
|
| | |
|
| | | // Creates all events like onClick, onSetContent etc see Editor.Events.js for the actual logic
|
| | | self.setupEvents();
|
| | |
|
| | | // Internal command handler objects
|
| | | self.execCommands = {};
|
| | | self.queryStateCommands = {};
|
| | | self.queryValueCommands = {};
|
| | |
|
| | | // Call setup
|
| | | self.execCallback('setup', self);
|
| | | },
|
| | |
|
| | | render : function(nst) {
|
| | | var t = this, s = t.settings, id = t.id, sl = tinymce.ScriptLoader;
|
| | |
|
| | | // Page is not loaded yet, wait for it
|
| | | if (!Event.domLoaded) {
|
| | | Event.add(window, 'ready', function() {
|
| | | t.render();
|
| | | });
|
| | | return;
|
| | | }
|
| | |
|
| | | tinyMCE.settings = s;
|
| | |
|
| | | // Element not found, then skip initialization
|
| | | if (!t.getElement())
|
| | | return;
|
| | |
|
| | | // Is a iPad/iPhone and not on iOS5, then skip initialization. We need to sniff |
| | | // here since the browser says it has contentEditable support but there is no visible caret.
|
| | | if (tinymce.isIDevice && !tinymce.isIOS5)
|
| | | return;
|
| | |
|
| | | // Add hidden input for non input elements inside form elements
|
| | | if (!/TEXTAREA|INPUT/i.test(t.getElement().nodeName) && s.hidden_input && DOM.getParent(id, 'form'))
|
| | | DOM.insertAfter(DOM.create('input', {type : 'hidden', name : id}), id);
|
| | |
|
| | | // Hide target element early to prevent content flashing
|
| | | if (!s.content_editable) {
|
| | | t.orgVisibility = t.getElement().style.visibility;
|
| | | t.getElement().style.visibility = 'hidden';
|
| | | }
|
| | |
|
| | | if (tinymce.WindowManager)
|
| | | t.windowManager = new tinymce.WindowManager(t);
|
| | |
|
| | | if (s.encoding == 'xml') {
|
| | | t.onGetContent.add(function(ed, o) {
|
| | | if (o.save)
|
| | | o.content = DOM.encode(o.content);
|
| | | });
|
| | | }
|
| | |
|
| | | if (s.add_form_submit_trigger) {
|
| | | t.onSubmit.addToTop(function() {
|
| | | if (t.initialized) {
|
| | | t.save();
|
| | | t.isNotDirty = 1;
|
| | | }
|
| | | });
|
| | | }
|
| | |
|
| | | if (s.add_unload_trigger) {
|
| | | t._beforeUnload = tinyMCE.onBeforeUnload.add(function() {
|
| | | if (t.initialized && !t.destroyed && !t.isHidden())
|
| | | t.save({format : 'raw', no_events : true});
|
| | | });
|
| | | }
|
| | |
|
| | | tinymce.addUnload(t.destroy, t);
|
| | |
|
| | | if (s.submit_patch) {
|
| | | t.onBeforeRenderUI.add(function() {
|
| | | var n = t.getElement().form;
|
| | |
|
| | | if (!n)
|
| | | return;
|
| | |
|
| | | // Already patched
|
| | | if (n._mceOldSubmit)
|
| | | return;
|
| | |
|
| | | // Check page uses id="submit" or name="submit" for it's submit button
|
| | | if (!n.submit.nodeType && !n.submit.length) {
|
| | | t.formElement = n;
|
| | | n._mceOldSubmit = n.submit;
|
| | | n.submit = function() {
|
| | | // Save all instances
|
| | | tinymce.triggerSave();
|
| | | t.isNotDirty = 1;
|
| | |
|
| | | return t.formElement._mceOldSubmit(t.formElement);
|
| | | };
|
| | | }
|
| | |
|
| | | n = null;
|
| | | });
|
| | | }
|
| | |
|
| | | // Load scripts
|
| | | function loadScripts() {
|
| | | if (s.language && s.language_load !== false)
|
| | | sl.add(tinymce.baseURL + '/langs/' + s.language + '.js');
|
| | |
|
| | | if (s.theme && typeof s.theme != "function" && s.theme.charAt(0) != '-' && !ThemeManager.urls[s.theme])
|
| | | ThemeManager.load(s.theme, 'themes/' + s.theme + '/editor_template' + tinymce.suffix + '.js');
|
| | |
|
| | | each(explode(s.plugins), function(p) {
|
| | | if (p &&!PluginManager.urls[p]) {
|
| | | if (p.charAt(0) == '-') {
|
| | | p = p.substr(1, p.length);
|
| | | var dependencies = PluginManager.dependencies(p);
|
| | | each(dependencies, function(dep) {
|
| | | var defaultSettings = {prefix:'plugins/', resource: dep, suffix:'/editor_plugin' + tinymce.suffix + '.js'};
|
| | | dep = PluginManager.createUrl(defaultSettings, dep);
|
| | | PluginManager.load(dep.resource, dep);
|
| | | });
|
| | | } else {
|
| | | // Skip safari plugin, since it is removed as of 3.3b1
|
| | | if (p == 'safari') {
|
| | | return;
|
| | | }
|
| | | PluginManager.load(p, {prefix:'plugins/', resource: p, suffix:'/editor_plugin' + tinymce.suffix + '.js'});
|
| | | }
|
| | | }
|
| | | });
|
| | |
|
| | | // Init when que is loaded
|
| | | sl.loadQueue(function() {
|
| | | if (!t.removed)
|
| | | t.init();
|
| | | });
|
| | | };
|
| | |
|
| | | loadScripts();
|
| | | },
|
| | |
|
| | | init : function() {
|
| | | var n, t = this, s = t.settings, w, h, mh, e = t.getElement(), o, ti, u, bi, bc, re, i, initializedPlugins = [];
|
| | |
|
| | | tinymce.add(t);
|
| | |
|
| | | s.aria_label = s.aria_label || DOM.getAttrib(e, 'aria-label', t.getLang('aria.rich_text_area'));
|
| | |
|
| | | if (s.theme) {
|
| | | if (typeof s.theme != "function") {
|
| | | s.theme = s.theme.replace(/-/, '');
|
| | | o = ThemeManager.get(s.theme);
|
| | | t.theme = new o();
|
| | |
|
| | | if (t.theme.init)
|
| | | t.theme.init(t, ThemeManager.urls[s.theme] || tinymce.documentBaseURL.replace(/\/$/, ''));
|
| | | } else {
|
| | | t.theme = s.theme;
|
| | | }
|
| | | }
|
| | |
|
| | | function initPlugin(p) {
|
| | | var c = PluginManager.get(p), u = PluginManager.urls[p] || tinymce.documentBaseURL.replace(/\/$/, ''), po;
|
| | | if (c && tinymce.inArray(initializedPlugins,p) === -1) {
|
| | | each(PluginManager.dependencies(p), function(dep){
|
| | | initPlugin(dep);
|
| | | });
|
| | | po = new c(t, u);
|
| | |
|
| | | t.plugins[p] = po;
|
| | |
|
| | | if (po.init) {
|
| | | po.init(t, u);
|
| | | initializedPlugins.push(p);
|
| | | }
|
| | | }
|
| | | }
|
| | | |
| | | // Create all plugins
|
| | | each(explode(s.plugins.replace(/\-/g, '')), initPlugin);
|
| | |
|
| | | // Setup popup CSS path(s)
|
| | | if (s.popup_css !== false) {
|
| | | if (s.popup_css)
|
| | | s.popup_css = t.documentBaseURI.toAbsolute(s.popup_css);
|
| | | else
|
| | | s.popup_css = t.baseURI.toAbsolute("themes/" + s.theme + "/skins/" + s.skin + "/dialog.css");
|
| | | }
|
| | |
|
| | | if (s.popup_css_add)
|
| | | s.popup_css += ',' + t.documentBaseURI.toAbsolute(s.popup_css_add);
|
| | |
|
| | | t.controlManager = new tinymce.ControlManager(t);
|
| | |
|
| | | // Enables users to override the control factory
|
| | | t.onBeforeRenderUI.dispatch(t, t.controlManager);
|
| | |
|
| | | // Measure box
|
| | | if (s.render_ui && t.theme) {
|
| | | t.orgDisplay = e.style.display;
|
| | |
|
| | | if (typeof s.theme != "function") {
|
| | | w = s.width || e.style.width || e.offsetWidth;
|
| | | h = s.height || e.style.height || e.offsetHeight;
|
| | | mh = s.min_height || 100;
|
| | | re = /^[0-9\.]+(|px)$/i;
|
| | |
|
| | | if (re.test('' + w))
|
| | | w = Math.max(parseInt(w, 10) + (o.deltaWidth || 0), 100);
|
| | |
|
| | | if (re.test('' + h))
|
| | | h = Math.max(parseInt(h, 10) + (o.deltaHeight || 0), mh);
|
| | |
|
| | | // Render UI
|
| | | o = t.theme.renderUI({
|
| | | targetNode : e,
|
| | | width : w,
|
| | | height : h,
|
| | | deltaWidth : s.delta_width,
|
| | | deltaHeight : s.delta_height
|
| | | });
|
| | |
|
| | | // Resize editor
|
| | | DOM.setStyles(o.sizeContainer || o.editorContainer, {
|
| | | width : w,
|
| | | height : h
|
| | | });
|
| | |
|
| | | h = (o.iframeHeight || h) + (typeof(h) == 'number' ? (o.deltaHeight || 0) : '');
|
| | | if (h < mh)
|
| | | h = mh;
|
| | | } else {
|
| | | o = s.theme(t, e);
|
| | |
|
| | | // Convert element type to id:s
|
| | | if (o.editorContainer.nodeType) {
|
| | | o.editorContainer = o.editorContainer.id = o.editorContainer.id || t.id + "_parent";
|
| | | }
|
| | |
|
| | | // Convert element type to id:s
|
| | | if (o.iframeContainer.nodeType) {
|
| | | o.iframeContainer = o.iframeContainer.id = o.iframeContainer.id || t.id + "_iframecontainer";
|
| | | }
|
| | |
|
| | | // Use specified iframe height or the targets offsetHeight
|
| | | h = o.iframeHeight || e.offsetHeight;
|
| | |
|
| | | // Store away the selection when it's changed to it can be restored later with a editor.focus() call
|
| | | if (isIE) {
|
| | | t.onInit.add(function(ed) {
|
| | | ed.dom.bind(ed.getBody(), 'beforedeactivate keydown', function() {
|
| | | ed.lastIERng = ed.selection.getRng();
|
| | | });
|
| | | });
|
| | | }
|
| | | }
|
| | |
|
| | | t.editorContainer = o.editorContainer;
|
| | | }
|
| | |
|
| | | // Load specified content CSS last
|
| | | if (s.content_css) {
|
| | | each(explode(s.content_css), function(u) {
|
| | | t.contentCSS.push(t.documentBaseURI.toAbsolute(u));
|
| | | });
|
| | | }
|
| | |
|
| | | // Load specified content CSS last
|
| | | if (s.content_style) {
|
| | | t.contentStyles.push(s.content_style);
|
| | | }
|
| | |
|
| | | // Content editable mode ends here
|
| | | if (s.content_editable) {
|
| | | e = n = o = null; // Fix IE leak
|
| | | return t.initContentBody();
|
| | | }
|
| | |
|
| | | // User specified a document.domain value
|
| | | if (document.domain && location.hostname != document.domain)
|
| | | tinymce.relaxedDomain = document.domain;
|
| | |
|
| | | t.iframeHTML = s.doctype + '<html><head xmlns="http://www.w3.org/1999/xhtml">';
|
| | |
|
| | | // We only need to override paths if we have to
|
| | | // IE has a bug where it remove site absolute urls to relative ones if this is specified
|
| | | if (s.document_base_url != tinymce.documentBaseURL)
|
| | | t.iframeHTML += '<base href="' + t.documentBaseURI.getURI() + '" />';
|
| | |
|
| | | // IE8 doesn't support carets behind images setting ie7_compat would force IE8+ to run in IE7 compat mode.
|
| | | if (s.ie7_compat)
|
| | | t.iframeHTML += '<meta http-equiv="X-UA-Compatible" content="IE=7" />';
|
| | | else
|
| | | t.iframeHTML += '<meta http-equiv="X-UA-Compatible" content="IE=edge" />';
|
| | |
|
| | | t.iframeHTML += '<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />';
|
| | |
|
| | | // Load the CSS by injecting them into the HTML this will reduce "flicker"
|
| | | for (i = 0; i < t.contentCSS.length; i++) {
|
| | | t.iframeHTML += '<link type="text/css" rel="stylesheet" href="' + t.contentCSS[i] + '" />';
|
| | | }
|
| | |
|
| | | t.contentCSS = [];
|
| | |
|
| | | bi = s.body_id || 'tinymce';
|
| | | if (bi.indexOf('=') != -1) {
|
| | | bi = t.getParam('body_id', '', 'hash');
|
| | | bi = bi[t.id] || bi;
|
| | | }
|
| | |
|
| | | bc = s.body_class || '';
|
| | | if (bc.indexOf('=') != -1) {
|
| | | bc = t.getParam('body_class', '', 'hash');
|
| | | bc = bc[t.id] || '';
|
| | | }
|
| | |
|
| | | t.iframeHTML += '</head><body id="' + bi + '" class="mceContentBody ' + bc + '" onload="window.parent.tinyMCE.get(\'' + t.id + '\').onLoad.dispatch();"><br></body></html>';
|
| | |
|
| | | // Domain relaxing enabled, then set document domain
|
| | | if (tinymce.relaxedDomain && (isIE || (tinymce.isOpera && parseFloat(opera.version()) < 11))) {
|
| | | // We need to write the contents here in IE since multiple writes messes up refresh button and back button
|
| | | 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();})()';
|
| | | }
|
| | |
|
| | | // Create iframe
|
| | | // TODO: ACC add the appropriate description on this.
|
| | | n = DOM.add(o.iframeContainer, 'iframe', { |
| | | id : t.id + "_ifr",
|
| | | src : u || 'javascript:""', // Workaround for HTTPS warning in IE6/7
|
| | | frameBorder : '0',
|
| | | allowTransparency : "true",
|
| | | title : s.aria_label,
|
| | | style : {
|
| | | width : '100%',
|
| | | height : h,
|
| | | display : 'block' // Important for Gecko to render the iframe correctly
|
| | | }
|
| | | });
|
| | |
|
| | | t.contentAreaContainer = o.iframeContainer;
|
| | |
|
| | | if (o.editorContainer) {
|
| | | DOM.get(o.editorContainer).style.display = t.orgDisplay;
|
| | | }
|
| | |
|
| | | // Restore visibility on target element
|
| | | e.style.visibility = t.orgVisibility;
|
| | |
|
| | | DOM.get(t.id).style.display = 'none';
|
| | | DOM.setAttrib(t.id, 'aria-hidden', true);
|
| | |
|
| | | if (!tinymce.relaxedDomain || !u)
|
| | | t.initContentBody();
|
| | |
|
| | | e = n = o = null; // Cleanup
|
| | | },
|
| | |
|
| | | initContentBody : function() {
|
| | | var self = this, settings = self.settings, targetElm = DOM.get(self.id), doc = self.getDoc(), html, body, contentCssText;
|
| | |
|
| | | // Setup iframe body
|
| | | if ((!isIE || !tinymce.relaxedDomain) && !settings.content_editable) {
|
| | | doc.open();
|
| | | doc.write(self.iframeHTML);
|
| | | doc.close();
|
| | |
|
| | | if (tinymce.relaxedDomain)
|
| | | doc.domain = tinymce.relaxedDomain;
|
| | | }
|
| | |
|
| | | if (settings.content_editable) {
|
| | | DOM.addClass(targetElm, 'mceContentBody');
|
| | | self.contentDocument = doc = settings.content_document || document;
|
| | | self.contentWindow = settings.content_window || window;
|
| | | self.bodyElement = targetElm;
|
| | |
|
| | | // Prevent leak in IE
|
| | | settings.content_document = settings.content_window = null;
|
| | | }
|
| | |
|
| | | // It will not steal focus while setting contentEditable
|
| | | body = self.getBody();
|
| | | body.disabled = true;
|
| | |
|
| | | if (!settings.readonly)
|
| | | body.contentEditable = self.getParam('content_editable_state', true);
|
| | |
|
| | | body.disabled = false;
|
| | |
|
| | | self.schema = new tinymce.html.Schema(settings);
|
| | |
|
| | | self.dom = new tinymce.dom.DOMUtils(doc, {
|
| | | keep_values : true,
|
| | | url_converter : self.convertURL,
|
| | | url_converter_scope : self,
|
| | | hex_colors : settings.force_hex_style_colors,
|
| | | class_filter : settings.class_filter,
|
| | | update_styles : true,
|
| | | root_element : settings.content_editable ? self.id : null,
|
| | | schema : self.schema
|
| | | });
|
| | |
|
| | | self.parser = new tinymce.html.DomParser(settings, self.schema);
|
| | |
|
| | | // Convert src and href into data-mce-src, data-mce-href and data-mce-style
|
| | | self.parser.addAttributeFilter('src,href,style', function(nodes, name) {
|
| | | var i = nodes.length, node, dom = self.dom, value, internalName;
|
| | |
|
| | | while (i--) {
|
| | | node = nodes[i];
|
| | | value = node.attr(name);
|
| | | internalName = 'data-mce-' + name;
|
| | |
|
| | | // Add internal attribute if we need to we don't on a refresh of the document
|
| | | if (!node.attributes.map[internalName]) { |
| | | if (name === "style")
|
| | | node.attr(internalName, dom.serializeStyle(dom.parseStyle(value), node.name));
|
| | | else
|
| | | node.attr(internalName, self.convertURL(value, name, node.name));
|
| | | }
|
| | | }
|
| | | });
|
| | |
|
| | | // Keep scripts from executing
|
| | | self.parser.addNodeFilter('script', function(nodes, name) {
|
| | | var i = nodes.length, node;
|
| | |
|
| | | while (i--) {
|
| | | node = nodes[i];
|
| | | node.attr('type', 'mce-' + (node.attr('type') || 'text/javascript'));
|
| | | }
|
| | | });
|
| | |
|
| | | self.parser.addNodeFilter('#cdata', function(nodes, name) {
|
| | | var i = nodes.length, node;
|
| | |
|
| | | while (i--) {
|
| | | node = nodes[i];
|
| | | node.type = 8;
|
| | | node.name = '#comment';
|
| | | node.value = '[CDATA[' + node.value + ']]';
|
| | | }
|
| | | });
|
| | |
|
| | | self.parser.addNodeFilter('p,h1,h2,h3,h4,h5,h6,div', function(nodes, name) {
|
| | | var i = nodes.length, node, nonEmptyElements = self.schema.getNonEmptyElements();
|
| | |
|
| | | while (i--) {
|
| | | node = nodes[i];
|
| | |
|
| | | if (node.isEmpty(nonEmptyElements))
|
| | | node.empty().append(new tinymce.html.Node('br', 1)).shortEnded = true;
|
| | | }
|
| | | });
|
| | |
|
| | | self.serializer = new tinymce.dom.Serializer(settings, self.dom, self.schema);
|
| | |
|
| | | self.selection = new tinymce.dom.Selection(self.dom, self.getWin(), self.serializer, self);
|
| | |
|
| | | self.formatter = new tinymce.Formatter(self);
|
| | |
|
| | | self.undoManager = new tinymce.UndoManager(self);
|
| | |
|
| | | self.forceBlocks = new tinymce.ForceBlocks(self);
|
| | | self.enterKey = new tinymce.EnterKey(self);
|
| | | self.editorCommands = new tinymce.EditorCommands(self);
|
| | |
|
| | | self.onExecCommand.add(function(editor, command) {
|
| | | // Don't refresh the select lists until caret move
|
| | | if (!/^(FontName|FontSize)$/.test(command))
|
| | | self.nodeChanged();
|
| | | });
|
| | |
|
| | | // Pass through
|
| | | self.serializer.onPreProcess.add(function(se, o) {
|
| | | return self.onPreProcess.dispatch(self, o, se);
|
| | | });
|
| | |
|
| | | self.serializer.onPostProcess.add(function(se, o) {
|
| | | return self.onPostProcess.dispatch(self, o, se);
|
| | | });
|
| | |
|
| | | self.onPreInit.dispatch(self);
|
| | |
|
| | | if (!settings.browser_spellcheck && !settings.gecko_spellcheck)
|
| | | doc.body.spellcheck = false;
|
| | |
|
| | | if (!settings.readonly) {
|
| | | self.bindNativeEvents();
|
| | | }
|
| | |
|
| | | self.controlManager.onPostRender.dispatch(self, self.controlManager);
|
| | | self.onPostRender.dispatch(self);
|
| | |
|
| | | self.quirks = tinymce.util.Quirks(self);
|
| | |
|
| | | if (settings.directionality)
|
| | | body.dir = settings.directionality;
|
| | |
|
| | | if (settings.nowrap)
|
| | | body.style.whiteSpace = "nowrap";
|
| | |
|
| | | if (settings.protect) {
|
| | | self.onBeforeSetContent.add(function(ed, o) {
|
| | | each(settings.protect, function(pattern) {
|
| | | o.content = o.content.replace(pattern, function(str) {
|
| | | return '<!--mce:protected ' + escape(str) + '-->';
|
| | | });
|
| | | });
|
| | | });
|
| | | }
|
| | |
|
| | | // Add visual aids when new contents is added
|
| | | self.onSetContent.add(function() {
|
| | | self.addVisual(self.getBody());
|
| | | });
|
| | |
|
| | | // Remove empty contents
|
| | | if (settings.padd_empty_editor) {
|
| | | self.onPostProcess.add(function(ed, o) {
|
| | | o.content = o.content.replace(/^(<p[^>]*>( | |\s|\u00a0|)<\/p>[\r\n]*|<br \/>[\r\n]*)$/, '');
|
| | | });
|
| | | }
|
| | |
|
| | | self.load({initial : true, format : 'html'});
|
| | | self.startContent = self.getContent({format : 'raw'});
|
| | |
|
| | | self.initialized = true;
|
| | |
|
| | | self.onInit.dispatch(self);
|
| | | self.execCallback('setupcontent_callback', self.id, body, doc);
|
| | | self.execCallback('init_instance_callback', self);
|
| | | self.focus(true);
|
| | | self.nodeChanged({initial : true});
|
| | |
|
| | | // Add editor specific CSS styles
|
| | | if (self.contentStyles.length > 0) {
|
| | | contentCssText = '';
|
| | |
|
| | | each(self.contentStyles, function(style) {
|
| | | contentCssText += style + "\r\n";
|
| | | });
|
| | |
|
| | | self.dom.addStyle(contentCssText);
|
| | | }
|
| | |
|
| | | // Load specified content CSS last
|
| | | each(self.contentCSS, function(url) {
|
| | | self.dom.loadCSS(url);
|
| | | });
|
| | |
|
| | | // Handle auto focus
|
| | | if (settings.auto_focus) {
|
| | | setTimeout(function () {
|
| | | var ed = tinymce.get(settings.auto_focus);
|
| | |
|
| | | ed.selection.select(ed.getBody(), 1);
|
| | | ed.selection.collapse(1);
|
| | | ed.getBody().focus();
|
| | | ed.getWin().focus();
|
| | | }, 100);
|
| | | }
|
| | |
|
| | | // Clean up references for IE
|
| | | targetElm = doc = body = null;
|
| | | },
|
| | |
|
| | | focus : function(skip_focus) {
|
| | | var oed, self = this, selection = self.selection, contentEditable = self.settings.content_editable, ieRng, controlElm, doc = self.getDoc(), body;
|
| | |
|
| | | if (!skip_focus) {
|
| | | if (self.lastIERng) {
|
| | | selection.setRng(self.lastIERng);
|
| | | }
|
| | |
|
| | | // Get selected control element
|
| | | ieRng = selection.getRng();
|
| | | if (ieRng.item) {
|
| | | controlElm = ieRng.item(0);
|
| | | }
|
| | |
|
| | | self._refreshContentEditable();
|
| | |
|
| | | // Focus the window iframe
|
| | | if (!contentEditable) {
|
| | | self.getWin().focus();
|
| | | }
|
| | |
|
| | | // Focus the body as well since it's contentEditable
|
| | | if (tinymce.isGecko || contentEditable) {
|
| | | body = self.getBody();
|
| | |
|
| | | // Check for setActive since it doesn't scroll to the element
|
| | | if (body.setActive) {
|
| | | body.setActive();
|
| | | } else {
|
| | | body.focus();
|
| | | }
|
| | |
|
| | | if (contentEditable) {
|
| | | selection.normalize();
|
| | | }
|
| | | }
|
| | |
|
| | | // Restore selected control element
|
| | | // This is needed when for example an image is selected within a
|
| | | // layer a call to focus will then remove the control selection
|
| | | if (controlElm && controlElm.ownerDocument == doc) {
|
| | | ieRng = doc.body.createControlRange();
|
| | | ieRng.addElement(controlElm);
|
| | | ieRng.select();
|
| | | }
|
| | | }
|
| | |
|
| | | if (tinymce.activeEditor != self) {
|
| | | if ((oed = tinymce.activeEditor) != null)
|
| | | oed.onDeactivate.dispatch(oed, self);
|
| | |
|
| | | self.onActivate.dispatch(self, oed);
|
| | | }
|
| | |
|
| | | tinymce._setActive(self);
|
| | | },
|
| | |
|
| | | execCallback : function(n) {
|
| | | var t = this, f = t.settings[n], s;
|
| | |
|
| | | if (!f)
|
| | | return;
|
| | |
|
| | | // Look through lookup
|
| | | if (t.callbackLookup && (s = t.callbackLookup[n])) {
|
| | | f = s.func;
|
| | | s = s.scope;
|
| | | }
|
| | |
|
| | | if (is(f, 'string')) {
|
| | | s = f.replace(/\.\w+$/, '');
|
| | | s = s ? tinymce.resolve(s) : 0;
|
| | | f = tinymce.resolve(f);
|
| | | t.callbackLookup = t.callbackLookup || {};
|
| | | t.callbackLookup[n] = {func : f, scope : s};
|
| | | }
|
| | |
|
| | | return f.apply(s || t, Array.prototype.slice.call(arguments, 1));
|
| | | },
|
| | |
|
| | | translate : function(s) {
|
| | | var c = this.settings.language || 'en', i18n = tinymce.i18n;
|
| | |
|
| | | if (!s)
|
| | | return '';
|
| | |
|
| | | return i18n[c + '.' + s] || s.replace(/\{\#([^\}]+)\}/g, function(a, b) {
|
| | | return i18n[c + '.' + b] || '{#' + b + '}';
|
| | | });
|
| | | },
|
| | |
|
| | | getLang : function(n, dv) {
|
| | | return tinymce.i18n[(this.settings.language || 'en') + '.' + n] || (is(dv) ? dv : '{#' + n + '}');
|
| | | },
|
| | |
|
| | | getParam : function(n, dv, ty) {
|
| | | var tr = tinymce.trim, v = is(this.settings[n]) ? this.settings[n] : dv, o;
|
| | |
|
| | | if (ty === 'hash') {
|
| | | o = {};
|
| | |
|
| | | if (is(v, 'string')) {
|
| | | each(v.indexOf('=') > 0 ? v.split(/[;,](?![^=;,]*(?:[;,]|$))/) : v.split(','), function(v) {
|
| | | v = v.split('=');
|
| | |
|
| | | if (v.length > 1)
|
| | | o[tr(v[0])] = tr(v[1]);
|
| | | else
|
| | | o[tr(v[0])] = tr(v);
|
| | | });
|
| | | } else
|
| | | o = v;
|
| | |
|
| | | return o;
|
| | | }
|
| | |
|
| | | return v;
|
| | | },
|
| | |
|
| | | nodeChanged : function(o) {
|
| | | var self = this, selection = self.selection, node;
|
| | |
|
| | | // Fix for bug #1896577 it seems that this can not be fired while the editor is loading
|
| | | if (self.initialized) {
|
| | | o = o || {};
|
| | |
|
| | | // Get start node
|
| | | node = selection.getStart() || self.getBody();
|
| | | node = isIE && node.ownerDocument != self.getDoc() ? self.getBody() : node; // Fix for IE initial state
|
| | |
|
| | | // Get parents and add them to object
|
| | | o.parents = [];
|
| | | self.dom.getParent(node, function(node) {
|
| | | if (node.nodeName == 'BODY')
|
| | | return true;
|
| | |
|
| | | o.parents.push(node);
|
| | | });
|
| | |
|
| | | self.onNodeChange.dispatch(
|
| | | self,
|
| | | o ? o.controlManager || self.controlManager : self.controlManager,
|
| | | node,
|
| | | selection.isCollapsed(),
|
| | | o
|
| | | );
|
| | | }
|
| | | },
|
| | |
|
| | | addButton : function(name, settings) {
|
| | | var self = this;
|
| | |
|
| | | self.buttons = self.buttons || {};
|
| | | self.buttons[name] = settings;
|
| | | },
|
| | |
|
| | | addCommand : function(name, callback, scope) {
|
| | | this.execCommands[name] = {func : callback, scope : scope || this};
|
| | | },
|
| | |
|
| | | addQueryStateHandler : function(name, callback, scope) {
|
| | | this.queryStateCommands[name] = {func : callback, scope : scope || this};
|
| | | },
|
| | |
|
| | | addQueryValueHandler : function(name, callback, scope) {
|
| | | this.queryValueCommands[name] = {func : callback, scope : scope || this};
|
| | | },
|
| | |
|
| | | addShortcut : function(pa, desc, cmd_func, sc) {
|
| | | var t = this, c;
|
| | |
|
| | | if (t.settings.custom_shortcuts === false)
|
| | | return false;
|
| | |
|
| | | t.shortcuts = t.shortcuts || {};
|
| | |
|
| | | if (is(cmd_func, 'string')) {
|
| | | c = cmd_func;
|
| | |
|
| | | cmd_func = function() {
|
| | | t.execCommand(c, false, null);
|
| | | };
|
| | | }
|
| | |
|
| | | if (is(cmd_func, 'object')) {
|
| | | c = cmd_func;
|
| | |
|
| | | cmd_func = function() {
|
| | | t.execCommand(c[0], c[1], c[2]);
|
| | | };
|
| | | }
|
| | |
|
| | | each(explode(pa), function(pa) {
|
| | | var o = {
|
| | | func : cmd_func,
|
| | | scope : sc || this,
|
| | | desc : t.translate(desc),
|
| | | alt : false,
|
| | | ctrl : false,
|
| | | shift : false
|
| | | };
|
| | |
|
| | | each(explode(pa, '+'), function(v) {
|
| | | switch (v) {
|
| | | case 'alt':
|
| | | case 'ctrl':
|
| | | case 'shift':
|
| | | o[v] = true;
|
| | | break;
|
| | |
|
| | | default:
|
| | | o.charCode = v.charCodeAt(0);
|
| | | o.keyCode = v.toUpperCase().charCodeAt(0);
|
| | | }
|
| | | });
|
| | |
|
| | | t.shortcuts[(o.ctrl ? 'ctrl' : '') + ',' + (o.alt ? 'alt' : '') + ',' + (o.shift ? 'shift' : '') + ',' + o.keyCode] = o;
|
| | | });
|
| | |
|
| | | return true;
|
| | | },
|
| | |
|
| | | execCommand : function(cmd, ui, val, a) {
|
| | | var t = this, s = 0, o, st;
|
| | |
|
| | | if (!/^(mceAddUndoLevel|mceEndUndoLevel|mceBeginUndoLevel|mceRepaint|SelectAll)$/.test(cmd) && (!a || !a.skip_focus))
|
| | | t.focus();
|
| | |
|
| | | a = extend({}, a);
|
| | | t.onBeforeExecCommand.dispatch(t, cmd, ui, val, a);
|
| | | if (a.terminate)
|
| | | return false;
|
| | |
|
| | | // Command callback
|
| | | if (t.execCallback('execcommand_callback', t.id, t.selection.getNode(), cmd, ui, val)) {
|
| | | t.onExecCommand.dispatch(t, cmd, ui, val, a);
|
| | | return true;
|
| | | }
|
| | |
|
| | | win.focus();
|
| | | // Registred commands
|
| | | if (o = t.execCommands[cmd]) {
|
| | | st = o.func.call(o.scope, ui, val);
|
| | |
|
| | | if (bookmark.tag) {
|
| | | rng = b.createControlRange();
|
| | |
|
| | | nl = b.getElementsByTagName(bookmark.tag);
|
| | |
|
| | | if (nl.length > bookmark.index) {
|
| | | try {
|
| | | rng.addElement(nl[bookmark.index]);
|
| | | } catch (ex) {
|
| | | // Might be thrown if the node no longer exists
|
| | | }
|
| | | }
|
| | | } else {
|
| | | // Try/catch needed since this operation breaks when TinyMCE is placed in hidden divs/tabs
|
| | | try {
|
| | | // Incorrect bookmark
|
| | | if (bookmark.start < 0)
|
| | | return true;
|
| | |
|
| | | rng = inst.getSel().createRange();
|
| | | rng.moveToElementText(inst.getBody());
|
| | | rng.collapse(true);
|
| | | rng.moveStart('character', bookmark.start);
|
| | | rng.moveEnd('character', bookmark.length);
|
| | | } catch (ex) {
|
| | | return true;
|
| | | // Fall through on true
|
| | | if (st !== true) {
|
| | | t.onExecCommand.dispatch(t, cmd, ui, val, a);
|
| | | return st;
|
| | | }
|
| | | }
|
| | |
|
| | | rng.select();
|
| | |
|
| | | win.scrollTo(bookmark.scrollX, bookmark.scrollY);
|
| | | return true;
|
| | | }
|
| | |
|
| | | if (tinyMCE.isGecko || tinyMCE.isOpera) {
|
| | | if (!sel)
|
| | | return false;
|
| | |
|
| | | if (bookmark.rng) {
|
| | | sel.removeAllRanges();
|
| | | sel.addRange(bookmark.rng);
|
| | | }
|
| | |
|
| | | if (bookmark.start != -1 && bookmark.end != -1) {
|
| | | try {
|
| | | sd = this._getTextPos(b, bookmark.start, bookmark.end);
|
| | | rng = doc.createRange();
|
| | | rng.setStart(sd.startNode, sd.startOffset);
|
| | | rng.setEnd(sd.endNode, sd.endOffset);
|
| | | sel.removeAllRanges();
|
| | | sel.addRange(rng);
|
| | |
|
| | | if (!tinyMCE.isOpera)
|
| | | win.focus();
|
| | | } catch (ex) {
|
| | | // Ignore
|
| | | }
|
| | | }
|
| | |
|
| | | /*
|
| | | if (typeof(bookmark.index) != 'undefined') {
|
| | | tinyMCE.selectElements(b, 'IMG', function (n) {
|
| | | if (bookmark.index-- == 0) {
|
| | | // Select image in Gecko here
|
| | | }
|
| | |
|
| | | // Plugin commands
|
| | | each(t.plugins, function(p) {
|
| | | if (p.execCommand && p.execCommand(cmd, ui, val)) {
|
| | | t.onExecCommand.dispatch(t, cmd, ui, val, a);
|
| | | s = 1;
|
| | | return false;
|
| | | });
|
| | | }
|
| | | */
|
| | | }
|
| | | });
|
| | |
|
| | | win.scrollTo(bookmark.scrollX, bookmark.scrollY);
|
| | | return true;
|
| | | }
|
| | | if (s)
|
| | | return true;
|
| | |
|
| | | return false;
|
| | | },
|
| | |
|
| | | _getPosText : function(r, sn, en) {
|
| | | var w = document.createTreeWalker(r, NodeFilter.SHOW_TEXT, null, false), n, p = 0, d = {};
|
| | |
|
| | | while ((n = w.nextNode()) != null) {
|
| | | if (n == sn)
|
| | | d.start = p;
|
| | |
|
| | | if (n == en) {
|
| | | d.end = p;
|
| | | return d;
|
| | | // Theme commands
|
| | | if (t.theme && t.theme.execCommand && t.theme.execCommand(cmd, ui, val)) {
|
| | | t.onExecCommand.dispatch(t, cmd, ui, val, a);
|
| | | return true;
|
| | | }
|
| | |
|
| | | p += n.nodeValue ? n.nodeValue.length : 0;
|
| | | }
|
| | |
|
| | | return null;
|
| | | },
|
| | |
|
| | | _getTextPos : function(r, sp, ep) {
|
| | | var w = document.createTreeWalker(r, NodeFilter.SHOW_TEXT, null, false), n, p = 0, d = {};
|
| | |
|
| | | while ((n = w.nextNode()) != null) {
|
| | | p += n.nodeValue ? n.nodeValue.length : 0;
|
| | |
|
| | | if (p >= sp && !d.startNode) {
|
| | | d.startNode = n;
|
| | | d.startOffset = sp - (p - n.nodeValue.length);
|
| | | // Editor commands
|
| | | if (t.editorCommands.execCommand(cmd, ui, val)) {
|
| | | t.onExecCommand.dispatch(t, cmd, ui, val, a);
|
| | | return true;
|
| | | }
|
| | |
|
| | | if (p >= ep) {
|
| | | d.endNode = n;
|
| | | d.endOffset = ep - (p - n.nodeValue.length);
|
| | | // Browser commands
|
| | | t.getDoc().execCommand(cmd, ui, val);
|
| | | t.onExecCommand.dispatch(t, cmd, ui, val, a);
|
| | | },
|
| | |
|
| | | return d;
|
| | | queryCommandState : function(cmd) {
|
| | | var t = this, o, s;
|
| | |
|
| | | // Is hidden then return undefined
|
| | | if (t._isHidden())
|
| | | return;
|
| | |
|
| | | // Registred commands
|
| | | if (o = t.queryStateCommands[cmd]) {
|
| | | s = o.func.call(o.scope);
|
| | |
|
| | | // Fall though on true
|
| | | if (s !== true)
|
| | | return s;
|
| | | }
|
| | | }
|
| | |
|
| | | return null;
|
| | | },
|
| | | // Registred commands
|
| | | o = t.editorCommands.queryCommandState(cmd);
|
| | | if (o !== -1)
|
| | | return o;
|
| | |
|
| | | selectNode : function(node, collapse, select_text_node, to_start) {
|
| | | var inst = this.instance, sel, rng, nodes;
|
| | |
|
| | | if (!node)
|
| | | return;
|
| | |
|
| | | if (typeof(collapse) == "undefined")
|
| | | collapse = true;
|
| | |
|
| | | if (typeof(select_text_node) == "undefined")
|
| | | select_text_node = false;
|
| | |
|
| | | if (typeof(to_start) == "undefined")
|
| | | to_start = true;
|
| | |
|
| | | if (inst.settings.auto_resize)
|
| | | inst.resizeToContent();
|
| | |
|
| | | if (tinyMCE.isRealIE) {
|
| | | rng = inst.getDoc().body.createTextRange();
|
| | |
|
| | | // Browser commands
|
| | | try {
|
| | | rng.moveToElementText(node);
|
| | |
|
| | | if (collapse)
|
| | | rng.collapse(to_start);
|
| | |
|
| | | rng.select();
|
| | | } catch (e) {
|
| | | // Throws illigal agrument in MSIE some times
|
| | | return this.getDoc().queryCommandState(cmd);
|
| | | } catch (ex) {
|
| | | // Fails sometimes see bug: 1896577
|
| | | }
|
| | | } else {
|
| | | sel = this.getSel();
|
| | | },
|
| | |
|
| | | if (!sel)
|
| | | queryCommandValue : function(c) {
|
| | | var t = this, o, s;
|
| | |
|
| | | // Is hidden then return undefined
|
| | | if (t._isHidden())
|
| | | return;
|
| | |
|
| | | if (tinyMCE.isSafari) {
|
| | | sel.setBaseAndExtent(node, 0, node, node.innerText.length);
|
| | | // Registred commands
|
| | | if (o = t.queryValueCommands[c]) {
|
| | | s = o.func.call(o.scope);
|
| | |
|
| | | if (collapse) {
|
| | | if (to_start)
|
| | | sel.collapseToStart();
|
| | | else
|
| | | sel.collapseToEnd();
|
| | | // Fall though on true
|
| | | if (s !== true)
|
| | | return s;
|
| | | }
|
| | |
|
| | | // Registred commands
|
| | | o = t.editorCommands.queryCommandValue(c);
|
| | | if (is(o))
|
| | | return o;
|
| | |
|
| | | // Browser commands
|
| | | try {
|
| | | return this.getDoc().queryCommandValue(c);
|
| | | } catch (ex) {
|
| | | // Fails sometimes see bug: 1896577
|
| | | }
|
| | | },
|
| | |
|
| | | show : function() {
|
| | | var self = this;
|
| | |
|
| | | DOM.show(self.getContainer());
|
| | | DOM.hide(self.id);
|
| | | self.load();
|
| | | },
|
| | |
|
| | | hide : function() {
|
| | | var self = this, doc = self.getDoc();
|
| | |
|
| | | // Fixed bug where IE has a blinking cursor left from the editor
|
| | | if (isIE && doc)
|
| | | doc.execCommand('SelectAll');
|
| | |
|
| | | // We must save before we hide so Safari doesn't crash
|
| | | self.save();
|
| | | DOM.hide(self.getContainer());
|
| | | DOM.setStyle(self.id, 'display', self.orgDisplay);
|
| | | },
|
| | |
|
| | | isHidden : function() {
|
| | | return !DOM.isHidden(this.id);
|
| | | },
|
| | |
|
| | | setProgressState : function(b, ti, o) {
|
| | | this.onSetProgressState.dispatch(this, b, ti, o);
|
| | |
|
| | | return b;
|
| | | },
|
| | |
|
| | | load : function(o) {
|
| | | var t = this, e = t.getElement(), h;
|
| | |
|
| | | if (e) {
|
| | | o = o || {};
|
| | | o.load = true;
|
| | |
|
| | | // Double encode existing entities in the value
|
| | | h = t.setContent(is(e.value) ? e.value : e.innerHTML, o);
|
| | | o.element = e;
|
| | |
|
| | | if (!o.no_events)
|
| | | t.onLoadContent.dispatch(t, o);
|
| | |
|
| | | o.element = e = null;
|
| | |
|
| | | return h;
|
| | | }
|
| | | },
|
| | |
|
| | | save : function(o) {
|
| | | var t = this, e = t.getElement(), h, f;
|
| | |
|
| | | if (!e || !t.initialized)
|
| | | return;
|
| | |
|
| | | o = o || {};
|
| | | o.save = true;
|
| | |
|
| | | o.element = e;
|
| | | h = o.content = t.getContent(o);
|
| | |
|
| | | if (!o.no_events)
|
| | | t.onSaveContent.dispatch(t, o);
|
| | |
|
| | | h = o.content;
|
| | |
|
| | | if (!/TEXTAREA|INPUT/i.test(e.nodeName)) {
|
| | | e.innerHTML = h;
|
| | |
|
| | | // Update hidden form element
|
| | | if (f = DOM.getParent(t.id, 'form')) {
|
| | | each(f.elements, function(e) {
|
| | | if (e.name == t.id) {
|
| | | e.value = h;
|
| | | return false;
|
| | | }
|
| | | });
|
| | | }
|
| | |
|
| | | this.scrollToNode(node);
|
| | |
|
| | | return;
|
| | | }
|
| | |
|
| | | rng = inst.getDoc().createRange();
|
| | |
|
| | | if (select_text_node) {
|
| | | // Find first textnode in tree
|
| | | nodes = tinyMCE.getNodeTree(node, [], 3);
|
| | | if (nodes.length > 0)
|
| | | rng.selectNodeContents(nodes[0]);
|
| | | else
|
| | | rng.selectNodeContents(node);
|
| | | } else
|
| | | rng.selectNode(node);
|
| | | e.value = h;
|
| | |
|
| | | if (collapse) {
|
| | | // Special treatment of textnode collapse
|
| | | if (!to_start && node.nodeType == 3) {
|
| | | rng.setStart(node, node.nodeValue.length);
|
| | | rng.setEnd(node, node.nodeValue.length);
|
| | | } else
|
| | | rng.collapse(to_start);
|
| | | o.element = e = null;
|
| | |
|
| | | return h;
|
| | | },
|
| | |
|
| | | setContent : function(content, args) {
|
| | | var self = this, rootNode, body = self.getBody(), forcedRootBlockName;
|
| | |
|
| | | // Setup args object
|
| | | args = args || {};
|
| | | args.format = args.format || 'html';
|
| | | args.set = true;
|
| | | args.content = content;
|
| | |
|
| | | // Do preprocessing
|
| | | if (!args.no_events)
|
| | | self.onBeforeSetContent.dispatch(self, args);
|
| | |
|
| | | content = args.content;
|
| | |
|
| | | // Padd empty content in Gecko and Safari. Commands will otherwise fail on the content
|
| | | // It will also be impossible to place the caret in the editor unless there is a BR element present
|
| | | if (!tinymce.isIE && (content.length === 0 || /^\s+$/.test(content))) {
|
| | | forcedRootBlockName = self.settings.forced_root_block;
|
| | | if (forcedRootBlockName)
|
| | | content = '<' + forcedRootBlockName + '><br data-mce-bogus="1"></' + forcedRootBlockName + '>';
|
| | | else
|
| | | content = '<br data-mce-bogus="1">';
|
| | |
|
| | | body.innerHTML = content;
|
| | | self.selection.select(body, true);
|
| | | self.selection.collapse(true);
|
| | | return;
|
| | | }
|
| | |
|
| | | sel.removeAllRanges();
|
| | | sel.addRange(rng);
|
| | | }
|
| | | // Parse and serialize the html
|
| | | if (args.format !== 'raw') {
|
| | | content = new tinymce.html.Serializer({}, self.schema).serialize(
|
| | | self.parser.parse(content)
|
| | | );
|
| | | }
|
| | |
|
| | | this.scrollToNode(node);
|
| | | // Set the new cleaned contents to the editor
|
| | | args.content = tinymce.trim(content);
|
| | | self.dom.setHTML(body, args.content);
|
| | |
|
| | | // Set selected element
|
| | | tinyMCE.selectedElement = null;
|
| | | if (node.nodeType == 1)
|
| | | tinyMCE.selectedElement = node;
|
| | | },
|
| | | // Do post processing
|
| | | if (!args.no_events)
|
| | | self.onSetContent.dispatch(self, args);
|
| | |
|
| | | scrollToNode : function(node) {
|
| | | var inst = this.instance, w = inst.getWin(), vp = inst.getViewPort(), pos = tinyMCE.getAbsPosition(node), cvp, p, cwin;
|
| | | // Don't normalize selection if the focused element isn't the body in content editable mode since it will steal focus otherwise
|
| | | if (!self.settings.content_editable || document.activeElement === self.getBody()) {
|
| | | self.selection.normalize();
|
| | | }
|
| | |
|
| | | // Only scroll if out of visible area
|
| | | if (pos.absLeft < vp.left || pos.absLeft > vp.left + vp.width || pos.absTop < vp.top || pos.absTop > vp.top + (vp.height-25))
|
| | | w.scrollTo(pos.absLeft, pos.absTop - vp.height + 25);
|
| | | return args.content;
|
| | | },
|
| | |
|
| | | // Scroll container window
|
| | | if (inst.settings.auto_resize) {
|
| | | cwin = inst.getContainerWin();
|
| | | cvp = tinyMCE.getViewPort(cwin);
|
| | | p = this.getAbsPosition(node);
|
| | | getContent : function(args) {
|
| | | var self = this, content, body = self.getBody();
|
| | |
|
| | | if (p.absLeft < cvp.left || p.absLeft > cvp.left + cvp.width || p.absTop < cvp.top || p.absTop > cvp.top + cvp.height)
|
| | | cwin.scrollTo(p.absLeft, p.absTop - cvp.height + 25);
|
| | | }
|
| | | },
|
| | | // Setup args object
|
| | | args = args || {};
|
| | | args.format = args.format || 'html';
|
| | | args.get = true;
|
| | | args.getInner = true;
|
| | |
|
| | | getAbsPosition : function(n) {
|
| | | var pos = tinyMCE.getAbsPosition(n), ipos = tinyMCE.getAbsPosition(this.instance.iframeElement);
|
| | | // Do preprocessing
|
| | | if (!args.no_events)
|
| | | self.onBeforeGetContent.dispatch(self, args);
|
| | |
|
| | | return {
|
| | | absLeft : ipos.absLeft + pos.absLeft,
|
| | | absTop : ipos.absTop + pos.absTop
|
| | | };
|
| | | },
|
| | |
|
| | | getSel : function() {
|
| | | var inst = this.instance;
|
| | |
|
| | | if (tinyMCE.isRealIE)
|
| | | return inst.getDoc().selection;
|
| | |
|
| | | return inst.contentWindow.getSelection();
|
| | | },
|
| | |
|
| | | getRng : function() {
|
| | | var s = this.getSel();
|
| | |
|
| | | if (s == null)
|
| | | return null;
|
| | |
|
| | | if (tinyMCE.isRealIE)
|
| | | return s.createRange();
|
| | |
|
| | | if (tinyMCE.isSafari && !s.getRangeAt)
|
| | | return '' + window.getSelection();
|
| | |
|
| | | if (s.rangeCount > 0)
|
| | | return s.getRangeAt(0);
|
| | |
|
| | | return null;
|
| | | },
|
| | |
|
| | | isCollapsed : function() {
|
| | | var r = this.getRng();
|
| | |
|
| | | if (r.item)
|
| | | return false;
|
| | |
|
| | | return r.boundingWidth == 0 || this.getSel().isCollapsed;
|
| | | },
|
| | |
|
| | | collapse : function(b) {
|
| | | var r = this.getRng(), s = this.getSel();
|
| | |
|
| | | if (r.select) {
|
| | | r.collapse(b);
|
| | | r.select();
|
| | | } else {
|
| | | if (b)
|
| | | s.collapseToStart();
|
| | | // Get raw contents or by default the cleaned contents
|
| | | if (args.format == 'raw')
|
| | | content = body.innerHTML;
|
| | | else if (args.format == 'text')
|
| | | content = body.innerText || body.textContent;
|
| | | else
|
| | | s.collapseToEnd();
|
| | | }
|
| | | },
|
| | | content = self.serializer.serialize(body, args);
|
| | |
|
| | | getFocusElement : function() {
|
| | | var inst = this.instance, doc, rng, sel, elm;
|
| | |
|
| | | if (tinyMCE.isRealIE) {
|
| | | doc = inst.getDoc();
|
| | | rng = doc.selection.createRange();
|
| | |
|
| | | // if (rng.collapse)
|
| | | // rng.collapse(true);
|
| | |
|
| | | elm = rng.item ? rng.item(0) : rng.parentElement();
|
| | | } else {
|
| | | if (!tinyMCE.isSafari && inst.isHidden())
|
| | | return inst.getBody();
|
| | |
|
| | | sel = this.getSel();
|
| | | rng = this.getRng();
|
| | |
|
| | | if (!sel || !rng)
|
| | | return null;
|
| | |
|
| | | elm = rng.commonAncestorContainer;
|
| | | //elm = (sel && sel.anchorNode) ? sel.anchorNode : null;
|
| | |
|
| | | // Handle selection a image or other control like element such as anchors
|
| | | if (!rng.collapsed) {
|
| | | // Is selection small
|
| | | if (rng.startContainer == rng.endContainer) {
|
| | | if (rng.startOffset - rng.endOffset < 2) {
|
| | | if (rng.startContainer.hasChildNodes())
|
| | | elm = rng.startContainer.childNodes[rng.startOffset];
|
| | | }
|
| | | }
|
| | | }
|
| | |
|
| | | // Get the element parent of the node
|
| | | elm = tinyMCE.getParentElement(elm);
|
| | |
|
| | | //if (tinyMCE.selectedElement != null && tinyMCE.selectedElement.nodeName.toLowerCase() == "img")
|
| | | // elm = tinyMCE.selectedElement;
|
| | | }
|
| | |
|
| | | return elm;
|
| | | }
|
| | |
|
| | | };
|
| | |
|
| | | /* file:jscripts/tiny_mce/classes/TinyMCE_UndoRedo.class.js */
|
| | |
|
| | | function TinyMCE_UndoRedo(inst) {
|
| | | this.instance = inst;
|
| | | this.undoLevels = [];
|
| | | this.undoIndex = 0;
|
| | | this.typingUndoIndex = -1;
|
| | | this.undoRedo = true;
|
| | | };
|
| | |
|
| | | TinyMCE_UndoRedo.prototype = {
|
| | | add : function(l) {
|
| | | var b, customUndoLevels, newHTML, inst = this.instance, i, ul, ur;
|
| | |
|
| | | if (l) {
|
| | | this.undoLevels[this.undoLevels.length] = l;
|
| | | return true;
|
| | | }
|
| | |
|
| | | if (this.typingUndoIndex != -1) {
|
| | | this.undoIndex = this.typingUndoIndex;
|
| | |
|
| | | if (tinyMCE.typingUndoIndex != -1)
|
| | | tinyMCE.undoIndex = tinyMCE.typingUndoIndex;
|
| | | }
|
| | |
|
| | | newHTML = tinyMCE.trim(inst.getBody().innerHTML);
|
| | | if (this.undoLevels[this.undoIndex] && newHTML != this.undoLevels[this.undoIndex].content) {
|
| | | //tinyMCE.debug(newHTML, this.undoLevels[this.undoIndex].content);
|
| | |
|
| | | // Is dirty again
|
| | | inst.isNotDirty = false;
|
| | |
|
| | | tinyMCE.dispatchCallback(inst, 'onchange_callback', 'onChange', inst);
|
| | |
|
| | | // Time to compress
|
| | | customUndoLevels = tinyMCE.settings.custom_undo_redo_levels;
|
| | | if (customUndoLevels != -1 && this.undoLevels.length > customUndoLevels) {
|
| | | for (i=0; i<this.undoLevels.length-1; i++)
|
| | | this.undoLevels[i] = this.undoLevels[i+1];
|
| | |
|
| | | this.undoLevels.length--;
|
| | | this.undoIndex--;
|
| | |
|
| | | // Todo: Implement global undo/redo logic here
|
| | | }
|
| | |
|
| | | b = inst.undoBookmark;
|
| | |
|
| | | if (!b)
|
| | | b = inst.selection.getBookmark();
|
| | |
|
| | | this.undoIndex++;
|
| | | this.undoLevels[this.undoIndex] = {
|
| | | content : newHTML,
|
| | | bookmark : b
|
| | | };
|
| | |
|
| | | // Remove all above from global undo/redo
|
| | | ul = tinyMCE.undoLevels;
|
| | | for (i=tinyMCE.undoIndex + 1; i<ul.length; i++) {
|
| | | ur = ul[i].undoRedo;
|
| | |
|
| | | if (ur.undoIndex == ur.undoLevels.length -1)
|
| | | ur.undoIndex--;
|
| | |
|
| | | ur.undoLevels.length--;
|
| | | }
|
| | |
|
| | | // Add global undo level
|
| | | tinyMCE.undoLevels[tinyMCE.undoIndex++] = inst;
|
| | | tinyMCE.undoLevels.length = tinyMCE.undoIndex;
|
| | |
|
| | | this.undoLevels.length = this.undoIndex + 1;
|
| | |
|
| | | return true;
|
| | | }
|
| | |
|
| | | return false;
|
| | | },
|
| | |
|
| | | undo : function() {
|
| | | var inst = this.instance;
|
| | |
|
| | | // Do undo
|
| | | if (this.undoIndex > 0) {
|
| | | this.undoIndex--;
|
| | |
|
| | | tinyMCE.setInnerHTML(inst.getBody(), this.undoLevels[this.undoIndex].content);
|
| | | inst.repaint();
|
| | |
|
| | | if (inst.settings.custom_undo_redo_restore_selection)
|
| | | inst.selection.moveToBookmark(this.undoLevels[this.undoIndex].bookmark);
|
| | | }
|
| | | },
|
| | |
|
| | | redo : function() {
|
| | | var inst = this.instance;
|
| | |
|
| | | tinyMCE.execCommand("mceEndTyping");
|
| | |
|
| | | if (this.undoIndex < (this.undoLevels.length-1)) {
|
| | | this.undoIndex++;
|
| | |
|
| | | tinyMCE.setInnerHTML(inst.getBody(), this.undoLevels[this.undoIndex].content);
|
| | | inst.repaint();
|
| | |
|
| | | if (inst.settings.custom_undo_redo_restore_selection)
|
| | | inst.selection.moveToBookmark(this.undoLevels[this.undoIndex].bookmark);
|
| | | }
|
| | |
|
| | | tinyMCE.triggerNodeChange();
|
| | | }
|
| | |
|
| | | };
|
| | |
|
| | | /* file:jscripts/tiny_mce/classes/TinyMCE_ForceParagraphs.class.js */
|
| | |
|
| | | var TinyMCE_ForceParagraphs = {
|
| | | _insertPara : function(inst, e) {
|
| | | var doc = inst.getDoc(), sel = inst.getSel(), body = inst.getBody(), win = inst.contentWindow, rng = sel.getRangeAt(0);
|
| | | var rootElm = doc.documentElement, blockName = "P", startNode, endNode, startBlock, endBlock;
|
| | | var rngBefore, rngAfter, direct, startNode, startOffset, endNode, endOffset, b = tinyMCE.isOpera ? inst.selection.getBookmark() : null;
|
| | | var paraBefore, paraAfter, startChop, endChop, contents, i;
|
| | |
|
| | | function isEmpty(para) {
|
| | | var nodes;
|
| | |
|
| | | function isEmptyHTML(html) {
|
| | | return html.replace(new RegExp('[ \t\r\n]+', 'g'), '').toLowerCase() == '';
|
| | | }
|
| | |
|
| | | // Check for images
|
| | | if (para.getElementsByTagName("img").length > 0)
|
| | | return false;
|
| | |
|
| | | // Check for tables
|
| | | if (para.getElementsByTagName("table").length > 0)
|
| | | return false;
|
| | |
|
| | | // Check for HRs
|
| | | if (para.getElementsByTagName("hr").length > 0)
|
| | | return false;
|
| | |
|
| | | // Check all textnodes
|
| | | nodes = tinyMCE.getNodeTree(para, [], 3);
|
| | | for (i=0; i<nodes.length; i++) {
|
| | | if (!isEmptyHTML(nodes[i].nodeValue))
|
| | | return false;
|
| | | }
|
| | |
|
| | | // No images, no tables, no hrs, no text content then it's empty
|
| | | return true;
|
| | | }
|
| | |
|
| | | // tinyMCE.debug(body.innerHTML);
|
| | |
|
| | | // debug(e.target, sel.anchorNode.nodeName, sel.focusNode.nodeName, rng.startContainer, rng.endContainer, rng.commonAncestorContainer, sel.anchorOffset, sel.focusOffset, rng.toString());
|
| | |
|
| | | // Setup before range
|
| | | rngBefore = doc.createRange();
|
| | | rngBefore.setStart(sel.anchorNode, sel.anchorOffset);
|
| | | rngBefore.collapse(true);
|
| | |
|
| | | // Setup after range
|
| | | rngAfter = doc.createRange();
|
| | | rngAfter.setStart(sel.focusNode, sel.focusOffset);
|
| | | rngAfter.collapse(true);
|
| | |
|
| | | // Setup start/end points
|
| | | direct = rngBefore.compareBoundaryPoints(rngBefore.START_TO_END, rngAfter) < 0;
|
| | | startNode = direct ? sel.anchorNode : sel.focusNode;
|
| | | startOffset = direct ? sel.anchorOffset : sel.focusOffset;
|
| | | endNode = direct ? sel.focusNode : sel.anchorNode;
|
| | | endOffset = direct ? sel.focusOffset : sel.anchorOffset;
|
| | |
|
| | | startNode = startNode.nodeName == "BODY" ? startNode.firstChild : startNode;
|
| | | endNode = endNode.nodeName == "BODY" ? endNode.firstChild : endNode;
|
| | |
|
| | | // Get block elements
|
| | | startBlock = inst.getParentBlockElement(startNode);
|
| | | endBlock = inst.getParentBlockElement(endNode);
|
| | |
|
| | | // If absolute force paragraph generation within
|
| | | if (startBlock && (startBlock.nodeName == 'CAPTION' || /absolute|relative|static/gi.test(startBlock.style.position)))
|
| | | startBlock = null;
|
| | |
|
| | | if (endBlock && (endBlock.nodeName == 'CAPTION' || /absolute|relative|static/gi.test(endBlock.style.position)))
|
| | | endBlock = null;
|
| | |
|
| | | // Use current block name
|
| | | if (startBlock != null) {
|
| | | blockName = startBlock.nodeName;
|
| | |
|
| | | // Use P instead
|
| | | if (/(TD|TABLE|TH|CAPTION)/.test(blockName) || (blockName == "DIV" && /left|right/gi.test(startBlock.style.cssFloat)))
|
| | | blockName = "P";
|
| | | }
|
| | |
|
| | | // Within a list use normal behaviour
|
| | | if (tinyMCE.getParentElement(startBlock, "OL,UL", null, body) != null)
|
| | | return false;
|
| | |
|
| | | // Within a table create new paragraphs
|
| | | if ((startBlock != null && startBlock.nodeName == "TABLE") || (endBlock != null && endBlock.nodeName == "TABLE"))
|
| | | startBlock = endBlock = null;
|
| | |
|
| | | // Setup new paragraphs
|
| | | paraBefore = (startBlock != null && startBlock.nodeName == blockName) ? startBlock.cloneNode(false) : doc.createElement(blockName);
|
| | | paraAfter = (endBlock != null && endBlock.nodeName == blockName) ? endBlock.cloneNode(false) : doc.createElement(blockName);
|
| | |
|
| | | // Is header, then force paragraph under
|
| | | if (/^(H[1-6])$/.test(blockName))
|
| | | paraAfter = doc.createElement("p");
|
| | |
|
| | | // Setup chop nodes
|
| | | startChop = startNode;
|
| | | endChop = endNode;
|
| | |
|
| | | // Get startChop node
|
| | | node = startChop;
|
| | | do {
|
| | | if (node == body || node.nodeType == 9 || tinyMCE.isBlockElement(node))
|
| | | break;
|
| | |
|
| | | startChop = node;
|
| | | } while ((node = node.previousSibling ? node.previousSibling : node.parentNode));
|
| | |
|
| | | // Get endChop node
|
| | | node = endChop;
|
| | | do {
|
| | | if (node == body || node.nodeType == 9 || tinyMCE.isBlockElement(node))
|
| | | break;
|
| | |
|
| | | endChop = node;
|
| | | } while ((node = node.nextSibling ? node.nextSibling : node.parentNode));
|
| | |
|
| | | // Fix when only a image is within the TD
|
| | | if (startChop.nodeName == "TD")
|
| | | startChop = startChop.firstChild;
|
| | |
|
| | | if (endChop.nodeName == "TD")
|
| | | endChop = endChop.lastChild;
|
| | |
|
| | | // If not in a block element
|
| | | if (startBlock == null) {
|
| | | // Delete selection
|
| | | rng.deleteContents();
|
| | |
|
| | | if (!tinyMCE.isSafari)
|
| | | sel.removeAllRanges();
|
| | |
|
| | | if (startChop != rootElm && endChop != rootElm) {
|
| | | // Insert paragraph before
|
| | | rngBefore = rng.cloneRange();
|
| | |
|
| | | if (startChop == body)
|
| | | rngBefore.setStart(startChop, 0);
|
| | | else
|
| | | rngBefore.setStartBefore(startChop);
|
| | |
|
| | | paraBefore.appendChild(rngBefore.cloneContents());
|
| | |
|
| | | // Insert paragraph after
|
| | | if (endChop.parentNode.nodeName == blockName)
|
| | | endChop = endChop.parentNode;
|
| | |
|
| | | // If not after image
|
| | | //if (rng.startContainer.nodeName != "BODY" && rng.endContainer.nodeName != "BODY")
|
| | | rng.setEndAfter(endChop);
|
| | |
|
| | | if (endChop.nodeName != "#text" && endChop.nodeName != "BODY")
|
| | | rngBefore.setEndAfter(endChop);
|
| | |
|
| | | contents = rng.cloneContents();
|
| | | if (contents.firstChild && (contents.firstChild.nodeName == blockName || contents.firstChild.nodeName == "BODY"))
|
| | | paraAfter.innerHTML = contents.firstChild.innerHTML;
|
| | | else
|
| | | paraAfter.appendChild(contents);
|
| | |
|
| | | // Check if it's a empty paragraph
|
| | | if (isEmpty(paraBefore))
|
| | | paraBefore.innerHTML = " ";
|
| | |
|
| | | // Check if it's a empty paragraph
|
| | | if (isEmpty(paraAfter))
|
| | | paraAfter.innerHTML = " ";
|
| | |
|
| | | // Delete old contents
|
| | | rng.deleteContents();
|
| | | rngAfter.deleteContents();
|
| | | rngBefore.deleteContents();
|
| | |
|
| | | // Insert new paragraphs
|
| | | if (tinyMCE.isOpera) {
|
| | | paraBefore.normalize();
|
| | | rngBefore.insertNode(paraBefore);
|
| | | paraAfter.normalize();
|
| | | rngBefore.insertNode(paraAfter);
|
| | | } else {
|
| | | paraAfter.normalize();
|
| | | rngBefore.insertNode(paraAfter);
|
| | | paraBefore.normalize();
|
| | | rngBefore.insertNode(paraBefore);
|
| | | }
|
| | |
|
| | | //tinyMCE.debug("1: ", paraBefore.innerHTML, paraAfter.innerHTML);
|
| | | // Trim whitespace in beginning/end of HTML
|
| | | if (args.format != 'text') {
|
| | | args.content = tinymce.trim(content);
|
| | | } else {
|
| | | body.innerHTML = "<" + blockName + "> </" + blockName + "><" + blockName + "> </" + blockName + ">";
|
| | | paraAfter = body.childNodes[1];
|
| | | args.content = content;
|
| | | }
|
| | |
|
| | | inst.selection.moveToBookmark(b);
|
| | | inst.selection.selectNode(paraAfter, true, true);
|
| | | // Do post processing
|
| | | if (!args.no_events)
|
| | | self.onGetContent.dispatch(self, args);
|
| | |
|
| | | return true;
|
| | | }
|
| | | return args.content;
|
| | | },
|
| | |
|
| | | // Place first part within new paragraph
|
| | | if (startChop.nodeName == blockName)
|
| | | rngBefore.setStart(startChop, 0);
|
| | | else
|
| | | rngBefore.setStartBefore(startChop);
|
| | | isDirty : function() {
|
| | | var self = this;
|
| | |
|
| | | rngBefore.setEnd(startNode, startOffset);
|
| | | paraBefore.appendChild(rngBefore.cloneContents());
|
| | | return tinymce.trim(self.startContent) != tinymce.trim(self.getContent({format : 'raw', no_events : 1})) && !self.isNotDirty;
|
| | | },
|
| | |
|
| | | // Place secound part within new paragraph
|
| | | rngAfter.setEndAfter(endChop);
|
| | | rngAfter.setStart(endNode, endOffset);
|
| | | contents = rngAfter.cloneContents();
|
| | | getContainer : function() {
|
| | | var self = this;
|
| | |
|
| | | if (contents.firstChild && contents.firstChild.nodeName == blockName) {
|
| | | /* var nodes = contents.firstChild.childNodes;
|
| | | for (i=0; i<nodes.length; i++) {
|
| | | //tinyMCE.debug(nodes[i].nodeName);
|
| | | if (nodes[i].nodeName != "BODY")
|
| | | paraAfter.appendChild(nodes[i]);
|
| | | if (!self.container)
|
| | | self.container = DOM.get(self.editorContainer || self.id + '_parent');
|
| | |
|
| | | return self.container;
|
| | | },
|
| | |
|
| | | getContentAreaContainer : function() {
|
| | | return this.contentAreaContainer;
|
| | | },
|
| | |
|
| | | getElement : function() {
|
| | | return DOM.get(this.settings.content_element || this.id);
|
| | | },
|
| | |
|
| | | getWin : function() {
|
| | | var self = this, elm;
|
| | |
|
| | | if (!self.contentWindow) {
|
| | | elm = DOM.get(self.id + "_ifr");
|
| | |
|
| | | if (elm)
|
| | | self.contentWindow = elm.contentWindow;
|
| | | }
|
| | | */
|
| | | paraAfter.innerHTML = contents.firstChild.innerHTML;
|
| | | } else
|
| | | paraAfter.appendChild(contents);
|
| | |
|
| | | // Check if it's a empty paragraph
|
| | | if (isEmpty(paraBefore))
|
| | | paraBefore.innerHTML = " ";
|
| | | return self.contentWindow;
|
| | | },
|
| | |
|
| | | // Check if it's a empty paragraph
|
| | | if (isEmpty(paraAfter))
|
| | | paraAfter.innerHTML = " ";
|
| | | getDoc : function() {
|
| | | var self = this, win;
|
| | |
|
| | | // Create a range around everything
|
| | | rng = doc.createRange();
|
| | | if (!self.contentDocument) {
|
| | | win = self.getWin();
|
| | |
|
| | | if (!startChop.previousSibling && startChop.parentNode.nodeName.toUpperCase() == blockName) {
|
| | | rng.setStartBefore(startChop.parentNode);
|
| | | } else {
|
| | | if (rngBefore.startContainer.nodeName.toUpperCase() == blockName && rngBefore.startOffset == 0)
|
| | | rng.setStartBefore(rngBefore.startContainer);
|
| | | else
|
| | | rng.setStart(rngBefore.startContainer, rngBefore.startOffset);
|
| | | if (win)
|
| | | self.contentDocument = win.document;
|
| | | }
|
| | |
|
| | | return self.contentDocument;
|
| | | },
|
| | |
|
| | | getBody : function() {
|
| | | return this.bodyElement || this.getDoc().body;
|
| | | },
|
| | |
|
| | | convertURL : function(url, name, elm) {
|
| | | var self = this, settings = self.settings;
|
| | |
|
| | | // Use callback instead
|
| | | if (settings.urlconverter_callback)
|
| | | return self.execCallback('urlconverter_callback', url, elm, true, name);
|
| | |
|
| | | // Don't convert link href since thats the CSS files that gets loaded into the editor also skip local file URLs
|
| | | if (!settings.convert_urls || (elm && elm.nodeName == 'LINK') || url.indexOf('file:') === 0)
|
| | | return url;
|
| | |
|
| | | // Convert to relative
|
| | | if (settings.relative_urls)
|
| | | return self.documentBaseURI.toRelative(url);
|
| | |
|
| | | // Convert to absolute
|
| | | url = self.documentBaseURI.toAbsolute(url, settings.remove_script_host);
|
| | |
|
| | | return url;
|
| | | },
|
| | |
|
| | | addVisual : function(elm) {
|
| | | var self = this, settings = self.settings, dom = self.dom, cls;
|
| | |
|
| | | elm = elm || self.getBody();
|
| | |
|
| | | if (!is(self.hasVisual))
|
| | | self.hasVisual = settings.visual;
|
| | |
|
| | | each(dom.select('table,a', elm), function(elm) {
|
| | | var value;
|
| | |
|
| | | switch (elm.nodeName) {
|
| | | case 'TABLE':
|
| | | cls = settings.visual_table_class || 'mceItemTable';
|
| | | value = dom.getAttrib(elm, 'border');
|
| | |
|
| | | if (!value || value == '0') {
|
| | | if (self.hasVisual)
|
| | | dom.addClass(elm, cls);
|
| | | else
|
| | | dom.removeClass(elm, cls);
|
| | | }
|
| | |
|
| | | return;
|
| | |
|
| | | case 'A':
|
| | | if (!dom.getAttrib(elm, 'href', false)) {
|
| | | value = dom.getAttrib(elm, 'name') || elm.id;
|
| | | cls = 'mceItemAnchor';
|
| | |
|
| | | if (value) {
|
| | | if (self.hasVisual)
|
| | | dom.addClass(elm, cls);
|
| | | else
|
| | | dom.removeClass(elm, cls);
|
| | | }
|
| | | }
|
| | |
|
| | | return;
|
| | | }
|
| | | });
|
| | |
|
| | | self.onVisualAid.dispatch(self, elm, self.hasVisual);
|
| | | },
|
| | |
|
| | | remove : function() {
|
| | | var self = this, elm = self.getContainer();
|
| | |
|
| | | if (!self.removed) {
|
| | | self.removed = 1; // Cancels post remove event execution
|
| | | self.hide();
|
| | |
|
| | | // Don't clear the window or document if content editable
|
| | | // is enabled since other instances might still be present
|
| | | if (!self.settings.content_editable) {
|
| | | Event.unbind(self.getWin());
|
| | | Event.unbind(self.getDoc());
|
| | | }
|
| | |
|
| | | Event.unbind(self.getBody());
|
| | | Event.clear(elm);
|
| | |
|
| | | self.execCallback('remove_instance_callback', self);
|
| | | self.onRemove.dispatch(self);
|
| | |
|
| | | // Clear all execCommand listeners this is required to avoid errors if the editor was removed inside another command
|
| | | self.onExecCommand.listeners = [];
|
| | |
|
| | | tinymce.remove(self);
|
| | | DOM.remove(elm);
|
| | | }
|
| | | },
|
| | |
|
| | | destroy : function(s) {
|
| | | var t = this;
|
| | |
|
| | | // One time is enough
|
| | | if (t.destroyed)
|
| | | return;
|
| | |
|
| | | // We must unbind on Gecko since it would otherwise produce the pesky "attempt to run compile-and-go script on a cleared scope" message
|
| | | if (isGecko) {
|
| | | Event.unbind(t.getDoc());
|
| | | Event.unbind(t.getWin());
|
| | | Event.unbind(t.getBody());
|
| | | }
|
| | |
|
| | | if (!s) {
|
| | | tinymce.removeUnload(t.destroy);
|
| | | tinyMCE.onBeforeUnload.remove(t._beforeUnload);
|
| | |
|
| | | // Manual destroy
|
| | | if (t.theme && t.theme.destroy)
|
| | | t.theme.destroy();
|
| | |
|
| | | // Destroy controls, selection and dom
|
| | | t.controlManager.destroy();
|
| | | t.selection.destroy();
|
| | | t.dom.destroy();
|
| | | }
|
| | |
|
| | | if (t.formElement) {
|
| | | t.formElement.submit = t.formElement._mceOldSubmit;
|
| | | t.formElement._mceOldSubmit = null;
|
| | | }
|
| | |
|
| | | t.contentAreaContainer = t.formElement = t.container = t.settings.content_element = t.bodyElement = t.contentDocument = t.contentWindow = null;
|
| | |
|
| | | if (t.selection)
|
| | | t.selection = t.selection.win = t.selection.dom = t.selection.dom.doc = null;
|
| | |
|
| | | t.destroyed = 1;
|
| | | },
|
| | |
|
| | | // Internal functions
|
| | |
|
| | | _refreshContentEditable : function() {
|
| | | var self = this, body, parent;
|
| | |
|
| | | // Check if the editor was hidden and the re-initalize contentEditable mode by removing and adding the body again
|
| | | if (self._isHidden()) {
|
| | | body = self.getBody();
|
| | | parent = body.parentNode;
|
| | |
|
| | | parent.removeChild(body);
|
| | | parent.appendChild(body);
|
| | |
|
| | | body.focus();
|
| | | }
|
| | | },
|
| | |
|
| | | _isHidden : function() {
|
| | | var s;
|
| | |
|
| | | if (!isGecko)
|
| | | return 0;
|
| | |
|
| | | // Weird, wheres that cursor selection?
|
| | | s = this.selection.getSel();
|
| | | return (!s || !s.rangeCount || s.rangeCount === 0);
|
| | | }
|
| | | });
|
| | | })(tinymce);
|
| | | (function(tinymce) {
|
| | | var each = tinymce.each;
|
| | |
|
| | | tinymce.Editor.prototype.setupEvents = function() {
|
| | | var self = this, settings = self.settings;
|
| | |
|
| | | // Add events to the editor
|
| | | each([
|
| | | 'onPreInit',
|
| | |
|
| | | 'onBeforeRenderUI',
|
| | |
|
| | | 'onPostRender',
|
| | |
|
| | | 'onLoad',
|
| | |
|
| | | 'onInit',
|
| | |
|
| | | 'onRemove',
|
| | |
|
| | | 'onActivate',
|
| | |
|
| | | 'onDeactivate',
|
| | |
|
| | | 'onClick',
|
| | |
|
| | | 'onEvent',
|
| | |
|
| | | 'onMouseUp',
|
| | |
|
| | | 'onMouseDown',
|
| | |
|
| | | 'onDblClick',
|
| | |
|
| | | 'onKeyDown',
|
| | |
|
| | | 'onKeyUp',
|
| | |
|
| | | 'onKeyPress',
|
| | |
|
| | | 'onContextMenu',
|
| | |
|
| | | 'onSubmit',
|
| | |
|
| | | 'onReset',
|
| | |
|
| | | 'onPaste',
|
| | |
|
| | | 'onPreProcess',
|
| | |
|
| | | 'onPostProcess',
|
| | |
|
| | | 'onBeforeSetContent',
|
| | |
|
| | | 'onBeforeGetContent',
|
| | |
|
| | | 'onSetContent',
|
| | |
|
| | | 'onGetContent',
|
| | |
|
| | | 'onLoadContent',
|
| | |
|
| | | 'onSaveContent',
|
| | |
|
| | | 'onNodeChange',
|
| | |
|
| | | 'onChange',
|
| | |
|
| | | 'onBeforeExecCommand',
|
| | |
|
| | | 'onExecCommand',
|
| | |
|
| | | 'onUndo',
|
| | |
|
| | | 'onRedo',
|
| | |
|
| | | 'onVisualAid',
|
| | |
|
| | | 'onSetProgressState',
|
| | |
|
| | | 'onSetAttrib'
|
| | | ], function(name) {
|
| | | self[name] = new tinymce.util.Dispatcher(self);
|
| | | });
|
| | |
|
| | | // Handle legacy cleanup_callback option
|
| | | if (settings.cleanup_callback) {
|
| | | self.onBeforeSetContent.add(function(ed, o) {
|
| | | o.content = ed.execCallback('cleanup_callback', 'insert_to_editor', o.content, o);
|
| | | });
|
| | |
|
| | | self.onPreProcess.add(function(ed, o) {
|
| | | if (o.set)
|
| | | ed.execCallback('cleanup_callback', 'insert_to_editor_dom', o.node, o);
|
| | |
|
| | | if (o.get)
|
| | | ed.execCallback('cleanup_callback', 'get_from_editor_dom', o.node, o);
|
| | | });
|
| | |
|
| | | self.onPostProcess.add(function(ed, o) {
|
| | | if (o.set)
|
| | | o.content = ed.execCallback('cleanup_callback', 'insert_to_editor', o.content, o);
|
| | |
|
| | | if (o.get) |
| | | o.content = ed.execCallback('cleanup_callback', 'get_from_editor', o.content, o);
|
| | | });
|
| | | }
|
| | |
|
| | | if (!endChop.nextSibling && endChop.parentNode.nodeName.toUpperCase() == blockName)
|
| | | rng.setEndAfter(endChop.parentNode);
|
| | | else
|
| | | rng.setEnd(rngAfter.endContainer, rngAfter.endOffset);
|
| | |
|
| | | // Delete all contents and insert new paragraphs
|
| | | rng.deleteContents();
|
| | |
|
| | | if (tinyMCE.isOpera) {
|
| | | rng.insertNode(paraBefore);
|
| | | rng.insertNode(paraAfter);
|
| | | } else {
|
| | | rng.insertNode(paraAfter);
|
| | | rng.insertNode(paraBefore);
|
| | | // Handle legacy save_callback option
|
| | | if (settings.save_callback) {
|
| | | self.onGetContent.add(function(ed, o) {
|
| | | if (o.save)
|
| | | o.content = ed.execCallback('save_callback', ed.id, o.content, ed.getBody());
|
| | | });
|
| | | }
|
| | |
|
| | | //tinyMCE.debug("2", paraBefore.innerHTML, paraAfter.innerHTML);
|
| | |
|
| | | // Normalize
|
| | | paraAfter.normalize();
|
| | | paraBefore.normalize();
|
| | |
|
| | | inst.selection.moveToBookmark(b);
|
| | | inst.selection.selectNode(paraAfter, true, true);
|
| | |
|
| | | return true;
|
| | | },
|
| | |
|
| | | _handleBackSpace : function(inst) {
|
| | | var r = inst.getRng(), sn = r.startContainer, nv, s = false;
|
| | |
|
| | | // Added body check for bug #1527787
|
| | | if (sn && sn.nextSibling && sn.nextSibling.nodeName == "BR" && sn.parentNode.nodeName != "BODY") {
|
| | | nv = sn.nodeValue;
|
| | |
|
| | | // Handle if a backspace is pressed after a space character #bug 1466054 removed since fix for #1527787
|
| | | /*if (nv != null && nv.length >= r.startOffset && nv.charAt(r.startOffset - 1) == ' ')
|
| | | s = true;*/
|
| | |
|
| | | // Only remove BRs if we are at the end of line #bug 1464152
|
| | | if (nv != null && r.startOffset == nv.length)
|
| | | sn.nextSibling.parentNode.removeChild(sn.nextSibling);
|
| | | // Handle legacy handle_event_callback option
|
| | | if (settings.handle_event_callback) {
|
| | | self.onEvent.add(function(ed, e, o) {
|
| | | if (self.execCallback('handle_event_callback', e, ed, o) === false) {
|
| | | e.preventDefault();
|
| | | e.stopPropagation();
|
| | | }
|
| | | });
|
| | | }
|
| | |
|
| | | if (inst.settings.auto_resize)
|
| | | inst.resizeToContent();
|
| | | // Handle legacy handle_node_change_callback option
|
| | | if (settings.handle_node_change_callback) {
|
| | | self.onNodeChange.add(function(ed, cm, n) {
|
| | | ed.execCallback('handle_node_change_callback', ed.id, n, -1, -1, true, ed.selection.isCollapsed());
|
| | | });
|
| | | }
|
| | |
|
| | | return s;
|
| | | }
|
| | | // Handle legacy save_callback option
|
| | | if (settings.save_callback) {
|
| | | self.onSaveContent.add(function(ed, o) {
|
| | | var h = ed.execCallback('save_callback', ed.id, o.content, ed.getBody());
|
| | |
|
| | | if (h)
|
| | | o.content = h;
|
| | | });
|
| | | }
|
| | |
|
| | | // Handle legacy onchange_callback option
|
| | | if (settings.onchange_callback) {
|
| | | self.onChange.add(function(ed, l) {
|
| | | ed.execCallback('onchange_callback', ed, l);
|
| | | });
|
| | | }
|
| | | };
|
| | |
|
| | | /* file:jscripts/tiny_mce/classes/TinyMCE_Layer.class.js */
|
| | | tinymce.Editor.prototype.bindNativeEvents = function() {
|
| | | // 'focus', 'blur', 'dblclick', 'beforedeactivate', submit, reset
|
| | | var self = this, i, settings = self.settings, dom = self.dom, nativeToDispatcherMap;
|
| | |
|
| | | function TinyMCE_Layer(id, bm) {
|
| | | this.id = id;
|
| | | this.blockerElement = null;
|
| | | this.events = false;
|
| | | this.element = null;
|
| | | this.blockMode = typeof(bm) != 'undefined' ? bm : true;
|
| | | this.doc = document;
|
| | | };
|
| | |
|
| | | TinyMCE_Layer.prototype = {
|
| | | moveRelativeTo : function(re, p) {
|
| | | var rep = this.getAbsPosition(re), e = this.getElement(), x, y;
|
| | | var w = parseInt(re.offsetWidth), h = parseInt(re.offsetHeight);
|
| | | var ew = parseInt(e.offsetWidth), eh = parseInt(e.offsetHeight);
|
| | |
|
| | | switch (p) {
|
| | | case "tl":
|
| | | x = rep.absLeft;
|
| | | y = rep.absTop;
|
| | | break;
|
| | |
|
| | | case "tr":
|
| | | x = rep.absLeft + w;
|
| | | y = rep.absTop;
|
| | | break;
|
| | |
|
| | | case "bl":
|
| | | x = rep.absLeft;
|
| | | y = rep.absTop + h;
|
| | | break;
|
| | |
|
| | | case "br":
|
| | | x = rep.absLeft + w;
|
| | | y = rep.absTop + h;
|
| | | break;
|
| | |
|
| | | case "cc":
|
| | | x = rep.absLeft + (w / 2) - (ew / 2);
|
| | | y = rep.absTop + (h / 2) - (eh / 2);
|
| | | break;
|
| | | }
|
| | |
|
| | | this.moveTo(x, y);
|
| | | },
|
| | |
|
| | | moveBy : function(x, y) {
|
| | | var e = this.getElement();
|
| | | this.moveTo(parseInt(e.style.left) + x, parseInt(e.style.top) + y);
|
| | | },
|
| | |
|
| | | moveTo : function(x, y) {
|
| | | var e = this.getElement();
|
| | |
|
| | | e.style.left = x + "px";
|
| | | e.style.top = y + "px";
|
| | |
|
| | | this.updateBlocker();
|
| | | },
|
| | |
|
| | | resizeBy : function(w, h) {
|
| | | var e = this.getElement();
|
| | | this.resizeTo(parseInt(e.style.width) + w, parseInt(e.style.height) + h);
|
| | | },
|
| | |
|
| | | resizeTo : function(w, h) {
|
| | | var e = this.getElement();
|
| | |
|
| | | if (w != null)
|
| | | e.style.width = w + "px";
|
| | |
|
| | | if (h != null)
|
| | | e.style.height = h + "px";
|
| | |
|
| | | this.updateBlocker();
|
| | | },
|
| | |
|
| | | show : function() {
|
| | | var el = this.getElement();
|
| | |
|
| | | if (el) {
|
| | | el.style.display = 'block';
|
| | | this.updateBlocker();
|
| | | }
|
| | | },
|
| | |
|
| | | hide : function() {
|
| | | var el = this.getElement();
|
| | |
|
| | | if (el) {
|
| | | el.style.display = 'none';
|
| | | this.updateBlocker();
|
| | | }
|
| | | },
|
| | |
|
| | | isVisible : function() {
|
| | | return this.getElement().style.display == 'block';
|
| | | },
|
| | |
|
| | | getElement : function() {
|
| | | if (!this.element)
|
| | | this.element = this.doc.getElementById(this.id);
|
| | |
|
| | | return this.element;
|
| | | },
|
| | |
|
| | | setBlockMode : function(s) {
|
| | | this.blockMode = s;
|
| | | },
|
| | |
|
| | | updateBlocker : function() {
|
| | | var e, b, x, y, w, h;
|
| | |
|
| | | b = this.getBlocker();
|
| | | if (b) {
|
| | | if (this.blockMode) {
|
| | | e = this.getElement();
|
| | | x = this.parseInt(e.style.left);
|
| | | y = this.parseInt(e.style.top);
|
| | | w = this.parseInt(e.offsetWidth);
|
| | | h = this.parseInt(e.offsetHeight);
|
| | |
|
| | | b.style.left = x + 'px';
|
| | | b.style.top = y + 'px';
|
| | | b.style.width = w + 'px';
|
| | | b.style.height = h + 'px';
|
| | | b.style.display = e.style.display;
|
| | | } else
|
| | | b.style.display = 'none';
|
| | | }
|
| | | },
|
| | |
|
| | | getBlocker : function() {
|
| | | var d, b;
|
| | |
|
| | | if (!this.blockerElement && this.blockMode) {
|
| | | d = this.doc;
|
| | | b = d.getElementById(this.id + "_blocker");
|
| | |
|
| | | if (!b) {
|
| | | b = d.createElement("iframe");
|
| | |
|
| | | b.setAttribute('id', this.id + "_blocker");
|
| | | b.style.cssText = 'display: none; position: absolute; left: 0; top: 0';
|
| | | b.src = 'javascript:false;';
|
| | | b.frameBorder = '0';
|
| | | b.scrolling = 'no';
|
| | | |
| | | d.body.appendChild(b);
|
| | | }
|
| | |
|
| | | this.blockerElement = b;
|
| | | }
|
| | |
|
| | | return this.blockerElement;
|
| | | },
|
| | |
|
| | | getAbsPosition : function(n) {
|
| | | var p = {absLeft : 0, absTop : 0};
|
| | |
|
| | | while (n) {
|
| | | p.absLeft += n.offsetLeft;
|
| | | p.absTop += n.offsetTop;
|
| | | n = n.offsetParent;
|
| | | }
|
| | |
|
| | | return p;
|
| | | },
|
| | |
|
| | | create : function(n, c, p, h) {
|
| | | var d = this.doc, e = d.createElement(n);
|
| | |
|
| | | e.setAttribute('id', this.id);
|
| | |
|
| | | if (c)
|
| | | e.className = c;
|
| | |
|
| | | if (!p)
|
| | | p = d.body;
|
| | |
|
| | | if (h)
|
| | | e.innerHTML = h;
|
| | |
|
| | | p.appendChild(e);
|
| | |
|
| | | return this.element = e;
|
| | | },
|
| | |
|
| | | exists : function() {
|
| | | return this.doc.getElementById(this.id) != null;
|
| | | },
|
| | |
|
| | | parseInt : function(s) {
|
| | | if (s == null || s == '')
|
| | | return 0;
|
| | |
|
| | | return parseInt(s);
|
| | | },
|
| | |
|
| | | remove : function() {
|
| | | var e = this.getElement(), b = this.getBlocker();
|
| | |
|
| | | if (e)
|
| | | e.parentNode.removeChild(e);
|
| | |
|
| | | if (b)
|
| | | b.parentNode.removeChild(b);
|
| | | }
|
| | |
|
| | | };
|
| | |
|
| | | /* file:jscripts/tiny_mce/classes/TinyMCE_Menu.class.js */
|
| | |
|
| | | function TinyMCE_Menu() {
|
| | | var id;
|
| | |
|
| | | if (typeof(tinyMCE.menuCounter) == "undefined")
|
| | | tinyMCE.menuCounter = 0;
|
| | |
|
| | | id = "mc_menu_" + tinyMCE.menuCounter++;
|
| | |
|
| | | TinyMCE_Layer.call(this, id, true);
|
| | |
|
| | | this.id = id;
|
| | | this.items = [];
|
| | | this.needsUpdate = true;
|
| | | };
|
| | |
|
| | | TinyMCE_Menu.prototype = tinyMCE.extend(TinyMCE_Layer.prototype, {
|
| | | init : function(s) {
|
| | | var n;
|
| | |
|
| | | // Default params
|
| | | this.settings = {
|
| | | separator_class : 'mceMenuSeparator',
|
| | | title_class : 'mceMenuTitle',
|
| | | disabled_class : 'mceMenuDisabled',
|
| | | menu_class : 'mceMenu',
|
| | | drop_menu : true
|
| | | nativeToDispatcherMap = {
|
| | | mouseup : 'onMouseUp',
|
| | | mousedown : 'onMouseDown',
|
| | | click : 'onClick',
|
| | | keyup : 'onKeyUp',
|
| | | keydown : 'onKeyDown',
|
| | | keypress : 'onKeyPress',
|
| | | submit : 'onSubmit',
|
| | | reset : 'onReset',
|
| | | contextmenu : 'onContextMenu',
|
| | | dblclick : 'onDblClick',
|
| | | paste : 'onPaste' // Doesn't work in all browsers yet
|
| | | };
|
| | |
|
| | | for (n in s)
|
| | | this.settings[n] = s[n];
|
| | | // Handler that takes a native event and sends it out to a dispatcher like onKeyDown
|
| | | function eventHandler(evt, args) {
|
| | | var type = evt.type;
|
| | |
|
| | | this.create('div', this.settings.menu_class);
|
| | | },
|
| | | // Don't fire events when it's removed
|
| | | if (self.removed)
|
| | | return;
|
| | |
|
| | | clear : function() {
|
| | | this.items = [];
|
| | | },
|
| | | // Sends the native event out to a global dispatcher then to the specific event dispatcher
|
| | | if (self.onEvent.dispatch(self, evt, args) !== false) {
|
| | | self[nativeToDispatcherMap[evt.fakeType || evt.type]].dispatch(self, evt, args);
|
| | | }
|
| | | };
|
| | |
|
| | | addTitle : function(t) {
|
| | | this.add({type : 'title', text : t});
|
| | | },
|
| | | // Opera doesn't support focus event for contentEditable elements so we need to fake it
|
| | | function doOperaFocus(e) {
|
| | | self.focus(true);
|
| | | };
|
| | |
|
| | | addDisabled : function(t) {
|
| | | this.add({type : 'disabled', text : t});
|
| | | },
|
| | | function nodeChanged(ed, e) {
|
| | | // 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
|
| | | if (e.keyCode != 65 || !tinymce.VK.metaKeyPressed(e)) {
|
| | | self.selection.normalize();
|
| | | }
|
| | |
|
| | | addSeparator : function() {
|
| | | this.add({type : 'separator'});
|
| | | },
|
| | | self.nodeChanged();
|
| | | }
|
| | |
|
| | | addItem : function(t, js) {
|
| | | this.add({text : t, js : js});
|
| | | },
|
| | | // Add DOM events
|
| | | each(nativeToDispatcherMap, function(dispatcherName, nativeName) {
|
| | | var root = settings.content_editable ? self.getBody() : self.getDoc();
|
| | |
|
| | | add : function(mi) {
|
| | | this.items[this.items.length] = mi;
|
| | | this.needsUpdate = true;
|
| | | },
|
| | |
|
| | | update : function() {
|
| | | var e = this.getElement(), h = '', i, t, m = this.items, s = this.settings;
|
| | |
|
| | | if (this.settings.drop_menu)
|
| | | h += '<span class="mceMenuLine"></span>';
|
| | |
|
| | | h += '<table border="0" cellpadding="0" cellspacing="0">';
|
| | |
|
| | | for (i=0; i<m.length; i++) {
|
| | | t = tinyMCE.xmlEncode(m[i].text);
|
| | | c = m[i].class_name ? ' class="' + m[i].class_name + '"' : '';
|
| | |
|
| | | switch (m[i].type) {
|
| | | case 'separator':
|
| | | h += '<tr class="' + s.separator_class + '"><td>';
|
| | | switch (nativeName) {
|
| | | case 'contextmenu':
|
| | | dom.bind(root, nativeName, eventHandler);
|
| | | break;
|
| | |
|
| | | case 'title':
|
| | | h += '<tr class="' + s.title_class + '"><td><span' + c +'>' + t + '</span>';
|
| | | case 'paste':
|
| | | dom.bind(self.getBody(), nativeName, eventHandler);
|
| | | break;
|
| | |
|
| | | case 'disabled':
|
| | | h += '<tr class="' + s.disabled_class + '"><td><span' + c +'>' + t + '</span>';
|
| | | case 'submit':
|
| | | case 'reset':
|
| | | dom.bind(self.getElement().form || tinymce.DOM.getParent(self.id, 'form'), nativeName, eventHandler);
|
| | | break;
|
| | |
|
| | | default:
|
| | | h += '<tr><td><a href="' + tinyMCE.xmlEncode(m[i].js) + '" onmousedown="' + tinyMCE.xmlEncode(m[i].js) + ';return tinyMCE.cancelEvent(event);" onclick="return tinyMCE.cancelEvent(event);" onmouseup="return tinyMCE.cancelEvent(event);"><span' + c +'>' + t + '</span></a>';
|
| | | dom.bind(root, nativeName, eventHandler);
|
| | | }
|
| | | });
|
| | |
|
| | | // Set the editor as active when focused
|
| | | dom.bind(settings.content_editable ? self.getBody() : (tinymce.isGecko ? self.getDoc() : self.getWin()), 'focus', function(e) {
|
| | | self.focus(true);
|
| | | });
|
| | |
|
| | | if (settings.content_editable && tinymce.isOpera) {
|
| | | dom.bind(self.getBody(), 'click', doOperaFocus);
|
| | | dom.bind(self.getBody(), 'keydown', doOperaFocus);
|
| | | }
|
| | |
|
| | | // Add node change handler
|
| | | self.onMouseUp.add(nodeChanged);
|
| | |
|
| | | self.onKeyUp.add(function(ed, e) {
|
| | | var keyCode = e.keyCode;
|
| | |
|
| | | 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)
|
| | | nodeChanged(ed, e);
|
| | | });
|
| | |
|
| | | // Add reset handler
|
| | | self.onReset.add(function() {
|
| | | self.setContent(self.startContent, {format : 'raw'});
|
| | | });
|
| | |
|
| | | // Add shortcuts
|
| | | function handleShortcut(e, execute) {
|
| | | if (e.altKey || e.ctrlKey || e.metaKey) {
|
| | | each(self.shortcuts, function(shortcut) {
|
| | | var ctrlState = tinymce.isMac ? e.metaKey : e.ctrlKey;
|
| | |
|
| | | if (shortcut.ctrl != ctrlState || shortcut.alt != e.altKey || shortcut.shift != e.shiftKey)
|
| | | return;
|
| | |
|
| | | if (e.keyCode == shortcut.keyCode || (e.charCode && e.charCode == shortcut.charCode)) {
|
| | | e.preventDefault();
|
| | |
|
| | | if (execute) {
|
| | | shortcut.func.call(shortcut.scope);
|
| | | }
|
| | |
|
| | | return true;
|
| | | }
|
| | | });
|
| | | }
|
| | | };
|
| | |
|
| | | self.onKeyUp.add(function(ed, e) {
|
| | | handleShortcut(e);
|
| | | });
|
| | |
|
| | | self.onKeyPress.add(function(ed, e) {
|
| | | handleShortcut(e);
|
| | | });
|
| | |
|
| | | self.onKeyDown.add(function(ed, e) {
|
| | | handleShortcut(e, true);
|
| | | });
|
| | |
|
| | | if (tinymce.isOpera) {
|
| | | self.onClick.add(function(ed, e) {
|
| | | e.preventDefault();
|
| | | });
|
| | | }
|
| | | };
|
| | | })(tinymce);
|
| | | (function(tinymce) {
|
| | | // Added for compression purposes
|
| | | var each = tinymce.each, undef, TRUE = true, FALSE = false;
|
| | |
|
| | | tinymce.EditorCommands = function(editor) {
|
| | | var dom = editor.dom,
|
| | | selection = editor.selection,
|
| | | commands = {state: {}, exec : {}, value : {}},
|
| | | settings = editor.settings,
|
| | | formatter = editor.formatter,
|
| | | bookmark;
|
| | |
|
| | | function execCommand(command, ui, value) {
|
| | | var func;
|
| | |
|
| | | command = command.toLowerCase();
|
| | | if (func = commands.exec[command]) {
|
| | | func(command, ui, value);
|
| | | return TRUE;
|
| | | }
|
| | |
|
| | | h += '</td></tr>';
|
| | | }
|
| | | return FALSE;
|
| | | };
|
| | |
|
| | | h += '</table>';
|
| | | function queryCommandState(command) {
|
| | | var func;
|
| | |
|
| | | e.innerHTML = h;
|
| | | command = command.toLowerCase();
|
| | | if (func = commands.state[command])
|
| | | return func(command);
|
| | |
|
| | | this.needsUpdate = false;
|
| | | this.updateBlocker();
|
| | | },
|
| | | return -1;
|
| | | };
|
| | |
|
| | | show : function() {
|
| | | var nl, i;
|
| | | function queryCommandValue(command) {
|
| | | var func;
|
| | |
|
| | | if (tinyMCE.lastMenu == this)
|
| | | command = command.toLowerCase();
|
| | | if (func = commands.value[command])
|
| | | return func(command);
|
| | |
|
| | | return FALSE;
|
| | | };
|
| | |
|
| | | function addCommands(command_list, type) {
|
| | | type = type || 'exec';
|
| | |
|
| | | each(command_list, function(callback, command) {
|
| | | each(command.toLowerCase().split(','), function(command) {
|
| | | commands[type][command] = callback;
|
| | | });
|
| | | });
|
| | | };
|
| | |
|
| | | // Expose public methods
|
| | | tinymce.extend(this, {
|
| | | execCommand : execCommand,
|
| | | queryCommandState : queryCommandState,
|
| | | queryCommandValue : queryCommandValue,
|
| | | addCommands : addCommands
|
| | | });
|
| | |
|
| | | // Private methods
|
| | |
|
| | | function execNativeCommand(command, ui, value) {
|
| | | if (ui === undef)
|
| | | ui = FALSE;
|
| | |
|
| | | if (value === undef)
|
| | | value = null;
|
| | |
|
| | | return editor.getDoc().execCommand(command, ui, value);
|
| | | };
|
| | |
|
| | | function isFormatMatch(name) {
|
| | | return formatter.match(name);
|
| | | };
|
| | |
|
| | | function toggleFormat(name, value) {
|
| | | formatter.toggle(name, value ? {value : value} : undef);
|
| | | };
|
| | |
|
| | | function storeSelection(type) {
|
| | | bookmark = selection.getBookmark(type);
|
| | | };
|
| | |
|
| | | function restoreSelection() {
|
| | | selection.moveToBookmark(bookmark);
|
| | | };
|
| | |
|
| | | // Add execCommand overrides
|
| | | addCommands({
|
| | | // Ignore these, added for compatibility
|
| | | 'mceResetDesignMode,mceBeginUndoLevel' : function() {},
|
| | |
|
| | | // Add undo manager logic
|
| | | 'mceEndUndoLevel,mceAddUndoLevel' : function() {
|
| | | editor.undoManager.add();
|
| | | },
|
| | |
|
| | | 'Cut,Copy,Paste' : function(command) {
|
| | | var doc = editor.getDoc(), failed;
|
| | |
|
| | | // Try executing the native command
|
| | | try {
|
| | | execNativeCommand(command);
|
| | | } catch (ex) {
|
| | | // Command failed
|
| | | failed = TRUE;
|
| | | }
|
| | |
|
| | | // Present alert message about clipboard access not being available
|
| | | if (failed || !doc.queryCommandSupported(command)) {
|
| | | if (tinymce.isGecko) {
|
| | | editor.windowManager.confirm(editor.getLang('clipboard_msg'), function(state) {
|
| | | if (state)
|
| | | open('http://www.mozilla.org/editor/midasdemo/securityprefs.html', '_blank');
|
| | | });
|
| | | } else
|
| | | editor.windowManager.alert(editor.getLang('clipboard_no_support'));
|
| | | }
|
| | | },
|
| | |
|
| | | // Override unlink command
|
| | | unlink : function(command) {
|
| | | if (selection.isCollapsed())
|
| | | selection.select(selection.getNode());
|
| | |
|
| | | execNativeCommand(command);
|
| | | selection.collapse(FALSE);
|
| | | },
|
| | |
|
| | | // Override justify commands to use the text formatter engine
|
| | | 'JustifyLeft,JustifyCenter,JustifyRight,JustifyFull' : function(command) {
|
| | | var align = command.substring(7);
|
| | |
|
| | | // Remove all other alignments first
|
| | | each('left,center,right,full'.split(','), function(name) {
|
| | | if (align != name)
|
| | | formatter.remove('align' + name);
|
| | | });
|
| | |
|
| | | toggleFormat('align' + align);
|
| | | execCommand('mceRepaint');
|
| | | },
|
| | |
|
| | | // Override list commands to fix WebKit bug
|
| | | 'InsertUnorderedList,InsertOrderedList' : function(command) {
|
| | | var listElm, listParent;
|
| | |
|
| | | execNativeCommand(command);
|
| | |
|
| | | // WebKit produces lists within block elements so we need to split them
|
| | | // we will replace the native list creation logic to custom logic later on
|
| | | // TODO: Remove this when the list creation logic is removed
|
| | | listElm = dom.getParent(selection.getNode(), 'ol,ul');
|
| | | if (listElm) {
|
| | | listParent = listElm.parentNode;
|
| | |
|
| | | // If list is within a text block then split that block
|
| | | if (/^(H[1-6]|P|ADDRESS|PRE)$/.test(listParent.nodeName)) {
|
| | | storeSelection();
|
| | | dom.split(listParent, listElm);
|
| | | restoreSelection();
|
| | | }
|
| | | }
|
| | | },
|
| | |
|
| | | // Override commands to use the text formatter engine
|
| | | 'Bold,Italic,Underline,Strikethrough,Superscript,Subscript' : function(command) {
|
| | | toggleFormat(command);
|
| | | },
|
| | |
|
| | | // Override commands to use the text formatter engine
|
| | | 'ForeColor,HiliteColor,FontName' : function(command, ui, value) {
|
| | | toggleFormat(command, value);
|
| | | },
|
| | |
|
| | | FontSize : function(command, ui, value) {
|
| | | var fontClasses, fontSizes;
|
| | |
|
| | | // Convert font size 1-7 to styles
|
| | | if (value >= 1 && value <= 7) {
|
| | | fontSizes = tinymce.explode(settings.font_size_style_values);
|
| | | fontClasses = tinymce.explode(settings.font_size_classes);
|
| | |
|
| | | if (fontClasses)
|
| | | value = fontClasses[value - 1] || value;
|
| | | else
|
| | | value = fontSizes[value - 1] || value;
|
| | | }
|
| | |
|
| | | toggleFormat(command, value);
|
| | | },
|
| | |
|
| | | RemoveFormat : function(command) {
|
| | | formatter.remove(command);
|
| | | },
|
| | |
|
| | | mceBlockQuote : function(command) {
|
| | | toggleFormat('blockquote');
|
| | | },
|
| | |
|
| | | FormatBlock : function(command, ui, value) {
|
| | | return toggleFormat(value || 'p');
|
| | | },
|
| | |
|
| | | mceCleanup : function() {
|
| | | var bookmark = selection.getBookmark();
|
| | |
|
| | | editor.setContent(editor.getContent({cleanup : TRUE}), {cleanup : TRUE});
|
| | |
|
| | | selection.moveToBookmark(bookmark);
|
| | | },
|
| | |
|
| | | mceRemoveNode : function(command, ui, value) {
|
| | | var node = value || selection.getNode();
|
| | |
|
| | | // Make sure that the body node isn't removed
|
| | | if (node != editor.getBody()) {
|
| | | storeSelection();
|
| | | editor.dom.remove(node, TRUE);
|
| | | restoreSelection();
|
| | | }
|
| | | },
|
| | |
|
| | | mceSelectNodeDepth : function(command, ui, value) {
|
| | | var counter = 0;
|
| | |
|
| | | dom.getParent(selection.getNode(), function(node) {
|
| | | if (node.nodeType == 1 && counter++ == value) {
|
| | | selection.select(node);
|
| | | return FALSE;
|
| | | }
|
| | | }, editor.getBody());
|
| | | },
|
| | |
|
| | | mceSelectNode : function(command, ui, value) {
|
| | | selection.select(value);
|
| | | },
|
| | |
|
| | | mceInsertContent : function(command, ui, value) {
|
| | | var parser, serializer, parentNode, rootNode, fragment, args,
|
| | | marker, nodeRect, viewPortRect, rng, node, node2, bookmarkHtml, viewportBodyElement;
|
| | |
|
| | | //selection.normalize();
|
| | |
|
| | | // Setup parser and serializer
|
| | | parser = editor.parser;
|
| | | serializer = new tinymce.html.Serializer({}, editor.schema);
|
| | | bookmarkHtml = '<span id="mce_marker" data-mce-type="bookmark">\uFEFF</span>';
|
| | |
|
| | | // Run beforeSetContent handlers on the HTML to be inserted
|
| | | args = {content: value, format: 'html'};
|
| | | selection.onBeforeSetContent.dispatch(selection, args);
|
| | | value = args.content;
|
| | |
|
| | | // Add caret at end of contents if it's missing
|
| | | if (value.indexOf('{$caret}') == -1)
|
| | | value += '{$caret}';
|
| | |
|
| | | // Replace the caret marker with a span bookmark element
|
| | | value = value.replace(/\{\$caret\}/, bookmarkHtml);
|
| | |
|
| | | // Insert node maker where we will insert the new HTML and get it's parent
|
| | | if (!selection.isCollapsed())
|
| | | editor.getDoc().execCommand('Delete', false, null);
|
| | |
|
| | | parentNode = selection.getNode();
|
| | |
|
| | | // Parse the fragment within the context of the parent node
|
| | | args = {context : parentNode.nodeName.toLowerCase()};
|
| | | fragment = parser.parse(value, args);
|
| | |
|
| | | // Move the caret to a more suitable location
|
| | | node = fragment.lastChild;
|
| | | if (node.attr('id') == 'mce_marker') {
|
| | | marker = node;
|
| | |
|
| | | for (node = node.prev; node; node = node.walk(true)) {
|
| | | if (node.type == 3 || !dom.isBlock(node.name)) {
|
| | | node.parent.insert(marker, node, node.name === 'br');
|
| | | break;
|
| | | }
|
| | | }
|
| | | }
|
| | |
|
| | | // If parser says valid we can insert the contents into that parent
|
| | | if (!args.invalid) {
|
| | | value = serializer.serialize(fragment);
|
| | |
|
| | | // Check if parent is empty or only has one BR element then set the innerHTML of that parent
|
| | | node = parentNode.firstChild;
|
| | | node2 = parentNode.lastChild;
|
| | | if (!node || (node === node2 && node.nodeName === 'BR'))
|
| | | dom.setHTML(parentNode, value);
|
| | | else
|
| | | selection.setContent(value);
|
| | | } else {
|
| | | // If the fragment was invalid within that context then we need
|
| | | // to parse and process the parent it's inserted into
|
| | |
|
| | | // Insert bookmark node and get the parent
|
| | | selection.setContent(bookmarkHtml);
|
| | | parentNode = selection.getNode();
|
| | | rootNode = editor.getBody();
|
| | |
|
| | | // Opera will return the document node when selection is in root
|
| | | if (parentNode.nodeType == 9)
|
| | | parentNode = node = rootNode;
|
| | | else
|
| | | node = parentNode;
|
| | |
|
| | | // Find the ancestor just before the root element
|
| | | while (node !== rootNode) {
|
| | | parentNode = node;
|
| | | node = node.parentNode;
|
| | | }
|
| | |
|
| | | // Get the outer/inner HTML depending on if we are in the root and parser and serialize that
|
| | | value = parentNode == rootNode ? rootNode.innerHTML : dom.getOuterHTML(parentNode);
|
| | | value = serializer.serialize(
|
| | | parser.parse(
|
| | | // Need to replace by using a function since $ in the contents would otherwise be a problem
|
| | | value.replace(/<span (id="mce_marker"|id=mce_marker).+?<\/span>/i, function() {
|
| | | return serializer.serialize(fragment);
|
| | | })
|
| | | )
|
| | | );
|
| | |
|
| | | // Set the inner/outer HTML depending on if we are in the root or not
|
| | | if (parentNode == rootNode)
|
| | | dom.setHTML(rootNode, value);
|
| | | else
|
| | | dom.setOuterHTML(parentNode, value);
|
| | | }
|
| | |
|
| | | marker = dom.get('mce_marker');
|
| | |
|
| | | // Scroll range into view scrollIntoView on element can't be used since it will scroll the main view port as well
|
| | | nodeRect = dom.getRect(marker);
|
| | | viewPortRect = dom.getViewPort(editor.getWin());
|
| | |
|
| | | // Check if node is out side the viewport if it is then scroll to it
|
| | | if ((nodeRect.y + nodeRect.h > viewPortRect.y + viewPortRect.h || nodeRect.y < viewPortRect.y) ||
|
| | | (nodeRect.x > viewPortRect.x + viewPortRect.w || nodeRect.x < viewPortRect.x)) {
|
| | | viewportBodyElement = tinymce.isIE ? editor.getDoc().documentElement : editor.getBody();
|
| | | viewportBodyElement.scrollLeft = nodeRect.x;
|
| | | viewportBodyElement.scrollTop = nodeRect.y - viewPortRect.h + 25;
|
| | | }
|
| | |
|
| | | // Move selection before marker and remove it
|
| | | rng = dom.createRng();
|
| | |
|
| | | // If previous sibling is a text node set the selection to the end of that node
|
| | | node = marker.previousSibling;
|
| | | if (node && node.nodeType == 3) {
|
| | | rng.setStart(node, node.nodeValue.length);
|
| | | } else {
|
| | | // If the previous sibling isn't a text node or doesn't exist set the selection before the marker node
|
| | | rng.setStartBefore(marker);
|
| | | rng.setEndBefore(marker);
|
| | | }
|
| | |
|
| | | // Remove the marker node and set the new range
|
| | | dom.remove(marker);
|
| | | selection.setRng(rng);
|
| | |
|
| | | // Dispatch after event and add any visual elements needed
|
| | | selection.onSetContent.dispatch(selection, args);
|
| | | editor.addVisual();
|
| | | },
|
| | |
|
| | | mceInsertRawHTML : function(command, ui, value) {
|
| | | selection.setContent('tiny_mce_marker');
|
| | | editor.setContent(editor.getContent().replace(/tiny_mce_marker/g, function() { return value }));
|
| | | },
|
| | |
|
| | | mceToggleFormat : function(command, ui, value) {
|
| | | toggleFormat(value);
|
| | | },
|
| | |
|
| | | mceSetContent : function(command, ui, value) {
|
| | | editor.setContent(value);
|
| | | },
|
| | |
|
| | | 'Indent,Outdent' : function(command) {
|
| | | var intentValue, indentUnit, value;
|
| | |
|
| | | // Setup indent level
|
| | | intentValue = settings.indentation;
|
| | | indentUnit = /[a-z%]+$/i.exec(intentValue);
|
| | | intentValue = parseInt(intentValue);
|
| | |
|
| | | if (!queryCommandState('InsertUnorderedList') && !queryCommandState('InsertOrderedList')) {
|
| | | // If forced_root_blocks is set to false we don't have a block to indent so lets create a div
|
| | | if (!settings.forced_root_block && !dom.getParent(selection.getNode(), dom.isBlock)) {
|
| | | formatter.apply('div');
|
| | | }
|
| | |
|
| | | each(selection.getSelectedBlocks(), function(element) {
|
| | | if (command == 'outdent') {
|
| | | value = Math.max(0, parseInt(element.style.paddingLeft || 0) - intentValue);
|
| | | dom.setStyle(element, 'paddingLeft', value ? value + indentUnit : '');
|
| | | } else
|
| | | dom.setStyle(element, 'paddingLeft', (parseInt(element.style.paddingLeft || 0) + intentValue) + indentUnit);
|
| | | });
|
| | | } else
|
| | | execNativeCommand(command);
|
| | | },
|
| | |
|
| | | mceRepaint : function() {
|
| | | var bookmark;
|
| | |
|
| | | if (tinymce.isGecko) {
|
| | | try {
|
| | | storeSelection(TRUE);
|
| | |
|
| | | if (selection.getSel())
|
| | | selection.getSel().selectAllChildren(editor.getBody());
|
| | |
|
| | | selection.collapse(TRUE);
|
| | | restoreSelection();
|
| | | } catch (ex) {
|
| | | // Ignore
|
| | | }
|
| | | }
|
| | | },
|
| | |
|
| | | mceToggleFormat : function(command, ui, value) {
|
| | | formatter.toggle(value);
|
| | | },
|
| | |
|
| | | InsertHorizontalRule : function() {
|
| | | editor.execCommand('mceInsertContent', false, '<hr />');
|
| | | },
|
| | |
|
| | | mceToggleVisualAid : function() {
|
| | | editor.hasVisual = !editor.hasVisual;
|
| | | editor.addVisual();
|
| | | },
|
| | |
|
| | | mceReplaceContent : function(command, ui, value) {
|
| | | editor.execCommand('mceInsertContent', false, value.replace(/\{\$selection\}/g, selection.getContent({format : 'text'})));
|
| | | },
|
| | |
|
| | | mceInsertLink : function(command, ui, value) {
|
| | | var anchor;
|
| | |
|
| | | if (typeof(value) == 'string')
|
| | | value = {href : value};
|
| | |
|
| | | anchor = dom.getParent(selection.getNode(), 'a');
|
| | |
|
| | | // Spaces are never valid in URLs and it's a very common mistake for people to make so we fix it here.
|
| | | value.href = value.href.replace(' ', '%20');
|
| | |
|
| | | // Remove existing links if there could be child links or that the href isn't specified
|
| | | if (!anchor || !value.href) {
|
| | | formatter.remove('link');
|
| | | } |
| | |
|
| | | // Apply new link to selection
|
| | | if (value.href) {
|
| | | formatter.apply('link', value, anchor);
|
| | | }
|
| | | },
|
| | |
|
| | | selectAll : function() {
|
| | | var root = dom.getRoot(), rng = dom.createRng();
|
| | |
|
| | | // Old IE does a better job with selectall than new versions
|
| | | if (selection.getRng().setStart) {
|
| | | rng.setStart(root, 0);
|
| | | rng.setEnd(root, root.childNodes.length);
|
| | |
|
| | | selection.setRng(rng);
|
| | | } else {
|
| | | execNativeCommand('SelectAll');
|
| | | }
|
| | | }
|
| | | });
|
| | |
|
| | | // Add queryCommandState overrides
|
| | | addCommands({
|
| | | // Override justify commands
|
| | | 'JustifyLeft,JustifyCenter,JustifyRight,JustifyFull' : function(command) {
|
| | | var name = 'align' + command.substring(7);
|
| | | var nodes = selection.isCollapsed() ? [dom.getParent(selection.getNode(), dom.isBlock)] : selection.getSelectedBlocks();
|
| | | var matches = tinymce.map(nodes, function(node) {
|
| | | return !!formatter.matchNode(node, name);
|
| | | });
|
| | | return tinymce.inArray(matches, TRUE) !== -1;
|
| | | },
|
| | |
|
| | | 'Bold,Italic,Underline,Strikethrough,Superscript,Subscript' : function(command) {
|
| | | return isFormatMatch(command);
|
| | | },
|
| | |
|
| | | mceBlockQuote : function() {
|
| | | return isFormatMatch('blockquote');
|
| | | },
|
| | |
|
| | | Outdent : function() {
|
| | | var node;
|
| | |
|
| | | if (settings.inline_styles) {
|
| | | if ((node = dom.getParent(selection.getStart(), dom.isBlock)) && parseInt(node.style.paddingLeft) > 0)
|
| | | return TRUE;
|
| | |
|
| | | if ((node = dom.getParent(selection.getEnd(), dom.isBlock)) && parseInt(node.style.paddingLeft) > 0)
|
| | | return TRUE;
|
| | | }
|
| | |
|
| | | return queryCommandState('InsertUnorderedList') || queryCommandState('InsertOrderedList') || (!settings.inline_styles && !!dom.getParent(selection.getNode(), 'BLOCKQUOTE'));
|
| | | },
|
| | |
|
| | | 'InsertUnorderedList,InsertOrderedList' : function(command) {
|
| | | var list = dom.getParent(selection.getNode(), 'ul,ol');
|
| | | return list && |
| | | (command === 'insertunorderedlist' && list.tagName === 'UL'
|
| | | || command === 'insertorderedlist' && list.tagName === 'OL');
|
| | | }
|
| | | }, 'state');
|
| | |
|
| | | // Add queryCommandValue overrides
|
| | | addCommands({
|
| | | 'FontSize,FontName' : function(command) {
|
| | | var value = 0, parent;
|
| | |
|
| | | if (parent = dom.getParent(selection.getNode(), 'span')) {
|
| | | if (command == 'fontsize')
|
| | | value = parent.style.fontSize;
|
| | | else
|
| | | value = parent.style.fontFamily.replace(/, /g, ',').replace(/[\'\"]/g, '').toLowerCase();
|
| | | }
|
| | |
|
| | | return value;
|
| | | }
|
| | | }, 'value');
|
| | |
|
| | | // Add undo manager logic
|
| | | addCommands({
|
| | | Undo : function() {
|
| | | editor.undoManager.undo();
|
| | | },
|
| | |
|
| | | Redo : function() {
|
| | | editor.undoManager.redo();
|
| | | }
|
| | | });
|
| | | };
|
| | | })(tinymce);
|
| | |
|
| | | (function(tinymce) {
|
| | | var Dispatcher = tinymce.util.Dispatcher;
|
| | |
|
| | | tinymce.UndoManager = function(editor) {
|
| | | var self, index = 0, data = [], beforeBookmark, onAdd, onUndo, onRedo;
|
| | |
|
| | | function getContent() {
|
| | | // Remove whitespace before/after and remove pure bogus nodes
|
| | | return tinymce.trim(editor.getContent({format : 'raw', no_events : 1}).replace(/<span[^>]+data-mce-bogus[^>]+>[\u200B\uFEFF]+<\/span>/g, ''));
|
| | | };
|
| | |
|
| | | function addNonTypingUndoLevel() {
|
| | | self.typing = false;
|
| | | self.add();
|
| | | };
|
| | |
|
| | | // Create event instances
|
| | | onBeforeAdd = new Dispatcher(self);
|
| | | onAdd = new Dispatcher(self);
|
| | | onUndo = new Dispatcher(self);
|
| | | onRedo = new Dispatcher(self);
|
| | |
|
| | | // Pass though onAdd event from UndoManager to Editor as onChange
|
| | | onAdd.add(function(undoman, level) {
|
| | | if (undoman.hasUndo())
|
| | | return editor.onChange.dispatch(editor, level, undoman);
|
| | | });
|
| | |
|
| | | // Pass though onUndo event from UndoManager to Editor
|
| | | onUndo.add(function(undoman, level) {
|
| | | return editor.onUndo.dispatch(editor, level, undoman);
|
| | | });
|
| | |
|
| | | // Pass though onRedo event from UndoManager to Editor
|
| | | onRedo.add(function(undoman, level) {
|
| | | return editor.onRedo.dispatch(editor, level, undoman);
|
| | | });
|
| | |
|
| | | // Add initial undo level when the editor is initialized
|
| | | editor.onInit.add(function() {
|
| | | self.add();
|
| | | });
|
| | |
|
| | | // Get position before an execCommand is processed
|
| | | editor.onBeforeExecCommand.add(function(ed, cmd, ui, val, args) {
|
| | | if (cmd != 'Undo' && cmd != 'Redo' && cmd != 'mceRepaint' && (!args || !args.skip_undo)) {
|
| | | self.beforeChange();
|
| | | }
|
| | | });
|
| | |
|
| | | // Add undo level after an execCommand call was made
|
| | | editor.onExecCommand.add(function(ed, cmd, ui, val, args) {
|
| | | if (cmd != 'Undo' && cmd != 'Redo' && cmd != 'mceRepaint' && (!args || !args.skip_undo)) {
|
| | | self.add();
|
| | | }
|
| | | });
|
| | |
|
| | | // Add undo level on save contents, drag end and blur/focusout
|
| | | editor.onSaveContent.add(addNonTypingUndoLevel);
|
| | | editor.dom.bind(editor.dom.getRoot(), 'dragend', addNonTypingUndoLevel);
|
| | | editor.dom.bind(editor.getDoc(), tinymce.isGecko ? 'blur' : 'focusout', function(e) {
|
| | | if (!editor.removed && self.typing) {
|
| | | addNonTypingUndoLevel();
|
| | | }
|
| | | });
|
| | |
|
| | | editor.onKeyUp.add(function(editor, e) {
|
| | | var keyCode = e.keyCode;
|
| | |
|
| | | if ((keyCode >= 33 && keyCode <= 36) || (keyCode >= 37 && keyCode <= 40) || keyCode == 45 || keyCode == 13 || e.ctrlKey) {
|
| | | addNonTypingUndoLevel();
|
| | | }
|
| | | });
|
| | |
|
| | | editor.onKeyDown.add(function(editor, e) {
|
| | | var keyCode = e.keyCode;
|
| | |
|
| | | // Is caracter positon keys left,right,up,down,home,end,pgdown,pgup,enter
|
| | | if ((keyCode >= 33 && keyCode <= 36) || (keyCode >= 37 && keyCode <= 40) || keyCode == 45) {
|
| | | if (self.typing) {
|
| | | addNonTypingUndoLevel();
|
| | | }
|
| | |
|
| | | return;
|
| | | }
|
| | |
|
| | | // If key isn't shift,ctrl,alt,capslock,metakey
|
| | | if ((keyCode < 16 || keyCode > 20) && keyCode != 224 && keyCode != 91 && !self.typing) {
|
| | | self.beforeChange();
|
| | | self.typing = true;
|
| | | self.add();
|
| | | }
|
| | | });
|
| | |
|
| | | editor.onMouseDown.add(function(editor, e) {
|
| | | if (self.typing) {
|
| | | addNonTypingUndoLevel();
|
| | | }
|
| | | });
|
| | |
|
| | | // Add keyboard shortcuts for undo/redo keys
|
| | | editor.addShortcut('ctrl+z', 'undo_desc', 'Undo');
|
| | | editor.addShortcut('ctrl+y', 'redo_desc', 'Redo');
|
| | |
|
| | | self = {
|
| | | // Explose for debugging reasons
|
| | | data : data,
|
| | |
|
| | | typing : false,
|
| | | |
| | | onBeforeAdd: onBeforeAdd,
|
| | |
|
| | | onAdd : onAdd,
|
| | |
|
| | | onUndo : onUndo,
|
| | |
|
| | | onRedo : onRedo,
|
| | |
|
| | | beforeChange : function() {
|
| | | beforeBookmark = editor.selection.getBookmark(2, true);
|
| | | },
|
| | |
|
| | | add : function(level) {
|
| | | var i, settings = editor.settings, lastLevel;
|
| | |
|
| | | level = level || {};
|
| | | level.content = getContent();
|
| | | |
| | | self.onBeforeAdd.dispatch(self, level);
|
| | |
|
| | | // Add undo level if needed
|
| | | lastLevel = data[index];
|
| | | if (lastLevel && lastLevel.content == level.content)
|
| | | return null;
|
| | |
|
| | | // Set before bookmark on previous level
|
| | | if (data[index])
|
| | | data[index].beforeBookmark = beforeBookmark;
|
| | |
|
| | | // Time to compress
|
| | | if (settings.custom_undo_redo_levels) {
|
| | | if (data.length > settings.custom_undo_redo_levels) {
|
| | | for (i = 0; i < data.length - 1; i++)
|
| | | data[i] = data[i + 1];
|
| | |
|
| | | data.length--;
|
| | | index = data.length;
|
| | | }
|
| | | }
|
| | |
|
| | | // Get a non intrusive normalized bookmark
|
| | | level.bookmark = editor.selection.getBookmark(2, true);
|
| | |
|
| | | // Crop array if needed
|
| | | if (index < data.length - 1)
|
| | | data.length = index + 1;
|
| | |
|
| | | data.push(level);
|
| | | index = data.length - 1;
|
| | |
|
| | | self.onAdd.dispatch(self, level);
|
| | | editor.isNotDirty = 0;
|
| | |
|
| | | return level;
|
| | | },
|
| | |
|
| | | undo : function() {
|
| | | var level, i;
|
| | |
|
| | | if (self.typing) {
|
| | | self.add();
|
| | | self.typing = false;
|
| | | }
|
| | |
|
| | | if (index > 0) {
|
| | | level = data[--index];
|
| | |
|
| | | editor.setContent(level.content, {format : 'raw'});
|
| | | editor.selection.moveToBookmark(level.beforeBookmark);
|
| | |
|
| | | self.onUndo.dispatch(self, level);
|
| | | }
|
| | |
|
| | | return level;
|
| | | },
|
| | |
|
| | | redo : function() {
|
| | | var level;
|
| | |
|
| | | if (index < data.length - 1) {
|
| | | level = data[++index];
|
| | |
|
| | | editor.setContent(level.content, {format : 'raw'});
|
| | | editor.selection.moveToBookmark(level.bookmark);
|
| | |
|
| | | self.onRedo.dispatch(self, level);
|
| | | }
|
| | |
|
| | | return level;
|
| | | },
|
| | |
|
| | | clear : function() {
|
| | | data = [];
|
| | | index = 0;
|
| | | self.typing = false;
|
| | | },
|
| | |
|
| | | hasUndo : function() {
|
| | | return index > 0 || this.typing;
|
| | | },
|
| | |
|
| | | hasRedo : function() {
|
| | | return index < data.length - 1 && !this.typing;
|
| | | }
|
| | | };
|
| | |
|
| | | return self;
|
| | | };
|
| | | })(tinymce);
|
| | |
|
| | | tinymce.ForceBlocks = function(editor) {
|
| | | var settings = editor.settings, dom = editor.dom, selection = editor.selection, blockElements = editor.schema.getBlockElements();
|
| | |
|
| | | function addRootBlocks() {
|
| | | var node = selection.getStart(), rootNode = editor.getBody(), rng, startContainer, startOffset, endContainer, endOffset, rootBlockNode, tempNode, offset = -0xFFFFFF, wrapped, isInEditorDocument;
|
| | |
|
| | | if (!node || node.nodeType !== 1 || !settings.forced_root_block)
|
| | | return;
|
| | |
|
| | | if (this.needsUpdate)
|
| | | this.update();
|
| | | // Check if node is wrapped in block
|
| | | while (node && node != rootNode) {
|
| | | if (blockElements[node.nodeName])
|
| | | return;
|
| | |
|
| | | if (tinyMCE.lastMenu && tinyMCE.lastMenu != this)
|
| | | tinyMCE.lastMenu.hide();
|
| | |
|
| | | TinyMCE_Layer.prototype.show.call(this);
|
| | |
|
| | | if (!tinyMCE.isOpera) {
|
| | | // Accessibility stuff
|
| | | /* nl = this.getElement().getElementsByTagName("a");
|
| | | if (nl.length > 0)
|
| | | nl[0].focus();*/
|
| | | node = node.parentNode;
|
| | | }
|
| | |
|
| | | tinyMCE.lastMenu = this;
|
| | | }
|
| | | // Get current selection
|
| | | rng = selection.getRng();
|
| | | if (rng.setStart) {
|
| | | startContainer = rng.startContainer;
|
| | | startOffset = rng.startOffset;
|
| | | endContainer = rng.endContainer;
|
| | | endOffset = rng.endOffset;
|
| | | } else {
|
| | | // Force control range into text range
|
| | | if (rng.item) {
|
| | | node = rng.item(0);
|
| | | rng = editor.getDoc().body.createTextRange();
|
| | | rng.moveToElementText(node);
|
| | | }
|
| | |
|
| | | });
|
| | | isInEditorDocument = rng.parentElement().ownerDocument === editor.getDoc();
|
| | | tmpRng = rng.duplicate();
|
| | | tmpRng.collapse(true);
|
| | | startOffset = tmpRng.move('character', offset) * -1;
|
| | |
|
| | | /* file:jscripts/tiny_mce/classes/TinyMCE_Debug.class.js */
|
| | |
|
| | | tinyMCE.add(TinyMCE_Engine, {
|
| | | debug : function() {
|
| | | var m = "", a, i, l = tinyMCE.log.length;
|
| | |
|
| | | for (i=0, a = this.debug.arguments; i<a.length; i++) {
|
| | | m += a[i];
|
| | |
|
| | | if (i<a.length-1)
|
| | | m += ', ';
|
| | | if (!tmpRng.collapsed) {
|
| | | tmpRng = rng.duplicate();
|
| | | tmpRng.collapse(false);
|
| | | endOffset = (tmpRng.move('character', offset) * -1) - startOffset;
|
| | | }
|
| | | }
|
| | |
|
| | | if (l < 1000)
|
| | | tinyMCE.log[l] = "[debug] " + m;
|
| | | }
|
| | | // Wrap non block elements and text nodes
|
| | | node = rootNode.firstChild;
|
| | | while (node) {
|
| | | if (node.nodeType === 3 || (node.nodeType == 1 && !blockElements[node.nodeName])) {
|
| | | // Remove empty text nodes
|
| | | if (node.nodeType === 3 && node.nodeValue.length == 0) {
|
| | | tempNode = node;
|
| | | node = node.nextSibling;
|
| | | dom.remove(tempNode);
|
| | | continue;
|
| | | }
|
| | |
|
| | | if (!rootBlockNode) {
|
| | | rootBlockNode = dom.create(settings.forced_root_block);
|
| | | node.parentNode.insertBefore(rootBlockNode, node);
|
| | | wrapped = true;
|
| | | }
|
| | |
|
| | | tempNode = node;
|
| | | node = node.nextSibling;
|
| | | rootBlockNode.appendChild(tempNode);
|
| | | } else {
|
| | | rootBlockNode = null;
|
| | | node = node.nextSibling;
|
| | | }
|
| | | }
|
| | |
|
| | | if (wrapped) {
|
| | | if (rng.setStart) {
|
| | | rng.setStart(startContainer, startOffset);
|
| | | rng.setEnd(endContainer, endOffset);
|
| | | selection.setRng(rng);
|
| | | } else {
|
| | | // Only select if the previous selection was inside the document to prevent auto focus in quirks mode
|
| | | if (isInEditorDocument) {
|
| | | try {
|
| | | rng = editor.getDoc().body.createTextRange();
|
| | | rng.moveToElementText(rootNode);
|
| | | rng.collapse(true);
|
| | | rng.moveStart('character', startOffset);
|
| | |
|
| | | if (endOffset > 0)
|
| | | rng.moveEnd('character', endOffset);
|
| | |
|
| | | rng.select();
|
| | | } catch (ex) {
|
| | | // Ignore
|
| | | }
|
| | | }
|
| | | }
|
| | |
|
| | | editor.nodeChanged();
|
| | | }
|
| | | };
|
| | |
|
| | | // Force root blocks
|
| | | if (settings.forced_root_block) {
|
| | | editor.onKeyUp.add(addRootBlocks);
|
| | | editor.onNodeChange.add(addRootBlocks);
|
| | | }
|
| | | };
|
| | |
|
| | | (function(tinymce) {
|
| | | // Shorten names
|
| | | var DOM = tinymce.DOM, Event = tinymce.dom.Event, each = tinymce.each, extend = tinymce.extend;
|
| | |
|
| | | tinymce.create('tinymce.ControlManager', {
|
| | | ControlManager : function(ed, s) {
|
| | | var t = this, i;
|
| | |
|
| | | s = s || {};
|
| | | t.editor = ed;
|
| | | t.controls = {};
|
| | | t.onAdd = new tinymce.util.Dispatcher(t);
|
| | | t.onPostRender = new tinymce.util.Dispatcher(t);
|
| | | t.prefix = s.prefix || ed.id + '_';
|
| | | t._cls = {};
|
| | |
|
| | | t.onPostRender.add(function() {
|
| | | each(t.controls, function(c) {
|
| | | c.postRender();
|
| | | });
|
| | | });
|
| | | },
|
| | |
|
| | | get : function(id) {
|
| | | return this.controls[this.prefix + id] || this.controls[id];
|
| | | },
|
| | |
|
| | | setActive : function(id, s) {
|
| | | var c = null;
|
| | |
|
| | | if (c = this.get(id))
|
| | | c.setActive(s);
|
| | |
|
| | | return c;
|
| | | },
|
| | |
|
| | | setDisabled : function(id, s) {
|
| | | var c = null;
|
| | |
|
| | | if (c = this.get(id))
|
| | | c.setDisabled(s);
|
| | |
|
| | | return c;
|
| | | },
|
| | |
|
| | | add : function(c) {
|
| | | var t = this;
|
| | |
|
| | | if (c) {
|
| | | t.controls[c.id] = c;
|
| | | t.onAdd.dispatch(c, t);
|
| | | }
|
| | |
|
| | | return c;
|
| | | },
|
| | |
|
| | | createControl : function(name) {
|
| | | var ctrl, i, l, self = this, editor = self.editor, factories, ctrlName;
|
| | |
|
| | | // Build control factory cache
|
| | | if (!self.controlFactories) {
|
| | | self.controlFactories = [];
|
| | | each(editor.plugins, function(plugin) {
|
| | | if (plugin.createControl) {
|
| | | self.controlFactories.push(plugin);
|
| | | }
|
| | | });
|
| | | }
|
| | |
|
| | | // Create controls by asking cached factories
|
| | | factories = self.controlFactories;
|
| | | for (i = 0, l = factories.length; i < l; i++) {
|
| | | ctrl = factories[i].createControl(name, self);
|
| | |
|
| | | if (ctrl) {
|
| | | return self.add(ctrl);
|
| | | }
|
| | | }
|
| | |
|
| | | // Create sepearator
|
| | | if (name === "|" || name === "separator") {
|
| | | return self.createSeparator();
|
| | | }
|
| | |
|
| | | // Create control from button collection
|
| | | if (editor.buttons && (ctrl = editor.buttons[name])) {
|
| | | return self.createButton(name, ctrl);
|
| | | }
|
| | |
|
| | | return self.add(ctrl);
|
| | | },
|
| | |
|
| | | createDropMenu : function(id, s, cc) {
|
| | | var t = this, ed = t.editor, c, bm, v, cls;
|
| | |
|
| | | s = extend({
|
| | | 'class' : 'mceDropDown',
|
| | | constrain : ed.settings.constrain_menus
|
| | | }, s);
|
| | |
|
| | | s['class'] = s['class'] + ' ' + ed.getParam('skin') + 'Skin';
|
| | | if (v = ed.getParam('skin_variant'))
|
| | | s['class'] += ' ' + ed.getParam('skin') + 'Skin' + v.substring(0, 1).toUpperCase() + v.substring(1);
|
| | |
|
| | | s['class'] += ed.settings.directionality == "rtl" ? ' mceRtl' : '';
|
| | |
|
| | | id = t.prefix + id;
|
| | | cls = cc || t._cls.dropmenu || tinymce.ui.DropMenu;
|
| | | c = t.controls[id] = new cls(id, s);
|
| | | c.onAddItem.add(function(c, o) {
|
| | | var s = o.settings;
|
| | |
|
| | | s.title = ed.getLang(s.title, s.title);
|
| | |
|
| | | if (!s.onclick) {
|
| | | s.onclick = function(v) {
|
| | | if (s.cmd)
|
| | | ed.execCommand(s.cmd, s.ui || false, s.value);
|
| | | };
|
| | | }
|
| | | });
|
| | |
|
| | | ed.onRemove.add(function() {
|
| | | c.destroy();
|
| | | });
|
| | |
|
| | | // Fix for bug #1897785, #1898007
|
| | | if (tinymce.isIE) {
|
| | | c.onShowMenu.add(function() {
|
| | | // IE 8 needs focus in order to store away a range with the current collapsed caret location
|
| | | ed.focus();
|
| | |
|
| | | bm = ed.selection.getBookmark(1);
|
| | | });
|
| | |
|
| | | c.onHideMenu.add(function() {
|
| | | if (bm) {
|
| | | ed.selection.moveToBookmark(bm);
|
| | | bm = 0;
|
| | | }
|
| | | });
|
| | | }
|
| | |
|
| | | return t.add(c);
|
| | | },
|
| | |
|
| | | createListBox : function(id, s, cc) {
|
| | | var t = this, ed = t.editor, cmd, c, cls;
|
| | |
|
| | | if (t.get(id))
|
| | | return null;
|
| | |
|
| | | s.title = ed.translate(s.title);
|
| | | s.scope = s.scope || ed;
|
| | |
|
| | | if (!s.onselect) {
|
| | | s.onselect = function(v) {
|
| | | ed.execCommand(s.cmd, s.ui || false, v || s.value);
|
| | | };
|
| | | }
|
| | |
|
| | | s = extend({
|
| | | title : s.title,
|
| | | 'class' : 'mce_' + id,
|
| | | scope : s.scope,
|
| | | control_manager : t
|
| | | }, s);
|
| | |
|
| | | id = t.prefix + id;
|
| | |
|
| | |
|
| | | function useNativeListForAccessibility(ed) {
|
| | | return ed.settings.use_accessible_selects && !tinymce.isGecko
|
| | | }
|
| | |
|
| | | if (ed.settings.use_native_selects || useNativeListForAccessibility(ed))
|
| | | c = new tinymce.ui.NativeListBox(id, s);
|
| | | else {
|
| | | cls = cc || t._cls.listbox || tinymce.ui.ListBox;
|
| | | c = new cls(id, s, ed);
|
| | | }
|
| | |
|
| | | t.controls[id] = c;
|
| | |
|
| | | // Fix focus problem in Safari
|
| | | if (tinymce.isWebKit) {
|
| | | c.onPostRender.add(function(c, n) {
|
| | | // Store bookmark on mousedown
|
| | | Event.add(n, 'mousedown', function() {
|
| | | ed.bookmark = ed.selection.getBookmark(1);
|
| | | });
|
| | |
|
| | | // Restore on focus, since it might be lost
|
| | | Event.add(n, 'focus', function() {
|
| | | ed.selection.moveToBookmark(ed.bookmark);
|
| | | ed.bookmark = null;
|
| | | });
|
| | | });
|
| | | }
|
| | |
|
| | | if (c.hideMenu)
|
| | | ed.onMouseDown.add(c.hideMenu, c);
|
| | |
|
| | | return t.add(c);
|
| | | },
|
| | |
|
| | | createButton : function(id, s, cc) {
|
| | | var t = this, ed = t.editor, o, c, cls;
|
| | |
|
| | | if (t.get(id))
|
| | | return null;
|
| | |
|
| | | s.title = ed.translate(s.title);
|
| | | s.label = ed.translate(s.label);
|
| | | s.scope = s.scope || ed;
|
| | |
|
| | | if (!s.onclick && !s.menu_button) {
|
| | | s.onclick = function() {
|
| | | ed.execCommand(s.cmd, s.ui || false, s.value);
|
| | | };
|
| | | }
|
| | |
|
| | | s = extend({
|
| | | title : s.title,
|
| | | 'class' : 'mce_' + id,
|
| | | unavailable_prefix : ed.getLang('unavailable', ''),
|
| | | scope : s.scope,
|
| | | control_manager : t
|
| | | }, s);
|
| | |
|
| | | id = t.prefix + id;
|
| | |
|
| | | if (s.menu_button) {
|
| | | cls = cc || t._cls.menubutton || tinymce.ui.MenuButton;
|
| | | c = new cls(id, s, ed);
|
| | | ed.onMouseDown.add(c.hideMenu, c);
|
| | | } else {
|
| | | cls = t._cls.button || tinymce.ui.Button;
|
| | | c = new cls(id, s, ed);
|
| | | }
|
| | |
|
| | | return t.add(c);
|
| | | },
|
| | |
|
| | | createMenuButton : function(id, s, cc) {
|
| | | s = s || {};
|
| | | s.menu_button = 1;
|
| | |
|
| | | return this.createButton(id, s, cc);
|
| | | },
|
| | |
|
| | | createSplitButton : function(id, s, cc) {
|
| | | var t = this, ed = t.editor, cmd, c, cls;
|
| | |
|
| | | if (t.get(id))
|
| | | return null;
|
| | |
|
| | | s.title = ed.translate(s.title);
|
| | | s.scope = s.scope || ed;
|
| | |
|
| | | if (!s.onclick) {
|
| | | s.onclick = function(v) {
|
| | | ed.execCommand(s.cmd, s.ui || false, v || s.value);
|
| | | };
|
| | | }
|
| | |
|
| | | if (!s.onselect) {
|
| | | s.onselect = function(v) {
|
| | | ed.execCommand(s.cmd, s.ui || false, v || s.value);
|
| | | };
|
| | | }
|
| | |
|
| | | s = extend({
|
| | | title : s.title,
|
| | | 'class' : 'mce_' + id,
|
| | | scope : s.scope,
|
| | | control_manager : t
|
| | | }, s);
|
| | |
|
| | | id = t.prefix + id;
|
| | | cls = cc || t._cls.splitbutton || tinymce.ui.SplitButton;
|
| | | c = t.add(new cls(id, s, ed));
|
| | | ed.onMouseDown.add(c.hideMenu, c);
|
| | |
|
| | | return c;
|
| | | },
|
| | |
|
| | | createColorSplitButton : function(id, s, cc) {
|
| | | var t = this, ed = t.editor, cmd, c, cls, bm;
|
| | |
|
| | | if (t.get(id))
|
| | | return null;
|
| | |
|
| | | s.title = ed.translate(s.title);
|
| | | s.scope = s.scope || ed;
|
| | |
|
| | | if (!s.onclick) {
|
| | | s.onclick = function(v) {
|
| | | if (tinymce.isIE)
|
| | | bm = ed.selection.getBookmark(1);
|
| | |
|
| | | ed.execCommand(s.cmd, s.ui || false, v || s.value);
|
| | | };
|
| | | }
|
| | |
|
| | | if (!s.onselect) {
|
| | | s.onselect = function(v) {
|
| | | ed.execCommand(s.cmd, s.ui || false, v || s.value);
|
| | | };
|
| | | }
|
| | |
|
| | | s = extend({
|
| | | title : s.title,
|
| | | 'class' : 'mce_' + id,
|
| | | 'menu_class' : ed.getParam('skin') + 'Skin',
|
| | | scope : s.scope,
|
| | | more_colors_title : ed.getLang('more_colors')
|
| | | }, s);
|
| | |
|
| | | id = t.prefix + id;
|
| | | cls = cc || t._cls.colorsplitbutton || tinymce.ui.ColorSplitButton;
|
| | | c = new cls(id, s, ed);
|
| | | ed.onMouseDown.add(c.hideMenu, c);
|
| | |
|
| | | // Remove the menu element when the editor is removed
|
| | | ed.onRemove.add(function() {
|
| | | c.destroy();
|
| | | });
|
| | |
|
| | | // Fix for bug #1897785, #1898007
|
| | | if (tinymce.isIE) {
|
| | | c.onShowMenu.add(function() {
|
| | | // IE 8 needs focus in order to store away a range with the current collapsed caret location
|
| | | ed.focus();
|
| | | bm = ed.selection.getBookmark(1);
|
| | | });
|
| | |
|
| | | c.onHideMenu.add(function() {
|
| | | if (bm) {
|
| | | ed.selection.moveToBookmark(bm);
|
| | | bm = 0;
|
| | | }
|
| | | });
|
| | | }
|
| | |
|
| | | return t.add(c);
|
| | | },
|
| | |
|
| | | createToolbar : function(id, s, cc) {
|
| | | var c, t = this, cls;
|
| | |
|
| | | id = t.prefix + id;
|
| | | cls = cc || t._cls.toolbar || tinymce.ui.Toolbar;
|
| | | c = new cls(id, s, t.editor);
|
| | |
|
| | | if (t.get(id))
|
| | | return null;
|
| | |
|
| | | return t.add(c);
|
| | | },
|
| | | |
| | | createToolbarGroup : function(id, s, cc) {
|
| | | var c, t = this, cls;
|
| | | id = t.prefix + id;
|
| | | cls = cc || this._cls.toolbarGroup || tinymce.ui.ToolbarGroup;
|
| | | c = new cls(id, s, t.editor);
|
| | | |
| | | if (t.get(id))
|
| | | return null;
|
| | | |
| | | return t.add(c);
|
| | | },
|
| | |
|
| | | createSeparator : function(cc) {
|
| | | var cls = cc || this._cls.separator || tinymce.ui.Separator;
|
| | |
|
| | | return new cls();
|
| | | },
|
| | |
|
| | | setControlType : function(n, c) {
|
| | | return this._cls[n.toLowerCase()] = c;
|
| | | },
|
| | | |
| | | destroy : function() {
|
| | | each(this.controls, function(c) {
|
| | | c.destroy();
|
| | | });
|
| | |
|
| | | this.controls = null;
|
| | | }
|
| | | });
|
| | | })(tinymce);
|
| | |
|
| | | (function(tinymce) {
|
| | | var Dispatcher = tinymce.util.Dispatcher, each = tinymce.each, isIE = tinymce.isIE, isOpera = tinymce.isOpera;
|
| | |
|
| | | tinymce.create('tinymce.WindowManager', {
|
| | | WindowManager : function(ed) {
|
| | | var t = this;
|
| | |
|
| | | t.editor = ed;
|
| | | t.onOpen = new Dispatcher(t);
|
| | | t.onClose = new Dispatcher(t);
|
| | | t.params = {};
|
| | | t.features = {};
|
| | | },
|
| | |
|
| | | open : function(s, p) {
|
| | | var t = this, f = '', x, y, mo = t.editor.settings.dialog_type == 'modal', w, sw, sh, vp = tinymce.DOM.getViewPort(), u;
|
| | |
|
| | | // Default some options
|
| | | s = s || {};
|
| | | p = p || {};
|
| | | sw = isOpera ? vp.w : screen.width; // Opera uses windows inside the Opera window
|
| | | sh = isOpera ? vp.h : screen.height;
|
| | | s.name = s.name || 'mc_' + new Date().getTime();
|
| | | s.width = parseInt(s.width || 320);
|
| | | s.height = parseInt(s.height || 240);
|
| | | s.resizable = true;
|
| | | s.left = s.left || parseInt(sw / 2.0) - (s.width / 2.0);
|
| | | s.top = s.top || parseInt(sh / 2.0) - (s.height / 2.0);
|
| | | p.inline = false;
|
| | | p.mce_width = s.width;
|
| | | p.mce_height = s.height;
|
| | | p.mce_auto_focus = s.auto_focus;
|
| | |
|
| | | if (mo) {
|
| | | if (isIE) {
|
| | | s.center = true;
|
| | | s.help = false;
|
| | | s.dialogWidth = s.width + 'px';
|
| | | s.dialogHeight = s.height + 'px';
|
| | | s.scroll = s.scrollbars || false;
|
| | | }
|
| | | }
|
| | |
|
| | | // Build features string
|
| | | each(s, function(v, k) {
|
| | | if (tinymce.is(v, 'boolean'))
|
| | | v = v ? 'yes' : 'no';
|
| | |
|
| | | if (!/^(name|url)$/.test(k)) {
|
| | | if (isIE && mo)
|
| | | f += (f ? ';' : '') + k + ':' + v;
|
| | | else
|
| | | f += (f ? ',' : '') + k + '=' + v;
|
| | | }
|
| | | });
|
| | |
|
| | | t.features = s;
|
| | | t.params = p;
|
| | | t.onOpen.dispatch(t, s, p);
|
| | |
|
| | | u = s.url || s.file;
|
| | | u = tinymce._addVer(u);
|
| | |
|
| | | try {
|
| | | if (isIE && mo) {
|
| | | w = 1;
|
| | | window.showModalDialog(u, window, f);
|
| | | } else
|
| | | w = window.open(u, s.name, f);
|
| | | } catch (ex) {
|
| | | // Ignore
|
| | | }
|
| | |
|
| | | if (!w)
|
| | | alert(t.editor.getLang('popup_blocked'));
|
| | | },
|
| | |
|
| | | close : function(w) {
|
| | | w.close();
|
| | | this.onClose.dispatch(this);
|
| | | },
|
| | |
|
| | | createInstance : function(cl, a, b, c, d, e) {
|
| | | var f = tinymce.resolve(cl);
|
| | |
|
| | | return new f(a, b, c, d, e);
|
| | | },
|
| | |
|
| | | confirm : function(t, cb, s, w) {
|
| | | w = w || window;
|
| | |
|
| | | cb.call(s || this, w.confirm(this._decode(this.editor.getLang(t, t))));
|
| | | },
|
| | |
|
| | | alert : function(tx, cb, s, w) {
|
| | | var t = this;
|
| | |
|
| | | w = w || window;
|
| | | w.alert(t._decode(t.editor.getLang(tx, tx)));
|
| | |
|
| | | if (cb)
|
| | | cb.call(s || t);
|
| | | },
|
| | |
|
| | | resizeBy : function(dw, dh, win) {
|
| | | win.resizeBy(dw, dh);
|
| | | },
|
| | |
|
| | | // Internal functions
|
| | |
|
| | | _decode : function(s) {
|
| | | return tinymce.DOM.decode(s).replace(/\\n/g, '\n');
|
| | | }
|
| | | });
|
| | | }(tinymce));
|
| | | (function(tinymce) {
|
| | | tinymce.Formatter = function(ed) {
|
| | | var formats = {},
|
| | | each = tinymce.each,
|
| | | dom = ed.dom,
|
| | | selection = ed.selection,
|
| | | TreeWalker = tinymce.dom.TreeWalker,
|
| | | rangeUtils = new tinymce.dom.RangeUtils(dom),
|
| | | isValid = ed.schema.isValidChild,
|
| | | isBlock = dom.isBlock,
|
| | | forcedRootBlock = ed.settings.forced_root_block,
|
| | | nodeIndex = dom.nodeIndex,
|
| | | INVISIBLE_CHAR = '\uFEFF',
|
| | | MCE_ATTR_RE = /^(src|href|style)$/,
|
| | | FALSE = false,
|
| | | TRUE = true,
|
| | | formatChangeData,
|
| | | undef,
|
| | | getContentEditable = dom.getContentEditable;
|
| | |
|
| | | function isArray(obj) {
|
| | | return obj instanceof Array;
|
| | | };
|
| | |
|
| | | function getParents(node, selector) {
|
| | | return dom.getParents(node, selector, dom.getRoot());
|
| | | };
|
| | |
|
| | | function isCaretNode(node) {
|
| | | return node.nodeType === 1 && node.id === '_mce_caret';
|
| | | };
|
| | |
|
| | | function defaultFormats() {
|
| | | register({
|
| | | alignleft : [
|
| | | {selector : 'figure,p,h1,h2,h3,h4,h5,h6,td,th,div,ul,ol,li', styles : {textAlign : 'left'}, defaultBlock: 'div'},
|
| | | {selector : 'img,table', collapsed : false, styles : {'float' : 'left'}}
|
| | | ],
|
| | |
|
| | | aligncenter : [
|
| | | {selector : 'figure,p,h1,h2,h3,h4,h5,h6,td,th,div,ul,ol,li', styles : {textAlign : 'center'}, defaultBlock: 'div'},
|
| | | {selector : 'img', collapsed : false, styles : {display : 'block', marginLeft : 'auto', marginRight : 'auto'}},
|
| | | {selector : 'table', collapsed : false, styles : {marginLeft : 'auto', marginRight : 'auto'}}
|
| | | ],
|
| | |
|
| | | alignright : [
|
| | | {selector : 'figure,p,h1,h2,h3,h4,h5,h6,td,th,div,ul,ol,li', styles : {textAlign : 'right'}, defaultBlock: 'div'},
|
| | | {selector : 'img,table', collapsed : false, styles : {'float' : 'right'}}
|
| | | ],
|
| | |
|
| | | alignfull : [
|
| | | {selector : 'figure,p,h1,h2,h3,h4,h5,h6,td,th,div,ul,ol,li', styles : {textAlign : 'justify'}, defaultBlock: 'div'}
|
| | | ],
|
| | |
|
| | | bold : [
|
| | | {inline : 'strong', remove : 'all'},
|
| | | {inline : 'span', styles : {fontWeight : 'bold'}},
|
| | | {inline : 'b', remove : 'all'}
|
| | | ],
|
| | |
|
| | | italic : [
|
| | | {inline : 'em', remove : 'all'},
|
| | | {inline : 'span', styles : {fontStyle : 'italic'}},
|
| | | {inline : 'i', remove : 'all'}
|
| | | ],
|
| | |
|
| | | underline : [
|
| | | {inline : 'span', styles : {textDecoration : 'underline'}, exact : true},
|
| | | {inline : 'u', remove : 'all'}
|
| | | ],
|
| | |
|
| | | strikethrough : [
|
| | | {inline : 'span', styles : {textDecoration : 'line-through'}, exact : true},
|
| | | {inline : 'strike', remove : 'all'}
|
| | | ],
|
| | |
|
| | | forecolor : {inline : 'span', styles : {color : '%value'}, wrap_links : false},
|
| | | hilitecolor : {inline : 'span', styles : {backgroundColor : '%value'}, wrap_links : false},
|
| | | fontname : {inline : 'span', styles : {fontFamily : '%value'}},
|
| | | fontsize : {inline : 'span', styles : {fontSize : '%value'}},
|
| | | fontsize_class : {inline : 'span', attributes : {'class' : '%value'}},
|
| | | blockquote : {block : 'blockquote', wrapper : 1, remove : 'all'},
|
| | | subscript : {inline : 'sub'},
|
| | | superscript : {inline : 'sup'},
|
| | |
|
| | | link : {inline : 'a', selector : 'a', remove : 'all', split : true, deep : true,
|
| | | onmatch : function(node) {
|
| | | return true;
|
| | | },
|
| | |
|
| | | onformat : function(elm, fmt, vars) {
|
| | | each(vars, function(value, key) {
|
| | | dom.setAttrib(elm, key, value);
|
| | | });
|
| | | }
|
| | | },
|
| | |
|
| | | removeformat : [
|
| | | {selector : 'b,strong,em,i,font,u,strike', remove : 'all', split : true, expand : false, block_expand : true, deep : true},
|
| | | {selector : 'span', attributes : ['style', 'class'], remove : 'empty', split : true, expand : false, deep : true},
|
| | | {selector : '*', attributes : ['style', 'class'], split : false, expand : false, deep : true}
|
| | | ]
|
| | | });
|
| | |
|
| | | // Register default block formats
|
| | | each('p h1 h2 h3 h4 h5 h6 div address pre div code dt dd samp'.split(/\s/), function(name) {
|
| | | register(name, {block : name, remove : 'all'});
|
| | | });
|
| | |
|
| | | // Register user defined formats
|
| | | register(ed.settings.formats);
|
| | | };
|
| | |
|
| | | function addKeyboardShortcuts() {
|
| | | // Add some inline shortcuts
|
| | | ed.addShortcut('ctrl+b', 'bold_desc', 'Bold');
|
| | | ed.addShortcut('ctrl+i', 'italic_desc', 'Italic');
|
| | | ed.addShortcut('ctrl+u', 'underline_desc', 'Underline');
|
| | |
|
| | | // BlockFormat shortcuts keys
|
| | | for (var i = 1; i <= 6; i++) {
|
| | | ed.addShortcut('ctrl+' + i, '', ['FormatBlock', false, 'h' + i]);
|
| | | }
|
| | |
|
| | | ed.addShortcut('ctrl+7', '', ['FormatBlock', false, 'p']);
|
| | | ed.addShortcut('ctrl+8', '', ['FormatBlock', false, 'div']);
|
| | | ed.addShortcut('ctrl+9', '', ['FormatBlock', false, 'address']);
|
| | | };
|
| | |
|
| | | // Public functions
|
| | |
|
| | | function get(name) {
|
| | | return name ? formats[name] : formats;
|
| | | };
|
| | |
|
| | | function register(name, format) {
|
| | | if (name) {
|
| | | if (typeof(name) !== 'string') {
|
| | | each(name, function(format, name) {
|
| | | register(name, format);
|
| | | });
|
| | | } else {
|
| | | // Force format into array and add it to internal collection
|
| | | format = format.length ? format : [format];
|
| | |
|
| | | each(format, function(format) {
|
| | | // Set deep to false by default on selector formats this to avoid removing
|
| | | // alignment on images inside paragraphs when alignment is changed on paragraphs
|
| | | if (format.deep === undef)
|
| | | format.deep = !format.selector;
|
| | |
|
| | | // Default to true
|
| | | if (format.split === undef)
|
| | | format.split = !format.selector || format.inline;
|
| | |
|
| | | // Default to true
|
| | | if (format.remove === undef && format.selector && !format.inline)
|
| | | format.remove = 'none';
|
| | |
|
| | | // Mark format as a mixed format inline + block level
|
| | | if (format.selector && format.inline) {
|
| | | format.mixed = true;
|
| | | format.block_expand = true;
|
| | | }
|
| | |
|
| | | // Split classes if needed
|
| | | if (typeof(format.classes) === 'string')
|
| | | format.classes = format.classes.split(/\s+/);
|
| | | });
|
| | |
|
| | | formats[name] = format;
|
| | | }
|
| | | }
|
| | | };
|
| | |
|
| | | var getTextDecoration = function(node) {
|
| | | var decoration;
|
| | |
|
| | | ed.dom.getParent(node, function(n) {
|
| | | decoration = ed.dom.getStyle(n, 'text-decoration');
|
| | | return decoration && decoration !== 'none';
|
| | | });
|
| | |
|
| | | return decoration;
|
| | | };
|
| | |
|
| | | var processUnderlineAndColor = function(node) {
|
| | | var textDecoration;
|
| | | if (node.nodeType === 1 && node.parentNode && node.parentNode.nodeType === 1) {
|
| | | textDecoration = getTextDecoration(node.parentNode);
|
| | | if (ed.dom.getStyle(node, 'color') && textDecoration) {
|
| | | ed.dom.setStyle(node, 'text-decoration', textDecoration);
|
| | | } else if (ed.dom.getStyle(node, 'textdecoration') === textDecoration) {
|
| | | ed.dom.setStyle(node, 'text-decoration', null);
|
| | | }
|
| | | }
|
| | | };
|
| | |
|
| | | function apply(name, vars, node) {
|
| | | var formatList = get(name), format = formatList[0], bookmark, rng, i, isCollapsed = selection.isCollapsed();
|
| | |
|
| | | function setElementFormat(elm, fmt) {
|
| | | fmt = fmt || format;
|
| | |
|
| | | if (elm) {
|
| | | if (fmt.onformat) {
|
| | | fmt.onformat(elm, fmt, vars, node);
|
| | | }
|
| | |
|
| | | each(fmt.styles, function(value, name) {
|
| | | dom.setStyle(elm, name, replaceVars(value, vars));
|
| | | });
|
| | |
|
| | | each(fmt.attributes, function(value, name) {
|
| | | dom.setAttrib(elm, name, replaceVars(value, vars));
|
| | | });
|
| | |
|
| | | each(fmt.classes, function(value) {
|
| | | value = replaceVars(value, vars);
|
| | |
|
| | | if (!dom.hasClass(elm, value))
|
| | | dom.addClass(elm, value);
|
| | | });
|
| | | }
|
| | | };
|
| | | function adjustSelectionToVisibleSelection() {
|
| | | function findSelectionEnd(start, end) {
|
| | | var walker = new TreeWalker(end);
|
| | | for (node = walker.current(); node; node = walker.prev()) {
|
| | | if (node.childNodes.length > 1 || node == start || node.tagName == 'BR') {
|
| | | return node;
|
| | | }
|
| | | }
|
| | | };
|
| | |
|
| | | // Adjust selection so that a end container with a end offset of zero is not included in the selection
|
| | | // as this isn't visible to the user.
|
| | | var rng = ed.selection.getRng();
|
| | | var start = rng.startContainer;
|
| | | var end = rng.endContainer;
|
| | |
|
| | | if (start != end && rng.endOffset === 0) {
|
| | | var newEnd = findSelectionEnd(start, end);
|
| | | var endOffset = newEnd.nodeType == 3 ? newEnd.length : newEnd.childNodes.length;
|
| | |
|
| | | rng.setEnd(newEnd, endOffset);
|
| | | }
|
| | |
|
| | | return rng;
|
| | | }
|
| | | |
| | | function applyStyleToList(node, bookmark, wrapElm, newWrappers, process){
|
| | | var nodes = [], listIndex = -1, list, startIndex = -1, endIndex = -1, currentWrapElm;
|
| | | |
| | | // find the index of the first child list.
|
| | | each(node.childNodes, function(n, index) {
|
| | | if (n.nodeName === "UL" || n.nodeName === "OL") {
|
| | | listIndex = index;
|
| | | list = n;
|
| | | return false;
|
| | | }
|
| | | });
|
| | | |
| | | // get the index of the bookmarks
|
| | | each(node.childNodes, function(n, index) {
|
| | | if (n.nodeName === "SPAN" && dom.getAttrib(n, "data-mce-type") == "bookmark") {
|
| | | if (n.id == bookmark.id + "_start") {
|
| | | startIndex = index;
|
| | | } else if (n.id == bookmark.id + "_end") {
|
| | | endIndex = index;
|
| | | }
|
| | | }
|
| | | });
|
| | | |
| | | // if the selection spans across an embedded list, or there isn't an embedded list - handle processing normally
|
| | | if (listIndex <= 0 || (startIndex < listIndex && endIndex > listIndex)) {
|
| | | each(tinymce.grep(node.childNodes), process);
|
| | | return 0;
|
| | | } else {
|
| | | currentWrapElm = dom.clone(wrapElm, FALSE);
|
| | |
|
| | | // create a list of the nodes on the same side of the list as the selection
|
| | | each(tinymce.grep(node.childNodes), function(n, index) {
|
| | | if ((startIndex < listIndex && index < listIndex) || (startIndex > listIndex && index > listIndex)) {
|
| | | nodes.push(n); |
| | | n.parentNode.removeChild(n);
|
| | | }
|
| | | });
|
| | |
|
| | | // insert the wrapping element either before or after the list.
|
| | | if (startIndex < listIndex) {
|
| | | node.insertBefore(currentWrapElm, list);
|
| | | } else if (startIndex > listIndex) {
|
| | | node.insertBefore(currentWrapElm, list.nextSibling);
|
| | | }
|
| | | |
| | | // add the new nodes to the list.
|
| | | newWrappers.push(currentWrapElm);
|
| | |
|
| | | each(nodes, function(node) {
|
| | | currentWrapElm.appendChild(node);
|
| | | });
|
| | |
|
| | | return currentWrapElm;
|
| | | }
|
| | | };
|
| | |
|
| | | function applyRngStyle(rng, bookmark, node_specific) {
|
| | | var newWrappers = [], wrapName, wrapElm, contentEditable = true;
|
| | |
|
| | | // Setup wrapper element
|
| | | wrapName = format.inline || format.block;
|
| | | wrapElm = dom.create(wrapName);
|
| | | setElementFormat(wrapElm);
|
| | |
|
| | | rangeUtils.walk(rng, function(nodes) {
|
| | | var currentWrapElm;
|
| | |
|
| | | function process(node) {
|
| | | var nodeName, parentName, found, hasContentEditableState, lastContentEditable;
|
| | |
|
| | | lastContentEditable = contentEditable;
|
| | | nodeName = node.nodeName.toLowerCase();
|
| | | parentName = node.parentNode.nodeName.toLowerCase();
|
| | |
|
| | | // Node has a contentEditable value
|
| | | if (node.nodeType === 1 && getContentEditable(node)) {
|
| | | lastContentEditable = contentEditable;
|
| | | contentEditable = getContentEditable(node) === "true";
|
| | | hasContentEditableState = true; // We don't want to wrap the container only it's children
|
| | | }
|
| | |
|
| | | // Stop wrapping on br elements
|
| | | if (isEq(nodeName, 'br')) {
|
| | | currentWrapElm = 0;
|
| | |
|
| | | // Remove any br elements when we wrap things
|
| | | if (format.block)
|
| | | dom.remove(node);
|
| | |
|
| | | return;
|
| | | }
|
| | |
|
| | | // If node is wrapper type
|
| | | if (format.wrapper && matchNode(node, name, vars)) {
|
| | | currentWrapElm = 0;
|
| | | return;
|
| | | }
|
| | |
|
| | | // Can we rename the block
|
| | | if (contentEditable && !hasContentEditableState && format.block && !format.wrapper && isTextBlock(nodeName)) {
|
| | | node = dom.rename(node, wrapName);
|
| | | setElementFormat(node);
|
| | | newWrappers.push(node);
|
| | | currentWrapElm = 0;
|
| | | return;
|
| | | }
|
| | |
|
| | | // Handle selector patterns
|
| | | if (format.selector) {
|
| | | // Look for matching formats
|
| | | each(formatList, function(format) {
|
| | | // Check collapsed state if it exists
|
| | | if ('collapsed' in format && format.collapsed !== isCollapsed) {
|
| | | return;
|
| | | }
|
| | |
|
| | | if (dom.is(node, format.selector) && !isCaretNode(node)) {
|
| | | setElementFormat(node, format);
|
| | | found = true;
|
| | | }
|
| | | });
|
| | |
|
| | | // Continue processing if a selector match wasn't found and a inline element is defined
|
| | | if (!format.inline || found) {
|
| | | currentWrapElm = 0;
|
| | | return;
|
| | | }
|
| | | }
|
| | |
|
| | | // Is it valid to wrap this item
|
| | | if (contentEditable && !hasContentEditableState && isValid(wrapName, nodeName) && isValid(parentName, wrapName) &&
|
| | | !(!node_specific && node.nodeType === 3 && node.nodeValue.length === 1 && node.nodeValue.charCodeAt(0) === 65279) && !isCaretNode(node)) {
|
| | | // Start wrapping
|
| | | if (!currentWrapElm) {
|
| | | // Wrap the node
|
| | | currentWrapElm = dom.clone(wrapElm, FALSE);
|
| | | node.parentNode.insertBefore(currentWrapElm, node);
|
| | | newWrappers.push(currentWrapElm);
|
| | | }
|
| | |
|
| | | currentWrapElm.appendChild(node);
|
| | | } else if (nodeName == 'li' && bookmark) {
|
| | | // Start wrapping - if we are in a list node and have a bookmark, then we will always begin by wrapping in a new element.
|
| | | currentWrapElm = applyStyleToList(node, bookmark, wrapElm, newWrappers, process);
|
| | | } else {
|
| | | // Start a new wrapper for possible children
|
| | | currentWrapElm = 0;
|
| | | |
| | | each(tinymce.grep(node.childNodes), process);
|
| | |
|
| | | if (hasContentEditableState) {
|
| | | contentEditable = lastContentEditable; // Restore last contentEditable state from stack
|
| | | }
|
| | |
|
| | | // End the last wrapper
|
| | | currentWrapElm = 0;
|
| | | }
|
| | | };
|
| | |
|
| | | // Process siblings from range
|
| | | each(nodes, process);
|
| | | });
|
| | |
|
| | | // Wrap links inside as well, for example color inside a link when the wrapper is around the link
|
| | | if (format.wrap_links === false) {
|
| | | each(newWrappers, function(node) {
|
| | | function process(node) {
|
| | | var i, currentWrapElm, children;
|
| | |
|
| | | if (node.nodeName === 'A') {
|
| | | currentWrapElm = dom.clone(wrapElm, FALSE);
|
| | | newWrappers.push(currentWrapElm);
|
| | |
|
| | | children = tinymce.grep(node.childNodes);
|
| | | for (i = 0; i < children.length; i++)
|
| | | currentWrapElm.appendChild(children[i]);
|
| | |
|
| | | node.appendChild(currentWrapElm);
|
| | | }
|
| | |
|
| | | each(tinymce.grep(node.childNodes), process);
|
| | | };
|
| | |
|
| | | process(node);
|
| | | });
|
| | | }
|
| | |
|
| | | // Cleanup
|
| | | |
| | | each(newWrappers, function(node) {
|
| | | var childCount;
|
| | |
|
| | | function getChildCount(node) {
|
| | | var count = 0;
|
| | |
|
| | | each(node.childNodes, function(node) {
|
| | | if (!isWhiteSpaceNode(node) && !isBookmarkNode(node))
|
| | | count++;
|
| | | });
|
| | |
|
| | | return count;
|
| | | };
|
| | |
|
| | | function mergeStyles(node) {
|
| | | var child, clone;
|
| | |
|
| | | each(node.childNodes, function(node) {
|
| | | if (node.nodeType == 1 && !isBookmarkNode(node) && !isCaretNode(node)) {
|
| | | child = node;
|
| | | return FALSE; // break loop
|
| | | }
|
| | | });
|
| | |
|
| | | // If child was found and of the same type as the current node
|
| | | if (child && matchName(child, format)) {
|
| | | clone = dom.clone(child, FALSE);
|
| | | setElementFormat(clone);
|
| | |
|
| | | dom.replace(clone, node, TRUE);
|
| | | dom.remove(child, 1);
|
| | | }
|
| | |
|
| | | return clone || node;
|
| | | };
|
| | |
|
| | | childCount = getChildCount(node);
|
| | |
|
| | | // Remove empty nodes but only if there is multiple wrappers and they are not block
|
| | | // elements so never remove single <h1></h1> since that would remove the currrent empty block element where the caret is at
|
| | | if ((newWrappers.length > 1 || !isBlock(node)) && childCount === 0) {
|
| | | dom.remove(node, 1);
|
| | | return;
|
| | | }
|
| | |
|
| | | if (format.inline || format.wrapper) {
|
| | | // Merges the current node with it's children of similar type to reduce the number of elements
|
| | | if (!format.exact && childCount === 1)
|
| | | node = mergeStyles(node);
|
| | |
|
| | | // Remove/merge children
|
| | | each(formatList, function(format) {
|
| | | // Merge all children of similar type will move styles from child to parent
|
| | | // this: <span style="color:red"><b><span style="color:red; font-size:10px">text</span></b></span>
|
| | | // will become: <span style="color:red"><b><span style="font-size:10px">text</span></b></span>
|
| | | each(dom.select(format.inline, node), function(child) {
|
| | | var parent;
|
| | |
|
| | | // When wrap_links is set to false we don't want
|
| | | // to remove the format on children within links
|
| | | if (format.wrap_links === false) {
|
| | | parent = child.parentNode;
|
| | |
|
| | | do {
|
| | | if (parent.nodeName === 'A')
|
| | | return;
|
| | | } while (parent = parent.parentNode);
|
| | | }
|
| | |
|
| | | removeFormat(format, vars, child, format.exact ? child : null);
|
| | | });
|
| | | });
|
| | |
|
| | | // Remove child if direct parent is of same type
|
| | | if (matchNode(node.parentNode, name, vars)) {
|
| | | dom.remove(node, 1);
|
| | | node = 0;
|
| | | return TRUE;
|
| | | }
|
| | |
|
| | | // Look for parent with similar style format
|
| | | if (format.merge_with_parents) {
|
| | | dom.getParent(node.parentNode, function(parent) {
|
| | | if (matchNode(parent, name, vars)) {
|
| | | dom.remove(node, 1);
|
| | | node = 0;
|
| | | return TRUE;
|
| | | }
|
| | | });
|
| | | }
|
| | |
|
| | | // Merge next and previous siblings if they are similar <b>text</b><b>text</b> becomes <b>texttext</b>
|
| | | if (node && format.merge_siblings !== false) {
|
| | | node = mergeSiblings(getNonWhiteSpaceSibling(node), node);
|
| | | node = mergeSiblings(node, getNonWhiteSpaceSibling(node, TRUE));
|
| | | }
|
| | | }
|
| | | });
|
| | | };
|
| | |
|
| | | if (format) {
|
| | | if (node) {
|
| | | if (node.nodeType) {
|
| | | rng = dom.createRng();
|
| | | rng.setStartBefore(node);
|
| | | rng.setEndAfter(node);
|
| | | applyRngStyle(expandRng(rng, formatList), null, true);
|
| | | } else {
|
| | | applyRngStyle(node, null, true);
|
| | | }
|
| | | } else {
|
| | | if (!isCollapsed || !format.inline || dom.select('td.mceSelected,th.mceSelected').length) {
|
| | | // Obtain selection node before selection is unselected by applyRngStyle()
|
| | | var curSelNode = ed.selection.getNode();
|
| | |
|
| | | // 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
|
| | | // It's kind of a hack but people should be using the default block type P since all desktop editors work that way
|
| | | if (!forcedRootBlock && formatList[0].defaultBlock && !dom.getParent(curSelNode, dom.isBlock)) {
|
| | | apply(formatList[0].defaultBlock);
|
| | | }
|
| | |
|
| | | // Apply formatting to selection
|
| | | ed.selection.setRng(adjustSelectionToVisibleSelection());
|
| | | bookmark = selection.getBookmark();
|
| | | applyRngStyle(expandRng(selection.getRng(TRUE), formatList), bookmark);
|
| | |
|
| | | // Colored nodes should be underlined so that the color of the underline matches the text color.
|
| | | if (format.styles && (format.styles.color || format.styles.textDecoration)) {
|
| | | tinymce.walk(curSelNode, processUnderlineAndColor, 'childNodes');
|
| | | processUnderlineAndColor(curSelNode);
|
| | | }
|
| | |
|
| | | selection.moveToBookmark(bookmark);
|
| | | moveStart(selection.getRng(TRUE));
|
| | | ed.nodeChanged();
|
| | | } else
|
| | | performCaretAction('apply', name, vars);
|
| | | }
|
| | | }
|
| | | };
|
| | |
|
| | | function remove(name, vars, node) {
|
| | | var formatList = get(name), format = formatList[0], bookmark, i, rng, contentEditable = true;
|
| | |
|
| | | // Merges the styles for each node
|
| | | function process(node) {
|
| | | var children, i, l, localContentEditable, lastContentEditable, hasContentEditableState;
|
| | |
|
| | | // Node has a contentEditable value
|
| | | if (node.nodeType === 1 && getContentEditable(node)) {
|
| | | lastContentEditable = contentEditable;
|
| | | contentEditable = getContentEditable(node) === "true";
|
| | | hasContentEditableState = true; // We don't want to wrap the container only it's children
|
| | | }
|
| | |
|
| | | // Grab the children first since the nodelist might be changed
|
| | | children = tinymce.grep(node.childNodes);
|
| | |
|
| | | // Process current node
|
| | | if (contentEditable && !hasContentEditableState) {
|
| | | for (i = 0, l = formatList.length; i < l; i++) {
|
| | | if (removeFormat(formatList[i], vars, node, node))
|
| | | break;
|
| | | }
|
| | | }
|
| | |
|
| | | // Process the children
|
| | | if (format.deep) {
|
| | | if (children.length) { |
| | | for (i = 0, l = children.length; i < l; i++)
|
| | | process(children[i]);
|
| | |
|
| | | if (hasContentEditableState) {
|
| | | contentEditable = lastContentEditable; // Restore last contentEditable state from stack
|
| | | }
|
| | | }
|
| | | }
|
| | | };
|
| | |
|
| | | function findFormatRoot(container) {
|
| | | var formatRoot;
|
| | |
|
| | | // Find format root
|
| | | each(getParents(container.parentNode).reverse(), function(parent) {
|
| | | var format;
|
| | |
|
| | | // Find format root element
|
| | | if (!formatRoot && parent.id != '_start' && parent.id != '_end') {
|
| | | // Is the node matching the format we are looking for
|
| | | format = matchNode(parent, name, vars);
|
| | | if (format && format.split !== false)
|
| | | formatRoot = parent;
|
| | | }
|
| | | });
|
| | |
|
| | | return formatRoot;
|
| | | };
|
| | |
|
| | | function wrapAndSplit(format_root, container, target, split) {
|
| | | var parent, clone, lastClone, firstClone, i, formatRootParent;
|
| | |
|
| | | // Format root found then clone formats and split it
|
| | | if (format_root) {
|
| | | formatRootParent = format_root.parentNode;
|
| | |
|
| | | for (parent = container.parentNode; parent && parent != formatRootParent; parent = parent.parentNode) {
|
| | | clone = dom.clone(parent, FALSE);
|
| | |
|
| | | for (i = 0; i < formatList.length; i++) {
|
| | | if (removeFormat(formatList[i], vars, clone, clone)) {
|
| | | clone = 0;
|
| | | break;
|
| | | }
|
| | | }
|
| | |
|
| | | // Build wrapper node
|
| | | if (clone) {
|
| | | if (lastClone)
|
| | | clone.appendChild(lastClone);
|
| | |
|
| | | if (!firstClone)
|
| | | firstClone = clone;
|
| | |
|
| | | lastClone = clone;
|
| | | }
|
| | | }
|
| | |
|
| | | // Never split block elements if the format is mixed
|
| | | if (split && (!format.mixed || !isBlock(format_root)))
|
| | | container = dom.split(format_root, container);
|
| | |
|
| | | // Wrap container in cloned formats
|
| | | if (lastClone) {
|
| | | target.parentNode.insertBefore(lastClone, target);
|
| | | firstClone.appendChild(target);
|
| | | }
|
| | | }
|
| | |
|
| | | return container;
|
| | | };
|
| | |
|
| | | function splitToFormatRoot(container) {
|
| | | return wrapAndSplit(findFormatRoot(container), container, container, true);
|
| | | };
|
| | |
|
| | | function unwrap(start) {
|
| | | var node = dom.get(start ? '_start' : '_end'),
|
| | | out = node[start ? 'firstChild' : 'lastChild'];
|
| | |
|
| | | // If the end is placed within the start the result will be removed
|
| | | // So this checks if the out node is a bookmark node if it is it
|
| | | // checks for another more suitable node
|
| | | if (isBookmarkNode(out))
|
| | | out = out[start ? 'firstChild' : 'lastChild'];
|
| | |
|
| | | dom.remove(node, true);
|
| | |
|
| | | return out;
|
| | | };
|
| | |
|
| | | function removeRngStyle(rng) {
|
| | | var startContainer, endContainer, node;
|
| | |
|
| | | rng = expandRng(rng, formatList, TRUE);
|
| | |
|
| | | if (format.split) {
|
| | | startContainer = getContainer(rng, TRUE);
|
| | | endContainer = getContainer(rng);
|
| | |
|
| | | if (startContainer != endContainer) {
|
| | | // 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
|
| | | // This will happen if you tripple click a table cell and use remove formatting
|
| | | if (/^(TR|TD)$/.test(startContainer.nodeName) && startContainer.firstChild) {
|
| | | startContainer = (startContainer.nodeName == "TD" ? startContainer.firstChild : startContainer.firstChild.firstChild) || startContainer;
|
| | | }
|
| | |
|
| | | // Wrap start/end nodes in span element since these might be cloned/moved
|
| | | startContainer = wrap(startContainer, 'span', {id : '_start', 'data-mce-type' : 'bookmark'});
|
| | | endContainer = wrap(endContainer, 'span', {id : '_end', 'data-mce-type' : 'bookmark'});
|
| | |
|
| | | // Split start/end
|
| | | splitToFormatRoot(startContainer);
|
| | | splitToFormatRoot(endContainer);
|
| | |
|
| | | // Unwrap start/end to get real elements again
|
| | | startContainer = unwrap(TRUE);
|
| | | endContainer = unwrap();
|
| | | } else
|
| | | startContainer = endContainer = splitToFormatRoot(startContainer);
|
| | |
|
| | | // Update range positions since they might have changed after the split operations
|
| | | rng.startContainer = startContainer.parentNode;
|
| | | rng.startOffset = nodeIndex(startContainer);
|
| | | rng.endContainer = endContainer.parentNode;
|
| | | rng.endOffset = nodeIndex(endContainer) + 1;
|
| | | }
|
| | |
|
| | | // Remove items between start/end
|
| | | rangeUtils.walk(rng, function(nodes) {
|
| | | each(nodes, function(node) {
|
| | | process(node);
|
| | |
|
| | | // Remove parent span if it only contains text-decoration: underline, yet a parent node is also underlined.
|
| | | if (node.nodeType === 1 && ed.dom.getStyle(node, 'text-decoration') === 'underline' && node.parentNode && getTextDecoration(node.parentNode) === 'underline') {
|
| | | removeFormat({'deep': false, 'exact': true, 'inline': 'span', 'styles': {'textDecoration' : 'underline'}}, null, node);
|
| | | }
|
| | | });
|
| | | });
|
| | | };
|
| | |
|
| | | // Handle node
|
| | | if (node) {
|
| | | if (node.nodeType) {
|
| | | rng = dom.createRng();
|
| | | rng.setStartBefore(node);
|
| | | rng.setEndAfter(node);
|
| | | removeRngStyle(rng);
|
| | | } else {
|
| | | removeRngStyle(node);
|
| | | }
|
| | |
|
| | | return;
|
| | | }
|
| | |
|
| | | if (!selection.isCollapsed() || !format.inline || dom.select('td.mceSelected,th.mceSelected').length) {
|
| | | bookmark = selection.getBookmark();
|
| | | removeRngStyle(selection.getRng(TRUE));
|
| | | selection.moveToBookmark(bookmark);
|
| | |
|
| | | // 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
|
| | | if (format.inline && match(name, vars, selection.getStart())) {
|
| | | moveStart(selection.getRng(true));
|
| | | }
|
| | |
|
| | | ed.nodeChanged();
|
| | | } else
|
| | | performCaretAction('remove', name, vars);
|
| | | };
|
| | |
|
| | | function toggle(name, vars, node) {
|
| | | var fmt = get(name);
|
| | |
|
| | | if (match(name, vars, node) && (!('toggle' in fmt[0]) || fmt[0].toggle))
|
| | | remove(name, vars, node);
|
| | | else
|
| | | apply(name, vars, node);
|
| | | };
|
| | |
|
| | | function matchNode(node, name, vars, similar) {
|
| | | var formatList = get(name), format, i, classes;
|
| | |
|
| | | function matchItems(node, format, item_name) {
|
| | | var key, value, items = format[item_name], i;
|
| | |
|
| | | // Custom match
|
| | | if (format.onmatch) {
|
| | | return format.onmatch(node, format, item_name);
|
| | | }
|
| | |
|
| | | // Check all items
|
| | | if (items) {
|
| | | // Non indexed object
|
| | | if (items.length === undef) {
|
| | | for (key in items) {
|
| | | if (items.hasOwnProperty(key)) {
|
| | | if (item_name === 'attributes')
|
| | | value = dom.getAttrib(node, key);
|
| | | else
|
| | | value = getStyle(node, key);
|
| | |
|
| | | if (similar && !value && !format.exact)
|
| | | return;
|
| | |
|
| | | if ((!similar || format.exact) && !isEq(value, replaceVars(items[key], vars)))
|
| | | return;
|
| | | }
|
| | | }
|
| | | } else {
|
| | | // Only one match needed for indexed arrays
|
| | | for (i = 0; i < items.length; i++) {
|
| | | if (item_name === 'attributes' ? dom.getAttrib(node, items[i]) : getStyle(node, items[i]))
|
| | | return format;
|
| | | }
|
| | | }
|
| | | }
|
| | |
|
| | | return format;
|
| | | };
|
| | |
|
| | | if (formatList && node) {
|
| | | // Check each format in list
|
| | | for (i = 0; i < formatList.length; i++) {
|
| | | format = formatList[i];
|
| | |
|
| | | // Name name, attributes, styles and classes
|
| | | if (matchName(node, format) && matchItems(node, format, 'attributes') && matchItems(node, format, 'styles')) {
|
| | | // Match classes
|
| | | if (classes = format.classes) {
|
| | | for (i = 0; i < classes.length; i++) {
|
| | | if (!dom.hasClass(node, classes[i]))
|
| | | return;
|
| | | }
|
| | | }
|
| | |
|
| | | return format;
|
| | | }
|
| | | }
|
| | | }
|
| | | };
|
| | |
|
| | | function match(name, vars, node) {
|
| | | var startNode;
|
| | |
|
| | | function matchParents(node) {
|
| | | // Find first node with similar format settings
|
| | | node = dom.getParent(node, function(node) {
|
| | | return !!matchNode(node, name, vars, true);
|
| | | });
|
| | |
|
| | | // Do an exact check on the similar format element
|
| | | return matchNode(node, name, vars);
|
| | | };
|
| | |
|
| | | // Check specified node
|
| | | if (node)
|
| | | return matchParents(node);
|
| | |
|
| | | // Check selected node
|
| | | node = selection.getNode();
|
| | | if (matchParents(node))
|
| | | return TRUE;
|
| | |
|
| | | // Check start node if it's different
|
| | | startNode = selection.getStart();
|
| | | if (startNode != node) {
|
| | | if (matchParents(startNode))
|
| | | return TRUE;
|
| | | }
|
| | |
|
| | | return FALSE;
|
| | | };
|
| | |
|
| | | function matchAll(names, vars) {
|
| | | var startElement, matchedFormatNames = [], checkedMap = {}, i, ni, name;
|
| | |
|
| | | // Check start of selection for formats
|
| | | startElement = selection.getStart();
|
| | | dom.getParent(startElement, function(node) {
|
| | | var i, name;
|
| | |
|
| | | for (i = 0; i < names.length; i++) {
|
| | | name = names[i];
|
| | |
|
| | | if (!checkedMap[name] && matchNode(node, name, vars)) {
|
| | | checkedMap[name] = true;
|
| | | matchedFormatNames.push(name);
|
| | | }
|
| | | }
|
| | | }, dom.getRoot());
|
| | |
|
| | | return matchedFormatNames;
|
| | | };
|
| | |
|
| | | function canApply(name) {
|
| | | var formatList = get(name), startNode, parents, i, x, selector;
|
| | |
|
| | | if (formatList) {
|
| | | startNode = selection.getStart();
|
| | | parents = getParents(startNode);
|
| | |
|
| | | for (x = formatList.length - 1; x >= 0; x--) {
|
| | | selector = formatList[x].selector;
|
| | |
|
| | | // Format is not selector based, then always return TRUE
|
| | | if (!selector)
|
| | | return TRUE;
|
| | |
|
| | | for (i = parents.length - 1; i >= 0; i--) {
|
| | | if (dom.is(parents[i], selector))
|
| | | return TRUE;
|
| | | }
|
| | | }
|
| | | }
|
| | |
|
| | | return FALSE;
|
| | | };
|
| | |
|
| | | function formatChanged(formats, callback, similar) {
|
| | | var currentFormats;
|
| | |
|
| | | // Setup format node change logic
|
| | | if (!formatChangeData) {
|
| | | formatChangeData = {};
|
| | | currentFormats = {};
|
| | |
|
| | | ed.onNodeChange.addToTop(function(ed, cm, node) {
|
| | | var parents = getParents(node), matchedFormats = {};
|
| | |
|
| | | // Check for new formats
|
| | | each(formatChangeData, function(callbacks, format) {
|
| | | each(parents, function(node) {
|
| | | if (matchNode(node, format, {}, callbacks.similar)) {
|
| | | if (!currentFormats[format]) {
|
| | | // Execute callbacks
|
| | | each(callbacks, function(callback) {
|
| | | callback(true, {node: node, format: format, parents: parents});
|
| | | });
|
| | |
|
| | | currentFormats[format] = callbacks;
|
| | | }
|
| | |
|
| | | matchedFormats[format] = callbacks;
|
| | | return false;
|
| | | }
|
| | | });
|
| | | });
|
| | |
|
| | | // Check if current formats still match
|
| | | each(currentFormats, function(callbacks, format) {
|
| | | if (!matchedFormats[format]) {
|
| | | delete currentFormats[format];
|
| | |
|
| | | each(callbacks, function(callback) {
|
| | | callback(false, {node: node, format: format, parents: parents});
|
| | | });
|
| | | }
|
| | | });
|
| | | });
|
| | | }
|
| | |
|
| | | // Add format listeners
|
| | | each(formats.split(','), function(format) {
|
| | | if (!formatChangeData[format]) {
|
| | | formatChangeData[format] = [];
|
| | | formatChangeData[format].similar = similar;
|
| | | }
|
| | |
|
| | | formatChangeData[format].push(callback);
|
| | | });
|
| | |
|
| | | return this;
|
| | | };
|
| | |
|
| | | // Expose to public
|
| | | tinymce.extend(this, {
|
| | | get : get,
|
| | | register : register,
|
| | | apply : apply,
|
| | | remove : remove,
|
| | | toggle : toggle,
|
| | | match : match,
|
| | | matchAll : matchAll,
|
| | | matchNode : matchNode,
|
| | | canApply : canApply,
|
| | | formatChanged: formatChanged
|
| | | });
|
| | |
|
| | | // Initialize
|
| | | defaultFormats();
|
| | | addKeyboardShortcuts();
|
| | |
|
| | | // Private functions
|
| | |
|
| | | function matchName(node, format) {
|
| | | // Check for inline match
|
| | | if (isEq(node, format.inline))
|
| | | return TRUE;
|
| | |
|
| | | // Check for block match
|
| | | if (isEq(node, format.block))
|
| | | return TRUE;
|
| | |
|
| | | // Check for selector match
|
| | | if (format.selector)
|
| | | return dom.is(node, format.selector);
|
| | | };
|
| | |
|
| | | function isEq(str1, str2) {
|
| | | str1 = str1 || '';
|
| | | str2 = str2 || '';
|
| | |
|
| | | str1 = '' + (str1.nodeName || str1);
|
| | | str2 = '' + (str2.nodeName || str2);
|
| | |
|
| | | return str1.toLowerCase() == str2.toLowerCase();
|
| | | };
|
| | |
|
| | | function getStyle(node, name) {
|
| | | var styleVal = dom.getStyle(node, name);
|
| | |
|
| | | // Force the format to hex
|
| | | if (name == 'color' || name == 'backgroundColor')
|
| | | styleVal = dom.toHex(styleVal);
|
| | |
|
| | | // Opera will return bold as 700
|
| | | if (name == 'fontWeight' && styleVal == 700)
|
| | | styleVal = 'bold';
|
| | |
|
| | | return '' + styleVal;
|
| | | };
|
| | |
|
| | | function replaceVars(value, vars) {
|
| | | if (typeof(value) != "string")
|
| | | value = value(vars);
|
| | | else if (vars) {
|
| | | value = value.replace(/%(\w+)/g, function(str, name) {
|
| | | return vars[name] || str;
|
| | | });
|
| | | }
|
| | |
|
| | | return value;
|
| | | };
|
| | |
|
| | | function isWhiteSpaceNode(node) {
|
| | | return node && node.nodeType === 3 && /^([\t \r\n]+|)$/.test(node.nodeValue);
|
| | | };
|
| | |
|
| | | function wrap(node, name, attrs) {
|
| | | var wrapper = dom.create(name, attrs);
|
| | |
|
| | | node.parentNode.insertBefore(wrapper, node);
|
| | | wrapper.appendChild(node);
|
| | |
|
| | | return wrapper;
|
| | | };
|
| | |
|
| | | function expandRng(rng, format, remove) {
|
| | | var sibling, lastIdx, leaf, endPoint,
|
| | | startContainer = rng.startContainer,
|
| | | startOffset = rng.startOffset,
|
| | | endContainer = rng.endContainer,
|
| | | endOffset = rng.endOffset;
|
| | |
|
| | | // This function walks up the tree if there is no siblings before/after the node
|
| | | function findParentContainer(start) {
|
| | | var container, parent, child, sibling, siblingName, root;
|
| | |
|
| | | container = parent = start ? startContainer : endContainer;
|
| | | siblingName = start ? 'previousSibling' : 'nextSibling';
|
| | | root = dom.getRoot();
|
| | |
|
| | | // If it's a text node and the offset is inside the text
|
| | | if (container.nodeType == 3 && !isWhiteSpaceNode(container)) {
|
| | | if (start ? startOffset > 0 : endOffset < container.nodeValue.length) {
|
| | | return container;
|
| | | }
|
| | | }
|
| | |
|
| | | for (;;) {
|
| | | // Stop expanding on block elements
|
| | | if (!format[0].block_expand && isBlock(parent))
|
| | | return parent;
|
| | |
|
| | | // Walk left/right
|
| | | for (sibling = parent[siblingName]; sibling; sibling = sibling[siblingName]) {
|
| | | if (!isBookmarkNode(sibling) && !isWhiteSpaceNode(sibling)) {
|
| | | return parent;
|
| | | }
|
| | | }
|
| | |
|
| | | // Check if we can move up are we at root level or body level
|
| | | if (parent.parentNode == root) {
|
| | | container = parent;
|
| | | break;
|
| | | }
|
| | |
|
| | | parent = parent.parentNode;
|
| | | }
|
| | |
|
| | | return container;
|
| | | };
|
| | |
|
| | | // This function walks down the tree to find the leaf at the selection.
|
| | | // The offset is also returned as if node initially a leaf, the offset may be in the middle of the text node.
|
| | | function findLeaf(node, offset) {
|
| | | if (offset === undef)
|
| | | offset = node.nodeType === 3 ? node.length : node.childNodes.length;
|
| | | while (node && node.hasChildNodes()) {
|
| | | node = node.childNodes[offset];
|
| | | if (node)
|
| | | offset = node.nodeType === 3 ? node.length : node.childNodes.length;
|
| | | }
|
| | | return { node: node, offset: offset };
|
| | | }
|
| | |
|
| | | // If index based start position then resolve it
|
| | | if (startContainer.nodeType == 1 && startContainer.hasChildNodes()) {
|
| | | lastIdx = startContainer.childNodes.length - 1;
|
| | | startContainer = startContainer.childNodes[startOffset > lastIdx ? lastIdx : startOffset];
|
| | |
|
| | | if (startContainer.nodeType == 3)
|
| | | startOffset = 0;
|
| | | }
|
| | |
|
| | | // If index based end position then resolve it
|
| | | if (endContainer.nodeType == 1 && endContainer.hasChildNodes()) {
|
| | | lastIdx = endContainer.childNodes.length - 1;
|
| | | endContainer = endContainer.childNodes[endOffset > lastIdx ? lastIdx : endOffset - 1];
|
| | |
|
| | | if (endContainer.nodeType == 3)
|
| | | endOffset = endContainer.nodeValue.length;
|
| | | }
|
| | |
|
| | | // Expands the node to the closes contentEditable false element if it exists
|
| | | function findParentContentEditable(node) {
|
| | | var parent = node;
|
| | |
|
| | | while (parent) {
|
| | | if (parent.nodeType === 1 && getContentEditable(parent)) {
|
| | | return getContentEditable(parent) === "false" ? parent : node;
|
| | | }
|
| | |
|
| | | parent = parent.parentNode;
|
| | | }
|
| | |
|
| | | return node;
|
| | | };
|
| | |
|
| | | function findWordEndPoint(container, offset, start) {
|
| | | var walker, node, pos, lastTextNode;
|
| | |
|
| | | function findSpace(node, offset) {
|
| | | var pos, pos2, str = node.nodeValue;
|
| | |
|
| | | if (typeof(offset) == "undefined") {
|
| | | offset = start ? str.length : 0;
|
| | | }
|
| | |
|
| | | if (start) {
|
| | | pos = str.lastIndexOf(' ', offset);
|
| | | pos2 = str.lastIndexOf('\u00a0', offset);
|
| | | pos = pos > pos2 ? pos : pos2;
|
| | |
|
| | | // Include the space on remove to avoid tag soup
|
| | | if (pos !== -1 && !remove) {
|
| | | pos++;
|
| | | }
|
| | | } else {
|
| | | pos = str.indexOf(' ', offset);
|
| | | pos2 = str.indexOf('\u00a0', offset);
|
| | | pos = pos !== -1 && (pos2 === -1 || pos < pos2) ? pos : pos2;
|
| | | }
|
| | |
|
| | | return pos;
|
| | | };
|
| | |
|
| | | if (container.nodeType === 3) {
|
| | | pos = findSpace(container, offset);
|
| | |
|
| | | if (pos !== -1) {
|
| | | return {container : container, offset : pos};
|
| | | }
|
| | |
|
| | | lastTextNode = container;
|
| | | }
|
| | |
|
| | | // Walk the nodes inside the block
|
| | | walker = new TreeWalker(container, dom.getParent(container, isBlock) || ed.getBody());
|
| | | while (node = walker[start ? 'prev' : 'next']()) {
|
| | | if (node.nodeType === 3) {
|
| | | lastTextNode = node;
|
| | | pos = findSpace(node);
|
| | |
|
| | | if (pos !== -1) {
|
| | | return {container : node, offset : pos};
|
| | | }
|
| | | } else if (isBlock(node)) {
|
| | | break;
|
| | | }
|
| | | }
|
| | |
|
| | | if (lastTextNode) {
|
| | | if (start) {
|
| | | offset = 0;
|
| | | } else {
|
| | | offset = lastTextNode.length;
|
| | | }
|
| | |
|
| | | return {container: lastTextNode, offset: offset};
|
| | | }
|
| | | };
|
| | |
|
| | | function findSelectorEndPoint(container, sibling_name) {
|
| | | var parents, i, y, curFormat;
|
| | |
|
| | | if (container.nodeType == 3 && container.nodeValue.length === 0 && container[sibling_name])
|
| | | container = container[sibling_name];
|
| | |
|
| | | parents = getParents(container);
|
| | | for (i = 0; i < parents.length; i++) {
|
| | | for (y = 0; y < format.length; y++) {
|
| | | curFormat = format[y];
|
| | |
|
| | | // If collapsed state is set then skip formats that doesn't match that
|
| | | if ("collapsed" in curFormat && curFormat.collapsed !== rng.collapsed)
|
| | | continue;
|
| | |
|
| | | if (dom.is(parents[i], curFormat.selector))
|
| | | return parents[i];
|
| | | }
|
| | | }
|
| | |
|
| | | return container;
|
| | | };
|
| | |
|
| | | function findBlockEndPoint(container, sibling_name, sibling_name2) {
|
| | | var node;
|
| | |
|
| | | // Expand to block of similar type
|
| | | if (!format[0].wrapper)
|
| | | node = dom.getParent(container, format[0].block);
|
| | |
|
| | | // Expand to first wrappable block element or any block element
|
| | | if (!node)
|
| | | node = dom.getParent(container.nodeType == 3 ? container.parentNode : container, isBlock);
|
| | |
|
| | | // Exclude inner lists from wrapping
|
| | | if (node && format[0].wrapper)
|
| | | node = getParents(node, 'ul,ol').reverse()[0] || node;
|
| | |
|
| | | // Didn't find a block element look for first/last wrappable element
|
| | | if (!node) {
|
| | | node = container;
|
| | |
|
| | | while (node[sibling_name] && !isBlock(node[sibling_name])) {
|
| | | node = node[sibling_name];
|
| | |
|
| | | // Break on BR but include it will be removed later on
|
| | | // we can't remove it now since we need to check if it can be wrapped
|
| | | if (isEq(node, 'br'))
|
| | | break;
|
| | | }
|
| | | }
|
| | |
|
| | | return node || container;
|
| | | };
|
| | |
|
| | | // Expand to closest contentEditable element
|
| | | startContainer = findParentContentEditable(startContainer);
|
| | | endContainer = findParentContentEditable(endContainer);
|
| | |
|
| | | // Exclude bookmark nodes if possible
|
| | | if (isBookmarkNode(startContainer.parentNode) || isBookmarkNode(startContainer)) {
|
| | | startContainer = isBookmarkNode(startContainer) ? startContainer : startContainer.parentNode;
|
| | | startContainer = startContainer.nextSibling || startContainer;
|
| | |
|
| | | if (startContainer.nodeType == 3)
|
| | | startOffset = 0;
|
| | | }
|
| | |
|
| | | if (isBookmarkNode(endContainer.parentNode) || isBookmarkNode(endContainer)) {
|
| | | endContainer = isBookmarkNode(endContainer) ? endContainer : endContainer.parentNode;
|
| | | endContainer = endContainer.previousSibling || endContainer;
|
| | |
|
| | | if (endContainer.nodeType == 3)
|
| | | endOffset = endContainer.length;
|
| | | }
|
| | |
|
| | | if (format[0].inline) {
|
| | | if (rng.collapsed) {
|
| | | // Expand left to closest word boundery
|
| | | endPoint = findWordEndPoint(startContainer, startOffset, true);
|
| | | if (endPoint) {
|
| | | startContainer = endPoint.container;
|
| | | startOffset = endPoint.offset;
|
| | | }
|
| | |
|
| | | // Expand right to closest word boundery
|
| | | endPoint = findWordEndPoint(endContainer, endOffset);
|
| | | if (endPoint) {
|
| | | endContainer = endPoint.container;
|
| | | endOffset = endPoint.offset;
|
| | | }
|
| | | }
|
| | |
|
| | | // Avoid applying formatting to a trailing space.
|
| | | leaf = findLeaf(endContainer, endOffset);
|
| | | if (leaf.node) {
|
| | | while (leaf.node && leaf.offset === 0 && leaf.node.previousSibling)
|
| | | leaf = findLeaf(leaf.node.previousSibling);
|
| | |
|
| | | if (leaf.node && leaf.offset > 0 && leaf.node.nodeType === 3 &&
|
| | | leaf.node.nodeValue.charAt(leaf.offset - 1) === ' ') {
|
| | |
|
| | | if (leaf.offset > 1) {
|
| | | endContainer = leaf.node;
|
| | | endContainer.splitText(leaf.offset - 1);
|
| | | }
|
| | | }
|
| | | }
|
| | | }
|
| | |
|
| | | // Move start/end point up the tree if the leaves are sharp and if we are in different containers
|
| | | // Example * becomes !: !<p><b><i>*text</i><i>text*</i></b></p>!
|
| | | // This will reduce the number of wrapper elements that needs to be created
|
| | | // Move start point up the tree
|
| | | if (format[0].inline || format[0].block_expand) {
|
| | | if (!format[0].inline || (startContainer.nodeType != 3 || startOffset === 0)) {
|
| | | startContainer = findParentContainer(true);
|
| | | }
|
| | |
|
| | | if (!format[0].inline || (endContainer.nodeType != 3 || endOffset === endContainer.nodeValue.length)) {
|
| | | endContainer = findParentContainer();
|
| | | }
|
| | | }
|
| | |
|
| | | // Expand start/end container to matching selector
|
| | | if (format[0].selector && format[0].expand !== FALSE && !format[0].inline) {
|
| | | // Find new startContainer/endContainer if there is better one
|
| | | startContainer = findSelectorEndPoint(startContainer, 'previousSibling');
|
| | | endContainer = findSelectorEndPoint(endContainer, 'nextSibling');
|
| | | }
|
| | |
|
| | | // Expand start/end container to matching block element or text node
|
| | | if (format[0].block || format[0].selector) {
|
| | | // Find new startContainer/endContainer if there is better one
|
| | | startContainer = findBlockEndPoint(startContainer, 'previousSibling');
|
| | | endContainer = findBlockEndPoint(endContainer, 'nextSibling');
|
| | |
|
| | | // Non block element then try to expand up the leaf
|
| | | if (format[0].block) {
|
| | | if (!isBlock(startContainer))
|
| | | startContainer = findParentContainer(true);
|
| | |
|
| | | if (!isBlock(endContainer))
|
| | | endContainer = findParentContainer();
|
| | | }
|
| | | }
|
| | |
|
| | | // Setup index for startContainer
|
| | | if (startContainer.nodeType == 1) {
|
| | | startOffset = nodeIndex(startContainer);
|
| | | startContainer = startContainer.parentNode;
|
| | | }
|
| | |
|
| | | // Setup index for endContainer
|
| | | if (endContainer.nodeType == 1) {
|
| | | endOffset = nodeIndex(endContainer) + 1;
|
| | | endContainer = endContainer.parentNode;
|
| | | }
|
| | |
|
| | | // Return new range like object
|
| | | return {
|
| | | startContainer : startContainer,
|
| | | startOffset : startOffset,
|
| | | endContainer : endContainer,
|
| | | endOffset : endOffset
|
| | | };
|
| | | }
|
| | |
|
| | | function removeFormat(format, vars, node, compare_node) {
|
| | | var i, attrs, stylesModified;
|
| | |
|
| | | // Check if node matches format
|
| | | if (!matchName(node, format))
|
| | | return FALSE;
|
| | |
|
| | | // Should we compare with format attribs and styles
|
| | | if (format.remove != 'all') {
|
| | | // Remove styles
|
| | | each(format.styles, function(value, name) {
|
| | | value = replaceVars(value, vars);
|
| | |
|
| | | // Indexed array
|
| | | if (typeof(name) === 'number') {
|
| | | name = value;
|
| | | compare_node = 0;
|
| | | }
|
| | |
|
| | | if (!compare_node || isEq(getStyle(compare_node, name), value))
|
| | | dom.setStyle(node, name, '');
|
| | |
|
| | | stylesModified = 1;
|
| | | });
|
| | |
|
| | | // Remove style attribute if it's empty
|
| | | if (stylesModified && dom.getAttrib(node, 'style') == '') {
|
| | | node.removeAttribute('style');
|
| | | node.removeAttribute('data-mce-style');
|
| | | }
|
| | |
|
| | | // Remove attributes
|
| | | each(format.attributes, function(value, name) {
|
| | | var valueOut;
|
| | |
|
| | | value = replaceVars(value, vars);
|
| | |
|
| | | // Indexed array
|
| | | if (typeof(name) === 'number') {
|
| | | name = value;
|
| | | compare_node = 0;
|
| | | }
|
| | |
|
| | | if (!compare_node || isEq(dom.getAttrib(compare_node, name), value)) {
|
| | | // Keep internal classes
|
| | | if (name == 'class') {
|
| | | value = dom.getAttrib(node, name);
|
| | | if (value) {
|
| | | // Build new class value where everything is removed except the internal prefixed classes
|
| | | valueOut = '';
|
| | | each(value.split(/\s+/), function(cls) {
|
| | | if (/mce\w+/.test(cls))
|
| | | valueOut += (valueOut ? ' ' : '') + cls;
|
| | | });
|
| | |
|
| | | // We got some internal classes left
|
| | | if (valueOut) {
|
| | | dom.setAttrib(node, name, valueOut);
|
| | | return;
|
| | | }
|
| | | }
|
| | | }
|
| | |
|
| | | // IE6 has a bug where the attribute doesn't get removed correctly
|
| | | if (name == "class")
|
| | | node.removeAttribute('className');
|
| | |
|
| | | // Remove mce prefixed attributes
|
| | | if (MCE_ATTR_RE.test(name))
|
| | | node.removeAttribute('data-mce-' + name);
|
| | |
|
| | | node.removeAttribute(name);
|
| | | }
|
| | | });
|
| | |
|
| | | // Remove classes
|
| | | each(format.classes, function(value) {
|
| | | value = replaceVars(value, vars);
|
| | |
|
| | | if (!compare_node || dom.hasClass(compare_node, value))
|
| | | dom.removeClass(node, value);
|
| | | });
|
| | |
|
| | | // Check for non internal attributes
|
| | | attrs = dom.getAttribs(node);
|
| | | for (i = 0; i < attrs.length; i++) {
|
| | | if (attrs[i].nodeName.indexOf('_') !== 0)
|
| | | return FALSE;
|
| | | }
|
| | | }
|
| | |
|
| | | // Remove the inline child if it's empty for example <b> or <span>
|
| | | if (format.remove != 'none') {
|
| | | removeNode(node, format);
|
| | | return TRUE;
|
| | | }
|
| | | };
|
| | |
|
| | | function removeNode(node, format) {
|
| | | var parentNode = node.parentNode, rootBlockElm;
|
| | |
|
| | | function find(node, next, inc) {
|
| | | node = getNonWhiteSpaceSibling(node, next, inc);
|
| | |
|
| | | return !node || (node.nodeName == 'BR' || isBlock(node));
|
| | | };
|
| | |
|
| | | if (format.block) {
|
| | | if (!forcedRootBlock) {
|
| | | // Append BR elements if needed before we remove the block
|
| | | if (isBlock(node) && !isBlock(parentNode)) {
|
| | | if (!find(node, FALSE) && !find(node.firstChild, TRUE, 1))
|
| | | node.insertBefore(dom.create('br'), node.firstChild);
|
| | |
|
| | | if (!find(node, TRUE) && !find(node.lastChild, FALSE, 1))
|
| | | node.appendChild(dom.create('br'));
|
| | | }
|
| | | } else {
|
| | | // Wrap the block in a forcedRootBlock if we are at the root of document
|
| | | if (parentNode == dom.getRoot()) {
|
| | | if (!format.list_block || !isEq(node, format.list_block)) {
|
| | | each(tinymce.grep(node.childNodes), function(node) {
|
| | | if (isValid(forcedRootBlock, node.nodeName.toLowerCase())) {
|
| | | if (!rootBlockElm)
|
| | | rootBlockElm = wrap(node, forcedRootBlock);
|
| | | else
|
| | | rootBlockElm.appendChild(node);
|
| | | } else
|
| | | rootBlockElm = 0;
|
| | | });
|
| | | }
|
| | | }
|
| | | }
|
| | | }
|
| | |
|
| | | // Never remove nodes that isn't the specified inline element if a selector is specified too
|
| | | if (format.selector && format.inline && !isEq(format.inline, node))
|
| | | return;
|
| | |
|
| | | dom.remove(node, 1);
|
| | | };
|
| | |
|
| | | function getNonWhiteSpaceSibling(node, next, inc) {
|
| | | if (node) {
|
| | | next = next ? 'nextSibling' : 'previousSibling';
|
| | |
|
| | | for (node = inc ? node : node[next]; node; node = node[next]) {
|
| | | if (node.nodeType == 1 || !isWhiteSpaceNode(node))
|
| | | return node;
|
| | | }
|
| | | }
|
| | | };
|
| | |
|
| | | function isBookmarkNode(node) {
|
| | | return node && node.nodeType == 1 && node.getAttribute('data-mce-type') == 'bookmark';
|
| | | };
|
| | |
|
| | | function mergeSiblings(prev, next) {
|
| | | var marker, sibling, tmpSibling;
|
| | |
|
| | | function compareElements(node1, node2) {
|
| | | // Not the same name
|
| | | if (node1.nodeName != node2.nodeName)
|
| | | return FALSE;
|
| | |
|
| | | function getAttribs(node) {
|
| | | var attribs = {};
|
| | |
|
| | | each(dom.getAttribs(node), function(attr) {
|
| | | var name = attr.nodeName.toLowerCase();
|
| | |
|
| | | // Don't compare internal attributes or style
|
| | | if (name.indexOf('_') !== 0 && name !== 'style')
|
| | | attribs[name] = dom.getAttrib(node, name);
|
| | | });
|
| | |
|
| | | return attribs;
|
| | | };
|
| | |
|
| | | function compareObjects(obj1, obj2) {
|
| | | var value, name;
|
| | |
|
| | | for (name in obj1) {
|
| | | // Obj1 has item obj2 doesn't have
|
| | | if (obj1.hasOwnProperty(name)) {
|
| | | value = obj2[name];
|
| | |
|
| | | // Obj2 doesn't have obj1 item
|
| | | if (value === undef)
|
| | | return FALSE;
|
| | |
|
| | | // Obj2 item has a different value
|
| | | if (obj1[name] != value)
|
| | | return FALSE;
|
| | |
|
| | | // Delete similar value
|
| | | delete obj2[name];
|
| | | }
|
| | | }
|
| | |
|
| | | // Check if obj 2 has something obj 1 doesn't have
|
| | | for (name in obj2) {
|
| | | // Obj2 has item obj1 doesn't have
|
| | | if (obj2.hasOwnProperty(name))
|
| | | return FALSE;
|
| | | }
|
| | |
|
| | | return TRUE;
|
| | | };
|
| | |
|
| | | // Attribs are not the same
|
| | | if (!compareObjects(getAttribs(node1), getAttribs(node2)))
|
| | | return FALSE;
|
| | |
|
| | | // Styles are not the same
|
| | | if (!compareObjects(dom.parseStyle(dom.getAttrib(node1, 'style')), dom.parseStyle(dom.getAttrib(node2, 'style'))))
|
| | | return FALSE;
|
| | |
|
| | | return TRUE;
|
| | | };
|
| | |
|
| | | function findElementSibling(node, sibling_name) {
|
| | | for (sibling = node; sibling; sibling = sibling[sibling_name]) {
|
| | | if (sibling.nodeType == 3 && sibling.nodeValue.length !== 0)
|
| | | return node;
|
| | |
|
| | | if (sibling.nodeType == 1 && !isBookmarkNode(sibling))
|
| | | return sibling;
|
| | | }
|
| | |
|
| | | return node;
|
| | | };
|
| | |
|
| | | // Check if next/prev exists and that they are elements
|
| | | if (prev && next) {
|
| | | // If previous sibling is empty then jump over it
|
| | | prev = findElementSibling(prev, 'previousSibling');
|
| | | next = findElementSibling(next, 'nextSibling');
|
| | |
|
| | | // Compare next and previous nodes
|
| | | if (compareElements(prev, next)) {
|
| | | // Append nodes between
|
| | | for (sibling = prev.nextSibling; sibling && sibling != next;) {
|
| | | tmpSibling = sibling;
|
| | | sibling = sibling.nextSibling;
|
| | | prev.appendChild(tmpSibling);
|
| | | }
|
| | |
|
| | | // Remove next node
|
| | | dom.remove(next);
|
| | |
|
| | | // Move children into prev node
|
| | | each(tinymce.grep(next.childNodes), function(node) {
|
| | | prev.appendChild(node);
|
| | | });
|
| | |
|
| | | return prev;
|
| | | }
|
| | | }
|
| | |
|
| | | return next;
|
| | | };
|
| | |
|
| | | function isTextBlock(name) {
|
| | | return /^(h[1-6]|p|div|pre|address|dl|dt|dd)$/.test(name);
|
| | | };
|
| | |
|
| | | function getContainer(rng, start) {
|
| | | var container, offset, lastIdx, walker;
|
| | |
|
| | | container = rng[start ? 'startContainer' : 'endContainer'];
|
| | | offset = rng[start ? 'startOffset' : 'endOffset'];
|
| | |
|
| | | if (container.nodeType == 1) {
|
| | | lastIdx = container.childNodes.length - 1;
|
| | |
|
| | | if (!start && offset)
|
| | | offset--;
|
| | |
|
| | | container = container.childNodes[offset > lastIdx ? lastIdx : offset];
|
| | | }
|
| | |
|
| | | // If start text node is excluded then walk to the next node
|
| | | if (container.nodeType === 3 && start && offset >= container.nodeValue.length) {
|
| | | container = new TreeWalker(container, ed.getBody()).next() || container;
|
| | | }
|
| | |
|
| | | // If end text node is excluded then walk to the previous node
|
| | | if (container.nodeType === 3 && !start && offset === 0) {
|
| | | container = new TreeWalker(container, ed.getBody()).prev() || container;
|
| | | }
|
| | |
|
| | | return container;
|
| | | };
|
| | |
|
| | | function performCaretAction(type, name, vars) {
|
| | | var caretContainerId = '_mce_caret', debug = ed.settings.caret_debug;
|
| | |
|
| | | // Creates a caret container bogus element
|
| | | function createCaretContainer(fill) {
|
| | | var caretContainer = dom.create('span', {id: caretContainerId, 'data-mce-bogus': true, style: debug ? 'color:red' : ''});
|
| | |
|
| | | if (fill) {
|
| | | caretContainer.appendChild(ed.getDoc().createTextNode(INVISIBLE_CHAR));
|
| | | }
|
| | |
|
| | | return caretContainer;
|
| | | };
|
| | |
|
| | | function isCaretContainerEmpty(node, nodes) {
|
| | | while (node) {
|
| | | if ((node.nodeType === 3 && node.nodeValue !== INVISIBLE_CHAR) || node.childNodes.length > 1) {
|
| | | return false;
|
| | | }
|
| | |
|
| | | // Collect nodes
|
| | | if (nodes && node.nodeType === 1) {
|
| | | nodes.push(node);
|
| | | }
|
| | |
|
| | | node = node.firstChild;
|
| | | }
|
| | |
|
| | | return true;
|
| | | };
|
| | | |
| | | // Returns any parent caret container element
|
| | | function getParentCaretContainer(node) {
|
| | | while (node) {
|
| | | if (node.id === caretContainerId) {
|
| | | return node;
|
| | | }
|
| | |
|
| | | node = node.parentNode;
|
| | | }
|
| | | };
|
| | |
|
| | | // Finds the first text node in the specified node
|
| | | function findFirstTextNode(node) {
|
| | | var walker;
|
| | |
|
| | | if (node) {
|
| | | walker = new TreeWalker(node, node);
|
| | |
|
| | | for (node = walker.current(); node; node = walker.next()) {
|
| | | if (node.nodeType === 3) {
|
| | | return node;
|
| | | }
|
| | | }
|
| | | }
|
| | | };
|
| | |
|
| | | // Removes the caret container for the specified node or all on the current document
|
| | | function removeCaretContainer(node, move_caret) {
|
| | | var child, rng;
|
| | |
|
| | | if (!node) {
|
| | | node = getParentCaretContainer(selection.getStart());
|
| | |
|
| | | if (!node) {
|
| | | while (node = dom.get(caretContainerId)) {
|
| | | removeCaretContainer(node, false);
|
| | | }
|
| | | }
|
| | | } else {
|
| | | rng = selection.getRng(true);
|
| | |
|
| | | if (isCaretContainerEmpty(node)) {
|
| | | if (move_caret !== false) {
|
| | | rng.setStartBefore(node);
|
| | | rng.setEndBefore(node);
|
| | | }
|
| | |
|
| | | dom.remove(node);
|
| | | } else {
|
| | | child = findFirstTextNode(node);
|
| | |
|
| | | if (child.nodeValue.charAt(0) === INVISIBLE_CHAR) {
|
| | | child = child.deleteData(0, 1);
|
| | | }
|
| | |
|
| | | dom.remove(node, 1);
|
| | | }
|
| | |
|
| | | selection.setRng(rng);
|
| | | }
|
| | | };
|
| | | |
| | | // Applies formatting to the caret postion
|
| | | function applyCaretFormat() {
|
| | | var rng, caretContainer, textNode, offset, bookmark, container, text;
|
| | |
|
| | | rng = selection.getRng(true);
|
| | | offset = rng.startOffset;
|
| | | container = rng.startContainer;
|
| | | text = container.nodeValue;
|
| | |
|
| | | caretContainer = getParentCaretContainer(selection.getStart());
|
| | | if (caretContainer) {
|
| | | textNode = findFirstTextNode(caretContainer);
|
| | | }
|
| | |
|
| | | // Expand to word is caret is in the middle of a text node and the char before/after is a alpha numeric character
|
| | | if (text && offset > 0 && offset < text.length && /\w/.test(text.charAt(offset)) && /\w/.test(text.charAt(offset - 1))) {
|
| | | // Get bookmark of caret position
|
| | | bookmark = selection.getBookmark();
|
| | |
|
| | | // Collapse bookmark range (WebKit)
|
| | | rng.collapse(true);
|
| | |
|
| | | // Expand the range to the closest word and split it at those points
|
| | | rng = expandRng(rng, get(name));
|
| | | rng = rangeUtils.split(rng);
|
| | |
|
| | | // Apply the format to the range
|
| | | apply(name, vars, rng);
|
| | |
|
| | | // Move selection back to caret position
|
| | | selection.moveToBookmark(bookmark);
|
| | | } else {
|
| | | if (!caretContainer || textNode.nodeValue !== INVISIBLE_CHAR) {
|
| | | caretContainer = createCaretContainer(true);
|
| | | textNode = caretContainer.firstChild;
|
| | |
|
| | | rng.insertNode(caretContainer);
|
| | | offset = 1;
|
| | |
|
| | | apply(name, vars, caretContainer);
|
| | | } else {
|
| | | apply(name, vars, caretContainer);
|
| | | }
|
| | |
|
| | | // Move selection to text node
|
| | | selection.setCursorLocation(textNode, offset);
|
| | | }
|
| | | };
|
| | |
|
| | | function removeCaretFormat() {
|
| | | var rng = selection.getRng(true), container, offset, bookmark,
|
| | | hasContentAfter, node, formatNode, parents = [], i, caretContainer;
|
| | |
|
| | | container = rng.startContainer;
|
| | | offset = rng.startOffset;
|
| | | node = container;
|
| | |
|
| | | if (container.nodeType == 3) {
|
| | | if (offset != container.nodeValue.length || container.nodeValue === INVISIBLE_CHAR) {
|
| | | hasContentAfter = true;
|
| | | }
|
| | |
|
| | | node = node.parentNode;
|
| | | }
|
| | |
|
| | | while (node) {
|
| | | if (matchNode(node, name, vars)) {
|
| | | formatNode = node;
|
| | | break;
|
| | | }
|
| | |
|
| | | if (node.nextSibling) {
|
| | | hasContentAfter = true;
|
| | | }
|
| | |
|
| | | parents.push(node);
|
| | | node = node.parentNode;
|
| | | }
|
| | |
|
| | | // Node doesn't have the specified format
|
| | | if (!formatNode) {
|
| | | return;
|
| | | }
|
| | |
|
| | | // Is there contents after the caret then remove the format on the element
|
| | | if (hasContentAfter) {
|
| | | // Get bookmark of caret position
|
| | | bookmark = selection.getBookmark();
|
| | |
|
| | | // Collapse bookmark range (WebKit)
|
| | | rng.collapse(true);
|
| | |
|
| | | // Expand the range to the closest word and split it at those points
|
| | | rng = expandRng(rng, get(name), true);
|
| | | rng = rangeUtils.split(rng);
|
| | |
|
| | | // Remove the format from the range
|
| | | remove(name, vars, rng);
|
| | |
|
| | | // Move selection back to caret position
|
| | | selection.moveToBookmark(bookmark);
|
| | | } else {
|
| | | caretContainer = createCaretContainer();
|
| | |
|
| | | node = caretContainer;
|
| | | for (i = parents.length - 1; i >= 0; i--) {
|
| | | node.appendChild(dom.clone(parents[i], false));
|
| | | node = node.firstChild;
|
| | | }
|
| | |
|
| | | // Insert invisible character into inner most format element
|
| | | node.appendChild(dom.doc.createTextNode(INVISIBLE_CHAR));
|
| | | node = node.firstChild;
|
| | |
|
| | | // Insert caret container after the formated node
|
| | | dom.insertAfter(caretContainer, formatNode);
|
| | |
|
| | | // Move selection to text node
|
| | | selection.setCursorLocation(node, 1);
|
| | | }
|
| | | };
|
| | |
|
| | | // Checks if the parent caret container node isn't empty if that is the case it
|
| | | // will remove the bogus state on all children that isn't empty
|
| | | function unmarkBogusCaretParents() {
|
| | | var i, caretContainer, node;
|
| | |
|
| | | caretContainer = getParentCaretContainer(selection.getStart());
|
| | | if (caretContainer && !dom.isEmpty(caretContainer)) {
|
| | | tinymce.walk(caretContainer, function(node) {
|
| | | if (node.nodeType == 1 && node.id !== caretContainerId && !dom.isEmpty(node)) {
|
| | | dom.setAttrib(node, 'data-mce-bogus', null);
|
| | | }
|
| | | }, 'childNodes');
|
| | | }
|
| | | };
|
| | |
|
| | | // Only bind the caret events once
|
| | | if (!self._hasCaretEvents) {
|
| | | // Mark current caret container elements as bogus when getting the contents so we don't end up with empty elements
|
| | | ed.onBeforeGetContent.addToTop(function() {
|
| | | var nodes = [], i;
|
| | |
|
| | | if (isCaretContainerEmpty(getParentCaretContainer(selection.getStart()), nodes)) {
|
| | | // Mark children
|
| | | i = nodes.length;
|
| | | while (i--) {
|
| | | dom.setAttrib(nodes[i], 'data-mce-bogus', '1');
|
| | | }
|
| | | }
|
| | | });
|
| | |
|
| | | // Remove caret container on mouse up and on key up
|
| | | tinymce.each('onMouseUp onKeyUp'.split(' '), function(name) {
|
| | | ed[name].addToTop(function() {
|
| | | removeCaretContainer();
|
| | | unmarkBogusCaretParents();
|
| | | });
|
| | | });
|
| | |
|
| | | // Remove caret container on keydown and it's a backspace, enter or left/right arrow keys
|
| | | ed.onKeyDown.addToTop(function(ed, e) {
|
| | | var keyCode = e.keyCode;
|
| | |
|
| | | if (keyCode == 8 || keyCode == 37 || keyCode == 39) {
|
| | | removeCaretContainer(getParentCaretContainer(selection.getStart()));
|
| | | }
|
| | |
|
| | | unmarkBogusCaretParents();
|
| | | });
|
| | |
|
| | | // Remove bogus state if they got filled by contents using editor.selection.setContent
|
| | | selection.onSetContent.add(unmarkBogusCaretParents);
|
| | |
|
| | | self._hasCaretEvents = true;
|
| | | }
|
| | |
|
| | | // Do apply or remove caret format
|
| | | if (type == "apply") {
|
| | | applyCaretFormat();
|
| | | } else {
|
| | | removeCaretFormat();
|
| | | }
|
| | | };
|
| | |
|
| | | function moveStart(rng) {
|
| | | var container = rng.startContainer,
|
| | | offset = rng.startOffset, isAtEndOfText,
|
| | | walker, node, nodes, tmpNode;
|
| | |
|
| | | // Convert text node into index if possible
|
| | | if (container.nodeType == 3 && offset >= container.nodeValue.length) {
|
| | | // Get the parent container location and walk from there
|
| | | offset = nodeIndex(container);
|
| | | container = container.parentNode;
|
| | | isAtEndOfText = true;
|
| | | }
|
| | |
|
| | | // Move startContainer/startOffset in to a suitable node
|
| | | if (container.nodeType == 1) {
|
| | | nodes = container.childNodes;
|
| | | container = nodes[Math.min(offset, nodes.length - 1)];
|
| | | walker = new TreeWalker(container, dom.getParent(container, dom.isBlock));
|
| | |
|
| | | // If offset is at end of the parent node walk to the next one
|
| | | if (offset > nodes.length - 1 || isAtEndOfText)
|
| | | walker.next();
|
| | |
|
| | | for (node = walker.current(); node; node = walker.next()) {
|
| | | if (node.nodeType == 3 && !isWhiteSpaceNode(node)) {
|
| | | // IE has a "neat" feature where it moves the start node into the closest element
|
| | | // we can avoid this by inserting an element before it and then remove it after we set the selection
|
| | | tmpNode = dom.create('a', null, INVISIBLE_CHAR);
|
| | | node.parentNode.insertBefore(tmpNode, node);
|
| | |
|
| | | // Set selection and remove tmpNode
|
| | | rng.setStart(node, 0);
|
| | | selection.setRng(rng);
|
| | | dom.remove(tmpNode);
|
| | |
|
| | | return;
|
| | | }
|
| | | }
|
| | | }
|
| | | };
|
| | | };
|
| | | })(tinymce);
|
| | |
|
| | | tinymce.onAddEditor.add(function(tinymce, ed) {
|
| | | var filters, fontSizes, dom, settings = ed.settings;
|
| | |
|
| | | function replaceWithSpan(node, styles) {
|
| | | tinymce.each(styles, function(value, name) {
|
| | | if (value)
|
| | | dom.setStyle(node, name, value);
|
| | | });
|
| | |
|
| | | dom.rename(node, 'span');
|
| | | };
|
| | |
|
| | | function convert(editor, params) {
|
| | | dom = editor.dom;
|
| | |
|
| | | if (settings.convert_fonts_to_spans) {
|
| | | tinymce.each(dom.select('font,u,strike', params.node), function(node) {
|
| | | filters[node.nodeName.toLowerCase()](ed.dom, node);
|
| | | });
|
| | | }
|
| | | };
|
| | |
|
| | | if (settings.inline_styles) {
|
| | | fontSizes = tinymce.explode(settings.font_size_legacy_values);
|
| | |
|
| | | filters = {
|
| | | font : function(dom, node) {
|
| | | replaceWithSpan(node, {
|
| | | backgroundColor : node.style.backgroundColor,
|
| | | color : node.color,
|
| | | fontFamily : node.face,
|
| | | fontSize : fontSizes[parseInt(node.size, 10) - 1]
|
| | | });
|
| | | },
|
| | |
|
| | | u : function(dom, node) {
|
| | | replaceWithSpan(node, {
|
| | | textDecoration : 'underline'
|
| | | });
|
| | | },
|
| | |
|
| | | strike : function(dom, node) {
|
| | | replaceWithSpan(node, {
|
| | | textDecoration : 'line-through'
|
| | | });
|
| | | }
|
| | | };
|
| | |
|
| | | ed.onPreProcess.add(convert);
|
| | | ed.onSetContent.add(convert);
|
| | |
|
| | | ed.onInit.add(function() {
|
| | | ed.selection.onSetContent.add(convert);
|
| | | });
|
| | | }
|
| | | });
|
| | |
|
| | | (function(tinymce) {
|
| | | var TreeWalker = tinymce.dom.TreeWalker;
|
| | |
|
| | | tinymce.EnterKey = function(editor) {
|
| | | var dom = editor.dom, selection = editor.selection, settings = editor.settings, undoManager = editor.undoManager, nonEmptyElementsMap = editor.schema.getNonEmptyElements();
|
| | |
|
| | | function handleEnterKey(evt) {
|
| | | var rng = selection.getRng(true), tmpRng, editableRoot, container, offset, parentBlock, documentMode, shiftKey,
|
| | | newBlock, fragment, containerBlock, parentBlockName, containerBlockName, newBlockName, isAfterLastNodeInContainer;
|
| | |
|
| | | // Returns true if the block can be split into two blocks or not
|
| | | function canSplitBlock(node) {
|
| | | return node &&
|
| | | dom.isBlock(node) &&
|
| | | !/^(TD|TH|CAPTION|FORM)$/.test(node.nodeName) &&
|
| | | !/^(fixed|absolute)/i.test(node.style.position) && |
| | | dom.getContentEditable(node) !== "true";
|
| | | };
|
| | |
|
| | | // Renders empty block on IE
|
| | | function renderBlockOnIE(block) {
|
| | | var oldRng;
|
| | |
|
| | | if (tinymce.isIE && dom.isBlock(block)) {
|
| | | oldRng = selection.getRng();
|
| | | block.appendChild(dom.create('span', null, '\u00a0'));
|
| | | selection.select(block);
|
| | | block.lastChild.outerHTML = '';
|
| | | selection.setRng(oldRng);
|
| | | }
|
| | | };
|
| | |
|
| | | // Remove the first empty inline element of the block so this: <p><b><em></em></b>x</p> becomes this: <p>x</p>
|
| | | function trimInlineElementsOnLeftSideOfBlock(block) {
|
| | | var node = block, firstChilds = [], i;
|
| | |
|
| | | // Find inner most first child ex: <p><i><b>*</b></i></p>
|
| | | while (node = node.firstChild) {
|
| | | if (dom.isBlock(node)) {
|
| | | return;
|
| | | }
|
| | |
|
| | | if (node.nodeType == 1 && !nonEmptyElementsMap[node.nodeName.toLowerCase()]) {
|
| | | firstChilds.push(node);
|
| | | }
|
| | | }
|
| | |
|
| | | i = firstChilds.length;
|
| | | while (i--) {
|
| | | node = firstChilds[i];
|
| | | if (!node.hasChildNodes() || (node.firstChild == node.lastChild && node.firstChild.nodeValue === '')) {
|
| | | dom.remove(node);
|
| | | } else {
|
| | | // Remove <a> </a> see #5381
|
| | | if (node.nodeName == "A" && (node.innerText || node.textContent) === ' ') {
|
| | | dom.remove(node);
|
| | | }
|
| | | }
|
| | | }
|
| | | };
|
| | | |
| | | // Moves the caret to a suitable position within the root for example in the first non pure whitespace text node or before an image
|
| | | function moveToCaretPosition(root) {
|
| | | var walker, node, rng, y, viewPort, lastNode = root, tempElm;
|
| | |
|
| | | rng = dom.createRng();
|
| | |
|
| | | if (root.hasChildNodes()) {
|
| | | walker = new TreeWalker(root, root);
|
| | |
|
| | | while (node = walker.current()) {
|
| | | if (node.nodeType == 3) {
|
| | | rng.setStart(node, 0);
|
| | | rng.setEnd(node, 0);
|
| | | break;
|
| | | }
|
| | |
|
| | | if (nonEmptyElementsMap[node.nodeName.toLowerCase()]) {
|
| | | rng.setStartBefore(node);
|
| | | rng.setEndBefore(node);
|
| | | break;
|
| | | }
|
| | |
|
| | | lastNode = node;
|
| | | node = walker.next();
|
| | | }
|
| | |
|
| | | if (!node) {
|
| | | rng.setStart(lastNode, 0);
|
| | | rng.setEnd(lastNode, 0);
|
| | | }
|
| | | } else {
|
| | | if (root.nodeName == 'BR') {
|
| | | if (root.nextSibling && dom.isBlock(root.nextSibling)) {
|
| | | // Trick on older IE versions to render the caret before the BR between two lists
|
| | | if (!documentMode || documentMode < 9) {
|
| | | tempElm = dom.create('br');
|
| | | root.parentNode.insertBefore(tempElm, root);
|
| | | }
|
| | |
|
| | | rng.setStartBefore(root);
|
| | | rng.setEndBefore(root);
|
| | | } else {
|
| | | rng.setStartAfter(root);
|
| | | rng.setEndAfter(root);
|
| | | }
|
| | | } else {
|
| | | rng.setStart(root, 0);
|
| | | rng.setEnd(root, 0);
|
| | | }
|
| | | }
|
| | |
|
| | | selection.setRng(rng);
|
| | |
|
| | | // Remove tempElm created for old IE:s
|
| | | dom.remove(tempElm);
|
| | |
|
| | | viewPort = dom.getViewPort(editor.getWin());
|
| | |
|
| | | // 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
|
| | | y = dom.getPos(root).y;
|
| | | if (y < viewPort.y || y + 25 > viewPort.y + viewPort.h) {
|
| | | 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
|
| | | }
|
| | | };
|
| | |
|
| | | // Creates a new block element by cloning the current one or creating a new one if the name is specified
|
| | | // This function will also copy any text formatting from the parent block and add it to the new one
|
| | | function createNewBlock(name) {
|
| | | var node = container, block, clonedNode, caretNode;
|
| | |
|
| | | block = name || parentBlockName == "TABLE" ? dom.create(name || newBlockName) : parentBlock.cloneNode(false);
|
| | | caretNode = block;
|
| | |
|
| | | // Clone any parent styles
|
| | | if (settings.keep_styles !== false) {
|
| | | do {
|
| | | if (/^(SPAN|STRONG|B|EM|I|FONT|STRIKE|U)$/.test(node.nodeName)) {
|
| | | clonedNode = node.cloneNode(false);
|
| | | dom.setAttrib(clonedNode, 'id', ''); // Remove ID since it needs to be document unique
|
| | |
|
| | | if (block.hasChildNodes()) {
|
| | | clonedNode.appendChild(block.firstChild);
|
| | | block.appendChild(clonedNode);
|
| | | } else {
|
| | | caretNode = clonedNode;
|
| | | block.appendChild(clonedNode);
|
| | | }
|
| | | }
|
| | | } while (node = node.parentNode);
|
| | | }
|
| | |
|
| | | // BR is needed in empty blocks on non IE browsers
|
| | | if (!tinymce.isIE) {
|
| | | caretNode.innerHTML = '<br>';
|
| | | }
|
| | |
|
| | | return block;
|
| | | };
|
| | |
|
| | | // Returns true/false if the caret is at the start/end of the parent block element
|
| | | function isCaretAtStartOrEndOfBlock(start) {
|
| | | var walker, node, name;
|
| | |
|
| | | // Caret is in the middle of a text node like "a|b"
|
| | | if (container.nodeType == 3 && (start ? offset > 0 : offset < container.nodeValue.length)) {
|
| | | return false;
|
| | | }
|
| | |
|
| | | // If after the last element in block node edge case for #5091
|
| | | if (container.parentNode == parentBlock && isAfterLastNodeInContainer && !start) {
|
| | | return true;
|
| | | }
|
| | |
|
| | | // If the caret if before the first element in parentBlock
|
| | | if (start && container.nodeType == 1 && container == parentBlock.firstChild) {
|
| | | return true;
|
| | | }
|
| | |
|
| | | // Caret can be before/after a table
|
| | | if (container.nodeName === "TABLE" || (container.previousSibling && container.previousSibling.nodeName == "TABLE")) {
|
| | | return (isAfterLastNodeInContainer && !start) || (!isAfterLastNodeInContainer && start);
|
| | | }
|
| | |
|
| | | // Walk the DOM and look for text nodes or non empty elements
|
| | | walker = new TreeWalker(container, parentBlock);
|
| | | |
| | | // If caret is in beginning or end of a text block then jump to the next/previous node
|
| | | if (container.nodeType == 3) {
|
| | | if (start && offset == 0) {
|
| | | walker.prev();
|
| | | } else if (!start && offset == container.nodeValue.length) {
|
| | | walker.next();
|
| | | }
|
| | | }
|
| | |
|
| | | while (node = walker.current()) {
|
| | | if (node.nodeType === 1) {
|
| | | // Ignore bogus elements
|
| | | if (!node.getAttribute('data-mce-bogus')) {
|
| | | // Keep empty elements like <img /> <input /> but not trailing br:s like <p>text|<br></p>
|
| | | name = node.nodeName.toLowerCase();
|
| | | if (nonEmptyElementsMap[name] && name !== 'br') {
|
| | | return false;
|
| | | }
|
| | | }
|
| | | } else if (node.nodeType === 3 && !/^[ \t\r\n]*$/.test(node.nodeValue)) {
|
| | | return false;
|
| | | }
|
| | |
|
| | | if (start) {
|
| | | walker.prev();
|
| | | } else {
|
| | | walker.next();
|
| | | }
|
| | | }
|
| | |
|
| | | return true;
|
| | | };
|
| | |
|
| | | // Wraps any text nodes or inline elements in the specified forced root block name
|
| | | function wrapSelfAndSiblingsInDefaultBlock(container, offset) {
|
| | | var newBlock, parentBlock, startNode, node, next, blockName = newBlockName || 'P';
|
| | |
|
| | | // Not in a block element or in a table cell or caption
|
| | | parentBlock = dom.getParent(container, dom.isBlock);
|
| | | if (!parentBlock || !canSplitBlock(parentBlock)) {
|
| | | parentBlock = parentBlock || editableRoot;
|
| | |
|
| | | if (!parentBlock.hasChildNodes()) {
|
| | | newBlock = dom.create(blockName);
|
| | | parentBlock.appendChild(newBlock);
|
| | | rng.setStart(newBlock, 0);
|
| | | rng.setEnd(newBlock, 0);
|
| | | return newBlock;
|
| | | }
|
| | |
|
| | | // Find parent that is the first child of parentBlock
|
| | | node = container;
|
| | | while (node.parentNode != parentBlock) {
|
| | | node = node.parentNode;
|
| | | }
|
| | |
|
| | | // Loop left to find start node start wrapping at
|
| | | while (node && !dom.isBlock(node)) {
|
| | | startNode = node;
|
| | | node = node.previousSibling;
|
| | | }
|
| | |
|
| | | if (startNode) {
|
| | | newBlock = dom.create(blockName);
|
| | | startNode.parentNode.insertBefore(newBlock, startNode);
|
| | |
|
| | | // Start wrapping until we hit a block
|
| | | node = startNode;
|
| | | while (node && !dom.isBlock(node)) {
|
| | | next = node.nextSibling;
|
| | | newBlock.appendChild(node);
|
| | | node = next;
|
| | | }
|
| | |
|
| | | // Restore range to it's past location
|
| | | rng.setStart(container, offset);
|
| | | rng.setEnd(container, offset);
|
| | | }
|
| | | }
|
| | |
|
| | | return container;
|
| | | };
|
| | |
|
| | | // Inserts a block or br before/after or in the middle of a split list of the LI is empty
|
| | | function handleEmptyListItem() {
|
| | | function isFirstOrLastLi(first) {
|
| | | var node = containerBlock[first ? 'firstChild' : 'lastChild'];
|
| | |
|
| | | // Find first/last element since there might be whitespace there
|
| | | while (node) {
|
| | | if (node.nodeType == 1) {
|
| | | break;
|
| | | }
|
| | |
|
| | | node = node[first ? 'nextSibling' : 'previousSibling'];
|
| | | }
|
| | |
|
| | | return node === parentBlock;
|
| | | };
|
| | |
|
| | | newBlock = newBlockName ? createNewBlock(newBlockName) : dom.create('BR');
|
| | |
|
| | | if (isFirstOrLastLi(true) && isFirstOrLastLi()) {
|
| | | // Is first and last list item then replace the OL/UL with a text block
|
| | | dom.replace(newBlock, containerBlock);
|
| | | } else if (isFirstOrLastLi(true)) {
|
| | | // First LI in list then remove LI and add text block before list
|
| | | containerBlock.parentNode.insertBefore(newBlock, containerBlock);
|
| | | } else if (isFirstOrLastLi()) {
|
| | | // Last LI in list then temove LI and add text block after list
|
| | | dom.insertAfter(newBlock, containerBlock);
|
| | | renderBlockOnIE(newBlock);
|
| | | } else {
|
| | | // Middle LI in list the split the list and insert a text block in the middle
|
| | | // Extract after fragment and insert it after the current block
|
| | | tmpRng = rng.cloneRange();
|
| | | tmpRng.setStartAfter(parentBlock);
|
| | | tmpRng.setEndAfter(containerBlock);
|
| | | fragment = tmpRng.extractContents();
|
| | | dom.insertAfter(fragment, containerBlock);
|
| | | dom.insertAfter(newBlock, containerBlock);
|
| | | }
|
| | |
|
| | | dom.remove(parentBlock);
|
| | | moveToCaretPosition(newBlock);
|
| | | undoManager.add();
|
| | | };
|
| | |
|
| | | // Walks the parent block to the right and look for BR elements
|
| | | function hasRightSideBr() {
|
| | | var walker = new TreeWalker(container, parentBlock), node;
|
| | |
|
| | | while (node = walker.current()) {
|
| | | if (node.nodeName == 'BR') {
|
| | | return true;
|
| | | }
|
| | |
|
| | | node = walker.next();
|
| | | }
|
| | | }
|
| | | |
| | | // Inserts a BR element if the forced_root_block option is set to false or empty string
|
| | | function insertBr() {
|
| | | var brElm, extraBr;
|
| | |
|
| | | if (container && container.nodeType == 3 && offset >= container.nodeValue.length) {
|
| | | // Insert extra BR element at the end block elements
|
| | | if (!tinymce.isIE && !hasRightSideBr()) {
|
| | | brElm = dom.create('br');
|
| | | rng.insertNode(brElm);
|
| | | rng.setStartAfter(brElm);
|
| | | rng.setEndAfter(brElm);
|
| | | extraBr = true;
|
| | | }
|
| | | }
|
| | |
|
| | | brElm = dom.create('br');
|
| | | rng.insertNode(brElm);
|
| | |
|
| | | // Rendering modes below IE8 doesn't display BR elements in PRE unless we have a \n before it
|
| | | if (tinymce.isIE && parentBlockName == 'PRE' && (!documentMode || documentMode < 8)) {
|
| | | brElm.parentNode.insertBefore(dom.doc.createTextNode('\r'), brElm);
|
| | | }
|
| | |
|
| | | if (!extraBr) {
|
| | | rng.setStartAfter(brElm);
|
| | | rng.setEndAfter(brElm);
|
| | | } else {
|
| | | rng.setStartBefore(brElm);
|
| | | rng.setEndBefore(brElm);
|
| | | }
|
| | |
|
| | | selection.setRng(rng);
|
| | | undoManager.add();
|
| | | };
|
| | |
|
| | | // Trims any linebreaks at the beginning of node user for example when pressing enter in a PRE element
|
| | | function trimLeadingLineBreaks(node) {
|
| | | do {
|
| | | if (node.nodeType === 3) {
|
| | | node.nodeValue = node.nodeValue.replace(/^[\r\n]+/, '');
|
| | | }
|
| | |
|
| | | node = node.firstChild;
|
| | | } while (node);
|
| | | };
|
| | |
|
| | | function getEditableRoot(node) {
|
| | | var root = dom.getRoot(), parent, editableRoot;
|
| | |
|
| | | // Get all parents until we hit a non editable parent or the root
|
| | | parent = node;
|
| | | while (parent !== root && dom.getContentEditable(parent) !== "false") {
|
| | | if (dom.getContentEditable(parent) === "true") {
|
| | | editableRoot = parent;
|
| | | }
|
| | |
|
| | | parent = parent.parentNode;
|
| | | }
|
| | | |
| | | return parent !== root ? editableRoot : root;
|
| | | };
|
| | |
|
| | | // 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
|
| | | function addBrToBlockIfNeeded(block) {
|
| | | var lastChild;
|
| | |
|
| | | // IE will render the blocks correctly other browsers needs a BR
|
| | | if (!tinymce.isIE) {
|
| | | block.normalize(); // Remove empty text nodes that got left behind by the extract
|
| | |
|
| | | // Check if the block is empty or contains a floated last child
|
| | | lastChild = block.lastChild;
|
| | | if (!lastChild || (/^(left|right)$/gi.test(dom.getStyle(lastChild, 'float', true)))) {
|
| | | dom.add(block, 'br');
|
| | | }
|
| | | }
|
| | | };
|
| | |
|
| | | // Delete any selected contents
|
| | | if (!rng.collapsed) {
|
| | | editor.execCommand('Delete');
|
| | | return;
|
| | | }
|
| | |
|
| | | // Event is blocked by some other handler for example the lists plugin
|
| | | if (evt.isDefaultPrevented()) {
|
| | | return;
|
| | | }
|
| | |
|
| | | // Setup range items and newBlockName
|
| | | container = rng.startContainer;
|
| | | offset = rng.startOffset;
|
| | | newBlockName = (settings.force_p_newlines ? 'p' : '') || settings.forced_root_block;
|
| | | newBlockName = newBlockName ? newBlockName.toUpperCase() : '';
|
| | | documentMode = dom.doc.documentMode;
|
| | | shiftKey = evt.shiftKey;
|
| | |
|
| | | // Resolve node index
|
| | | if (container.nodeType == 1 && container.hasChildNodes()) {
|
| | | isAfterLastNodeInContainer = offset > container.childNodes.length - 1;
|
| | | container = container.childNodes[Math.min(offset, container.childNodes.length - 1)] || container;
|
| | | if (isAfterLastNodeInContainer && container.nodeType == 3) {
|
| | | offset = container.nodeValue.length;
|
| | | } else {
|
| | | offset = 0;
|
| | | }
|
| | | }
|
| | |
|
| | | // Get editable root node normaly the body element but sometimes a div or span
|
| | | editableRoot = getEditableRoot(container);
|
| | |
|
| | | // If there is no editable root then enter is done inside a contentEditable false element
|
| | | if (!editableRoot) {
|
| | | return;
|
| | | }
|
| | |
|
| | | undoManager.beforeChange();
|
| | |
|
| | | // If editable root isn't block nor the root of the editor
|
| | | if (!dom.isBlock(editableRoot) && editableRoot != dom.getRoot()) {
|
| | | if (!newBlockName || shiftKey) {
|
| | | insertBr();
|
| | | }
|
| | |
|
| | | return;
|
| | | }
|
| | |
|
| | | // Wrap the current node and it's sibling in a default block if it's needed.
|
| | | // for example this <td>text|<b>text2</b></td> will become this <td><p>text|<b>text2</p></b></td>
|
| | | // This won't happen if root blocks are disabled or the shiftKey is pressed
|
| | | if ((newBlockName && !shiftKey) || (!newBlockName && shiftKey)) {
|
| | | container = wrapSelfAndSiblingsInDefaultBlock(container, offset);
|
| | | }
|
| | |
|
| | | // Find parent block and setup empty block paddings
|
| | | parentBlock = dom.getParent(container, dom.isBlock);
|
| | | containerBlock = parentBlock ? dom.getParent(parentBlock.parentNode, dom.isBlock) : null;
|
| | |
|
| | | // Setup block names
|
| | | parentBlockName = parentBlock ? parentBlock.nodeName.toUpperCase() : ''; // IE < 9 & HTML5
|
| | | containerBlockName = containerBlock ? containerBlock.nodeName.toUpperCase() : ''; // IE < 9 & HTML5
|
| | |
|
| | | // Handle enter in LI
|
| | | if (parentBlockName == 'LI') {
|
| | | if (!newBlockName && shiftKey) {
|
| | | insertBr();
|
| | | return;
|
| | | }
|
| | |
|
| | | // Handle enter inside an empty list item
|
| | | if (dom.isEmpty(parentBlock)) {
|
| | | // Let the list plugin or browser handle nested lists for now
|
| | | if (/^(UL|OL|LI)$/.test(containerBlock.parentNode.nodeName)) {
|
| | | return false;
|
| | | }
|
| | |
|
| | | handleEmptyListItem();
|
| | | return;
|
| | | }
|
| | | }
|
| | |
|
| | | // Don't split PRE tags but insert a BR instead easier when writing code samples etc
|
| | | if (parentBlockName == 'PRE' && settings.br_in_pre !== false) {
|
| | | if (!shiftKey) {
|
| | | insertBr();
|
| | | return;
|
| | | }
|
| | | } else {
|
| | | // If no root block is configured then insert a BR by default or if the shiftKey is pressed
|
| | | if ((!newBlockName && !shiftKey && parentBlockName != 'LI') || (newBlockName && shiftKey)) {
|
| | | insertBr();
|
| | | return;
|
| | | }
|
| | | }
|
| | |
|
| | | // Default block name if it's not configured
|
| | | newBlockName = newBlockName || 'P';
|
| | |
|
| | | // Insert new block before/after the parent block depending on caret location
|
| | | if (isCaretAtStartOrEndOfBlock()) {
|
| | | // 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
|
| | | if (/^(H[1-6]|PRE)$/.test(parentBlockName) && containerBlockName != 'HGROUP') {
|
| | | newBlock = createNewBlock(newBlockName);
|
| | | } else {
|
| | | newBlock = createNewBlock();
|
| | | }
|
| | |
|
| | | // Split the current container block element if enter is pressed inside an empty inner block element
|
| | | if (settings.end_container_on_empty_block && canSplitBlock(containerBlock) && dom.isEmpty(parentBlock)) {
|
| | | // Split container block for example a BLOCKQUOTE at the current blockParent location for example a P
|
| | | newBlock = dom.split(containerBlock, parentBlock);
|
| | | } else {
|
| | | dom.insertAfter(newBlock, parentBlock);
|
| | | }
|
| | |
|
| | | moveToCaretPosition(newBlock);
|
| | | } else if (isCaretAtStartOrEndOfBlock(true)) {
|
| | | // Insert new block before
|
| | | newBlock = parentBlock.parentNode.insertBefore(createNewBlock(), parentBlock);
|
| | | renderBlockOnIE(newBlock);
|
| | | } else {
|
| | | // Extract after fragment and insert it after the current block
|
| | | tmpRng = rng.cloneRange();
|
| | | tmpRng.setEndAfter(parentBlock);
|
| | | fragment = tmpRng.extractContents();
|
| | | trimLeadingLineBreaks(fragment);
|
| | | newBlock = fragment.firstChild;
|
| | | dom.insertAfter(fragment, parentBlock);
|
| | | trimInlineElementsOnLeftSideOfBlock(newBlock);
|
| | | addBrToBlockIfNeeded(parentBlock);
|
| | | moveToCaretPosition(newBlock);
|
| | | }
|
| | |
|
| | | dom.setAttrib(newBlock, 'id', ''); // Remove ID since it needs to be document unique
|
| | | undoManager.add();
|
| | | }
|
| | |
|
| | | editor.onKeyDown.add(function(ed, evt) {
|
| | | if (evt.keyCode == 13) {
|
| | | if (handleEnterKey(evt) !== false) {
|
| | | evt.preventDefault();
|
| | | }
|
| | | }
|
| | | });
|
| | | };
|
| | | })(tinymce);
|
| | |
|