123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342 |
- /**
- * TinyMCE version 6.0.3 (2022-05-25)
- */
- (function () {
- 'use strict';
- var global$4 = tinymce.util.Tools.resolve('tinymce.PluginManager');
- const hasProto = (v, constructor, predicate) => {
- var _a;
- if (predicate(v, constructor.prototype)) {
- return true;
- } else {
- return ((_a = v.constructor) === null || _a === void 0 ? void 0 : _a.name) === constructor.name;
- }
- };
- const typeOf = x => {
- const t = typeof x;
- if (x === null) {
- return 'null';
- } else if (t === 'object' && Array.isArray(x)) {
- return 'array';
- } else if (t === 'object' && hasProto(x, String, (o, proto) => proto.isPrototypeOf(o))) {
- return 'string';
- } else {
- return t;
- }
- };
- const isType = type => value => typeOf(value) === type;
- const isSimpleType = type => value => typeof value === type;
- const isString = isType('string');
- const isObject = isType('object');
- const isArray = isType('array');
- const isFunction = isSimpleType('function');
- var global$3 = tinymce.util.Tools.resolve('tinymce.dom.DOMUtils');
- var global$2 = tinymce.util.Tools.resolve('tinymce.EditorManager');
- var global$1 = tinymce.util.Tools.resolve('tinymce.Env');
- var global = tinymce.util.Tools.resolve('tinymce.util.Tools');
- const option = name => editor => editor.options.get(name);
- const register = editor => {
- const registerOption = editor.options.register;
- const filterProcessor = value => isString(value) || isFunction(value) || isObject(value);
- registerOption('importcss_merge_classes', {
- processor: 'boolean',
- default: true
- });
- registerOption('importcss_exclusive', {
- processor: 'boolean',
- default: true
- });
- registerOption('importcss_selector_converter', { processor: 'function' });
- registerOption('importcss_selector_filter', { processor: filterProcessor });
- registerOption('importcss_file_filter', { processor: filterProcessor });
- registerOption('importcss_groups', { processor: 'object[]' });
- registerOption('importcss_append', {
- processor: 'boolean',
- default: false
- });
- };
- const shouldMergeClasses = option('importcss_merge_classes');
- const shouldImportExclusive = option('importcss_exclusive');
- const getSelectorConverter = option('importcss_selector_converter');
- const getSelectorFilter = option('importcss_selector_filter');
- const getCssGroups = option('importcss_groups');
- const shouldAppend = option('importcss_append');
- const getFileFilter = option('importcss_file_filter');
- const getSkin = option('skin');
- const getSkinUrl = option('skin_url');
- const nativePush = Array.prototype.push;
- const map = (xs, f) => {
- const len = xs.length;
- const r = new Array(len);
- for (let i = 0; i < len; i++) {
- const x = xs[i];
- r[i] = f(x, i);
- }
- return r;
- };
- const flatten = xs => {
- const r = [];
- for (let i = 0, len = xs.length; i < len; ++i) {
- if (!isArray(xs[i])) {
- throw new Error('Arr.flatten item ' + i + ' was not an array, input: ' + xs);
- }
- nativePush.apply(r, xs[i]);
- }
- return r;
- };
- const bind = (xs, f) => flatten(map(xs, f));
- const generate = () => {
- const ungroupedOrder = [];
- const groupOrder = [];
- const groups = {};
- const addItemToGroup = (groupTitle, itemInfo) => {
- if (groups[groupTitle]) {
- groups[groupTitle].push(itemInfo);
- } else {
- groupOrder.push(groupTitle);
- groups[groupTitle] = [itemInfo];
- }
- };
- const addItem = itemInfo => {
- ungroupedOrder.push(itemInfo);
- };
- const toFormats = () => {
- const groupItems = bind(groupOrder, g => {
- const items = groups[g];
- return items.length === 0 ? [] : [{
- title: g,
- items
- }];
- });
- return groupItems.concat(ungroupedOrder);
- };
- return {
- addItemToGroup,
- addItem,
- toFormats
- };
- };
- const internalEditorStyle = /^\.(?:ephox|tiny-pageembed|mce)(?:[.-]+\w+)+$/;
- const removeCacheSuffix = url => {
- const cacheSuffix = global$1.cacheSuffix;
- if (isString(url)) {
- url = url.replace('?' + cacheSuffix, '').replace('&' + cacheSuffix, '');
- }
- return url;
- };
- const isSkinContentCss = (editor, href) => {
- const skin = getSkin(editor);
- if (skin) {
- const skinUrlBase = getSkinUrl(editor);
- const skinUrl = skinUrlBase ? editor.documentBaseURI.toAbsolute(skinUrlBase) : global$2.baseURL + '/skins/ui/' + skin;
- const contentSkinUrlPart = global$2.baseURL + '/skins/content/';
- return href === skinUrl + '/content' + (editor.inline ? '.inline' : '') + '.min.css' || href.indexOf(contentSkinUrlPart) !== -1;
- }
- return false;
- };
- const compileFilter = filter => {
- if (isString(filter)) {
- return value => {
- return value.indexOf(filter) !== -1;
- };
- } else if (filter instanceof RegExp) {
- return value => {
- return filter.test(value);
- };
- }
- return filter;
- };
- const isCssImportRule = rule => rule.styleSheet;
- const isCssPageRule = rule => rule.selectorText;
- const getSelectors = (editor, doc, fileFilter) => {
- const selectors = [];
- const contentCSSUrls = {};
- const append = (styleSheet, imported) => {
- let href = styleSheet.href, rules;
- href = removeCacheSuffix(href);
- if (!href || !fileFilter(href, imported) || isSkinContentCss(editor, href)) {
- return;
- }
- global.each(styleSheet.imports, styleSheet => {
- append(styleSheet, true);
- });
- try {
- rules = styleSheet.cssRules || styleSheet.rules;
- } catch (e) {
- }
- global.each(rules, cssRule => {
- if (isCssImportRule(cssRule)) {
- append(cssRule.styleSheet, true);
- } else if (isCssPageRule(cssRule)) {
- global.each(cssRule.selectorText.split(','), selector => {
- selectors.push(global.trim(selector));
- });
- }
- });
- };
- global.each(editor.contentCSS, url => {
- contentCSSUrls[url] = true;
- });
- if (!fileFilter) {
- fileFilter = (href, imported) => {
- return imported || contentCSSUrls[href];
- };
- }
- try {
- global.each(doc.styleSheets, styleSheet => {
- append(styleSheet);
- });
- } catch (e) {
- }
- return selectors;
- };
- const defaultConvertSelectorToFormat = (editor, selectorText) => {
- let format;
- const selector = /^(?:([a-z0-9\-_]+))?(\.[a-z0-9_\-\.]+)$/i.exec(selectorText);
- if (!selector) {
- return;
- }
- const elementName = selector[1];
- const classes = selector[2].substr(1).split('.').join(' ');
- const inlineSelectorElements = global.makeMap('a,img');
- if (selector[1]) {
- format = { title: selectorText };
- if (editor.schema.getTextBlockElements()[elementName]) {
- format.block = elementName;
- } else if (editor.schema.getBlockElements()[elementName] || inlineSelectorElements[elementName.toLowerCase()]) {
- format.selector = elementName;
- } else {
- format.inline = elementName;
- }
- } else if (selector[2]) {
- format = {
- inline: 'span',
- title: selectorText.substr(1),
- classes
- };
- }
- if (shouldMergeClasses(editor)) {
- format.classes = classes;
- } else {
- format.attributes = { class: classes };
- }
- return format;
- };
- const getGroupsBySelector = (groups, selector) => {
- return global.grep(groups, group => {
- return !group.filter || group.filter(selector);
- });
- };
- const compileUserDefinedGroups = groups => {
- return global.map(groups, group => {
- return global.extend({}, group, {
- original: group,
- selectors: {},
- filter: compileFilter(group.filter)
- });
- });
- };
- const isExclusiveMode = (editor, group) => {
- return group === null || shouldImportExclusive(editor);
- };
- const isUniqueSelector = (editor, selector, group, globallyUniqueSelectors) => {
- return !(isExclusiveMode(editor, group) ? selector in globallyUniqueSelectors : selector in group.selectors);
- };
- const markUniqueSelector = (editor, selector, group, globallyUniqueSelectors) => {
- if (isExclusiveMode(editor, group)) {
- globallyUniqueSelectors[selector] = true;
- } else {
- group.selectors[selector] = true;
- }
- };
- const convertSelectorToFormat = (editor, plugin, selector, group) => {
- let selectorConverter;
- if (group && group.selector_converter) {
- selectorConverter = group.selector_converter;
- } else if (getSelectorConverter(editor)) {
- selectorConverter = getSelectorConverter(editor);
- } else {
- selectorConverter = () => {
- return defaultConvertSelectorToFormat(editor, selector);
- };
- }
- return selectorConverter.call(plugin, selector, group);
- };
- const setup = editor => {
- editor.on('init', () => {
- const model = generate();
- const globallyUniqueSelectors = {};
- const selectorFilter = compileFilter(getSelectorFilter(editor));
- const groups = compileUserDefinedGroups(getCssGroups(editor));
- const processSelector = (selector, group) => {
- if (isUniqueSelector(editor, selector, group, globallyUniqueSelectors)) {
- markUniqueSelector(editor, selector, group, globallyUniqueSelectors);
- const format = convertSelectorToFormat(editor, editor.plugins.importcss, selector, group);
- if (format) {
- const formatName = format.name || global$3.DOM.uniqueId();
- editor.formatter.register(formatName, format);
- return {
- title: format.title,
- format: formatName
- };
- }
- }
- return null;
- };
- global.each(getSelectors(editor, editor.getDoc(), compileFilter(getFileFilter(editor))), selector => {
- if (!internalEditorStyle.test(selector)) {
- if (!selectorFilter || selectorFilter(selector)) {
- const selectorGroups = getGroupsBySelector(groups, selector);
- if (selectorGroups.length > 0) {
- global.each(selectorGroups, group => {
- const menuItem = processSelector(selector, group);
- if (menuItem) {
- model.addItemToGroup(group.title, menuItem);
- }
- });
- } else {
- const menuItem = processSelector(selector, null);
- if (menuItem) {
- model.addItem(menuItem);
- }
- }
- }
- }
- });
- const items = model.toFormats();
- editor.dispatch('addStyleModifications', {
- items,
- replace: !shouldAppend(editor)
- });
- });
- };
- const get = editor => {
- const convertSelectorToFormat = selectorText => {
- return defaultConvertSelectorToFormat(editor, selectorText);
- };
- return { convertSelectorToFormat };
- };
- var Plugin = () => {
- global$4.add('importcss', editor => {
- register(editor);
- setup(editor);
- return get(editor);
- });
- };
- Plugin();
- })();
|