480 lines
13 KiB
JavaScript
480 lines
13 KiB
JavaScript
(function () {
|
|
|
|
var defs = {}; // id -> {dependencies, definition, instance (possibly undefined)}
|
|
|
|
// Used when there is no 'main' module.
|
|
// The name is probably (hopefully) unique so minification removes for releases.
|
|
var register_3795 = function (id) {
|
|
var module = dem(id);
|
|
var fragments = id.split('.');
|
|
var target = Function('return this;')();
|
|
for (var i = 0; i < fragments.length - 1; ++i) {
|
|
if (target[fragments[i]] === undefined)
|
|
target[fragments[i]] = {};
|
|
target = target[fragments[i]];
|
|
}
|
|
target[fragments[fragments.length - 1]] = module;
|
|
};
|
|
|
|
var instantiate = function (id) {
|
|
var actual = defs[id];
|
|
var dependencies = actual.deps;
|
|
var definition = actual.defn;
|
|
var len = dependencies.length;
|
|
var instances = new Array(len);
|
|
for (var i = 0; i < len; ++i)
|
|
instances[i] = dem(dependencies[i]);
|
|
var defResult = definition.apply(null, instances);
|
|
if (defResult === undefined)
|
|
throw 'module [' + id + '] returned undefined';
|
|
actual.instance = defResult;
|
|
};
|
|
|
|
var def = function (id, dependencies, definition) {
|
|
if (typeof id !== 'string')
|
|
throw 'module id must be a string';
|
|
else if (dependencies === undefined)
|
|
throw 'no dependencies for ' + id;
|
|
else if (definition === undefined)
|
|
throw 'no definition function for ' + id;
|
|
defs[id] = {
|
|
deps: dependencies,
|
|
defn: definition,
|
|
instance: undefined
|
|
};
|
|
};
|
|
|
|
var dem = function (id) {
|
|
var actual = defs[id];
|
|
if (actual === undefined)
|
|
throw 'module [' + id + '] was undefined';
|
|
else if (actual.instance === undefined)
|
|
instantiate(id);
|
|
return actual.instance;
|
|
};
|
|
|
|
var req = function (ids, callback) {
|
|
var len = ids.length;
|
|
var instances = new Array(len);
|
|
for (var i = 0; i < len; ++i)
|
|
instances.push(dem(ids[i]));
|
|
callback.apply(null, callback);
|
|
};
|
|
|
|
var ephox = {};
|
|
|
|
ephox.bolt = {
|
|
module: {
|
|
api: {
|
|
define: def,
|
|
require: req,
|
|
demand: dem
|
|
}
|
|
}
|
|
};
|
|
|
|
var define = def;
|
|
var require = req;
|
|
var demand = dem;
|
|
// this helps with minificiation when using a lot of global references
|
|
var defineGlobal = function (id, ref) {
|
|
define(id, [], function () { return ref; });
|
|
};
|
|
/*jsc
|
|
["tinymce.plugins.importcss.Plugin","tinymce.core.EditorManager","tinymce.core.dom.DOMUtils","tinymce.core.Env","tinymce.core.PluginManager","tinymce.core.util.Tools","global!tinymce.util.Tools.resolve"]
|
|
jsc*/
|
|
defineGlobal("global!tinymce.util.Tools.resolve", tinymce.util.Tools.resolve);
|
|
/**
|
|
* ResolveGlobal.js
|
|
*
|
|
* Released under LGPL License.
|
|
* Copyright (c) 1999-2017 Ephox Corp. All rights reserved
|
|
*
|
|
* License: http://www.tinymce.com/license
|
|
* Contributing: http://www.tinymce.com/contributing
|
|
*/
|
|
|
|
define(
|
|
'tinymce.core.EditorManager',
|
|
[
|
|
'global!tinymce.util.Tools.resolve'
|
|
],
|
|
function (resolve) {
|
|
return resolve('tinymce.EditorManager');
|
|
}
|
|
);
|
|
|
|
/**
|
|
* ResolveGlobal.js
|
|
*
|
|
* Released under LGPL License.
|
|
* Copyright (c) 1999-2017 Ephox Corp. All rights reserved
|
|
*
|
|
* License: http://www.tinymce.com/license
|
|
* Contributing: http://www.tinymce.com/contributing
|
|
*/
|
|
|
|
define(
|
|
'tinymce.core.dom.DOMUtils',
|
|
[
|
|
'global!tinymce.util.Tools.resolve'
|
|
],
|
|
function (resolve) {
|
|
return resolve('tinymce.dom.DOMUtils');
|
|
}
|
|
);
|
|
|
|
/**
|
|
* ResolveGlobal.js
|
|
*
|
|
* Released under LGPL License.
|
|
* Copyright (c) 1999-2017 Ephox Corp. All rights reserved
|
|
*
|
|
* License: http://www.tinymce.com/license
|
|
* Contributing: http://www.tinymce.com/contributing
|
|
*/
|
|
|
|
define(
|
|
'tinymce.core.Env',
|
|
[
|
|
'global!tinymce.util.Tools.resolve'
|
|
],
|
|
function (resolve) {
|
|
return resolve('tinymce.Env');
|
|
}
|
|
);
|
|
|
|
/**
|
|
* ResolveGlobal.js
|
|
*
|
|
* Released under LGPL License.
|
|
* Copyright (c) 1999-2017 Ephox Corp. All rights reserved
|
|
*
|
|
* License: http://www.tinymce.com/license
|
|
* Contributing: http://www.tinymce.com/contributing
|
|
*/
|
|
|
|
define(
|
|
'tinymce.core.PluginManager',
|
|
[
|
|
'global!tinymce.util.Tools.resolve'
|
|
],
|
|
function (resolve) {
|
|
return resolve('tinymce.PluginManager');
|
|
}
|
|
);
|
|
|
|
/**
|
|
* ResolveGlobal.js
|
|
*
|
|
* Released under LGPL License.
|
|
* Copyright (c) 1999-2017 Ephox Corp. All rights reserved
|
|
*
|
|
* License: http://www.tinymce.com/license
|
|
* Contributing: http://www.tinymce.com/contributing
|
|
*/
|
|
|
|
define(
|
|
'tinymce.core.util.Tools',
|
|
[
|
|
'global!tinymce.util.Tools.resolve'
|
|
],
|
|
function (resolve) {
|
|
return resolve('tinymce.util.Tools');
|
|
}
|
|
);
|
|
|
|
/**
|
|
* Plugin.js
|
|
*
|
|
* Released under LGPL License.
|
|
* Copyright (c) 1999-2017 Ephox Corp. All rights reserved
|
|
*
|
|
* License: http://www.tinymce.com/license
|
|
* Contributing: http://www.tinymce.com/contributing
|
|
*/
|
|
|
|
/**
|
|
* This class contains all core logic for the importcss plugin.
|
|
*
|
|
* @class tinymce.importcss.Plugin
|
|
* @private
|
|
*/
|
|
define(
|
|
'tinymce.plugins.importcss.Plugin',
|
|
[
|
|
'tinymce.core.EditorManager',
|
|
'tinymce.core.dom.DOMUtils',
|
|
'tinymce.core.Env',
|
|
'tinymce.core.PluginManager',
|
|
'tinymce.core.util.Tools'
|
|
],
|
|
function (EditorManager, DOMUtils, Env, PluginManager, Tools) {
|
|
PluginManager.add('importcss', function (editor) {
|
|
var self = this, each = Tools.each;
|
|
|
|
function removeCacheSuffix(url) {
|
|
var cacheSuffix = Env.cacheSuffix;
|
|
|
|
if (typeof url == 'string') {
|
|
url = url.replace('?' + cacheSuffix, '').replace('&' + cacheSuffix, '');
|
|
}
|
|
|
|
return url;
|
|
}
|
|
|
|
function isSkinContentCss(href) {
|
|
var settings = editor.settings, skin = settings.skin !== false ? settings.skin || 'lightgray' : false;
|
|
|
|
if (skin) {
|
|
var skinUrl = settings.skin_url;
|
|
|
|
if (skinUrl) {
|
|
skinUrl = editor.documentBaseURI.toAbsolute(skinUrl);
|
|
} else {
|
|
skinUrl = EditorManager.baseURL + '/skins/' + skin;
|
|
}
|
|
|
|
return href === skinUrl + '/content' + (editor.inline ? '.inline' : '') + '.min.css';
|
|
}
|
|
|
|
return false;
|
|
}
|
|
|
|
function compileFilter(filter) {
|
|
if (typeof filter == "string") {
|
|
return function (value) {
|
|
return value.indexOf(filter) !== -1;
|
|
};
|
|
} else if (filter instanceof RegExp) {
|
|
return function (value) {
|
|
return filter.test(value);
|
|
};
|
|
}
|
|
|
|
return filter;
|
|
}
|
|
|
|
function getSelectors(doc, fileFilter) {
|
|
var selectors = [], contentCSSUrls = {};
|
|
|
|
function append(styleSheet, imported) {
|
|
var href = styleSheet.href, rules;
|
|
|
|
href = removeCacheSuffix(href);
|
|
|
|
if (!href || !fileFilter(href, imported) || isSkinContentCss(href)) {
|
|
return;
|
|
}
|
|
|
|
each(styleSheet.imports, function (styleSheet) {
|
|
append(styleSheet, true);
|
|
});
|
|
|
|
try {
|
|
rules = styleSheet.cssRules || styleSheet.rules;
|
|
} catch (e) {
|
|
// Firefox fails on rules to remote domain for example:
|
|
// @import url(//fonts.googleapis.com/css?family=Pathway+Gothic+One);
|
|
}
|
|
|
|
each(rules, function (cssRule) {
|
|
if (cssRule.styleSheet) {
|
|
append(cssRule.styleSheet, true);
|
|
} else if (cssRule.selectorText) {
|
|
each(cssRule.selectorText.split(','), function (selector) {
|
|
selectors.push(Tools.trim(selector));
|
|
});
|
|
}
|
|
});
|
|
}
|
|
|
|
each(editor.contentCSS, function (url) {
|
|
contentCSSUrls[url] = true;
|
|
});
|
|
|
|
if (!fileFilter) {
|
|
fileFilter = function (href, imported) {
|
|
return imported || contentCSSUrls[href];
|
|
};
|
|
}
|
|
|
|
try {
|
|
each(doc.styleSheets, function (styleSheet) {
|
|
append(styleSheet);
|
|
});
|
|
} catch (e) {
|
|
// Ignore
|
|
}
|
|
|
|
return selectors;
|
|
}
|
|
|
|
function defaultConvertSelectorToFormat(selectorText) {
|
|
var format;
|
|
|
|
// Parse simple element.class1, .class1
|
|
var selector = /^(?:([a-z0-9\-_]+))?(\.[a-z0-9_\-\.]+)$/i.exec(selectorText);
|
|
if (!selector) {
|
|
return;
|
|
}
|
|
|
|
var elementName = selector[1];
|
|
var classes = selector[2].substr(1).split('.').join(' ');
|
|
var inlineSelectorElements = Tools.makeMap('a,img');
|
|
|
|
// element.class - Produce block formats
|
|
if (selector[1]) {
|
|
format = {
|
|
title: selectorText
|
|
};
|
|
|
|
if (editor.schema.getTextBlockElements()[elementName]) {
|
|
// Text block format ex: h1.class1
|
|
format.block = elementName;
|
|
} else if (editor.schema.getBlockElements()[elementName] || inlineSelectorElements[elementName.toLowerCase()]) {
|
|
// Block elements such as table.class and special inline elements such as a.class or img.class
|
|
format.selector = elementName;
|
|
} else {
|
|
// Inline format strong.class1
|
|
format.inline = elementName;
|
|
}
|
|
} else if (selector[2]) {
|
|
// .class - Produce inline span with classes
|
|
format = {
|
|
inline: 'span',
|
|
title: selectorText.substr(1),
|
|
classes: classes
|
|
};
|
|
}
|
|
|
|
// Append to or override class attribute
|
|
if (editor.settings.importcss_merge_classes !== false) {
|
|
format.classes = classes;
|
|
} else {
|
|
format.attributes = { "class": classes };
|
|
}
|
|
|
|
return format;
|
|
}
|
|
|
|
function getGroupsBySelector(groups, selector) {
|
|
return Tools.grep(groups, function (group) {
|
|
return !group.filter || group.filter(selector);
|
|
});
|
|
}
|
|
|
|
function compileUserDefinedGroups(groups) {
|
|
return Tools.map(groups, function (group) {
|
|
return Tools.extend({}, group, {
|
|
original: group,
|
|
selectors: {},
|
|
filter: compileFilter(group.filter),
|
|
item: {
|
|
text: group.title,
|
|
menu: []
|
|
}
|
|
});
|
|
});
|
|
}
|
|
|
|
function isExclusiveMode(editor, group) {
|
|
// Exclusive mode can only be disabled when there are groups allowing the same style to be present in multiple groups
|
|
return group === null || editor.settings.importcss_exclusive !== false;
|
|
}
|
|
|
|
function isUniqueSelector(selector, group, globallyUniqueSelectors) {
|
|
return !(isExclusiveMode(editor, group) ? selector in globallyUniqueSelectors : selector in group.selectors);
|
|
}
|
|
|
|
function markUniqueSelector(selector, group, globallyUniqueSelectors) {
|
|
if (isExclusiveMode(editor, group)) {
|
|
globallyUniqueSelectors[selector] = true;
|
|
} else {
|
|
group.selectors[selector] = true;
|
|
}
|
|
}
|
|
|
|
function convertSelectorToFormat(plugin, selector, group) {
|
|
var selectorConverter, settings = editor.settings;
|
|
|
|
if (group && group.selector_converter) {
|
|
selectorConverter = group.selector_converter;
|
|
} else if (settings.importcss_selector_converter) {
|
|
selectorConverter = settings.importcss_selector_converter;
|
|
} else {
|
|
selectorConverter = defaultConvertSelectorToFormat;
|
|
}
|
|
|
|
return selectorConverter.call(plugin, selector, group);
|
|
}
|
|
|
|
editor.on('renderFormatsMenu', function (e) {
|
|
var settings = editor.settings, globallyUniqueSelectors = {};
|
|
var selectorFilter = compileFilter(settings.importcss_selector_filter), ctrl = e.control;
|
|
var groups = compileUserDefinedGroups(settings.importcss_groups);
|
|
|
|
var processSelector = function (selector, group) {
|
|
if (isUniqueSelector(selector, group, globallyUniqueSelectors)) {
|
|
markUniqueSelector(selector, group, globallyUniqueSelectors);
|
|
|
|
var format = convertSelectorToFormat(self, selector, group);
|
|
if (format) {
|
|
var formatName = format.name || DOMUtils.DOM.uniqueId();
|
|
editor.formatter.register(formatName, format);
|
|
|
|
return Tools.extend({}, ctrl.settings.itemDefaults, {
|
|
text: format.title,
|
|
format: formatName
|
|
});
|
|
}
|
|
}
|
|
|
|
return null;
|
|
};
|
|
|
|
if (!editor.settings.importcss_append) {
|
|
ctrl.items().remove();
|
|
}
|
|
|
|
each(getSelectors(e.doc || editor.getDoc(), compileFilter(settings.importcss_file_filter)), function (selector) {
|
|
if (selector.indexOf('.mce-') === -1) {
|
|
if (!selectorFilter || selectorFilter(selector)) {
|
|
var selectorGroups = getGroupsBySelector(groups, selector);
|
|
|
|
if (selectorGroups.length > 0) {
|
|
Tools.each(selectorGroups, function (group) {
|
|
var menuItem = processSelector(selector, group);
|
|
if (menuItem) {
|
|
group.item.menu.push(menuItem);
|
|
}
|
|
});
|
|
} else {
|
|
var menuItem = processSelector(selector, null);
|
|
if (menuItem) {
|
|
ctrl.add(menuItem);
|
|
}
|
|
}
|
|
}
|
|
}
|
|
});
|
|
|
|
each(groups, function (group) {
|
|
if (group.item.menu.length > 0) {
|
|
ctrl.add(group.item);
|
|
}
|
|
});
|
|
|
|
e.control.renderNew();
|
|
});
|
|
|
|
// Expose default convertSelectorToFormat implementation
|
|
self.convertSelectorToFormat = defaultConvertSelectorToFormat;
|
|
});
|
|
|
|
return function () { };
|
|
}
|
|
);
|
|
dem('tinymce.plugins.importcss.Plugin')();
|
|
})();
|