plugin.js 11 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342
  1. /**
  2. * Copyright (c) Tiny Technologies, Inc. All rights reserved.
  3. * Licensed under the LGPL or a commercial license.
  4. * For LGPL see License.txt in the project root for license information.
  5. * For commercial licenses see https://www.tiny.cloud/
  6. *
  7. * Version: 5.10.0 (2021-10-11)
  8. */
  9. (function () {
  10. 'use strict';
  11. var global$4 = tinymce.util.Tools.resolve('tinymce.PluginManager');
  12. var typeOf = function (x) {
  13. var t = typeof x;
  14. if (x === null) {
  15. return 'null';
  16. } else if (t === 'object' && (Array.prototype.isPrototypeOf(x) || x.constructor && x.constructor.name === 'Array')) {
  17. return 'array';
  18. } else if (t === 'object' && (String.prototype.isPrototypeOf(x) || x.constructor && x.constructor.name === 'String')) {
  19. return 'string';
  20. } else {
  21. return t;
  22. }
  23. };
  24. var isType = function (type) {
  25. return function (value) {
  26. return typeOf(value) === type;
  27. };
  28. };
  29. var isString = isType('string');
  30. var isArray = isType('array');
  31. var global$3 = tinymce.util.Tools.resolve('tinymce.dom.DOMUtils');
  32. var global$2 = tinymce.util.Tools.resolve('tinymce.EditorManager');
  33. var global$1 = tinymce.util.Tools.resolve('tinymce.Env');
  34. var global = tinymce.util.Tools.resolve('tinymce.util.Tools');
  35. var shouldMergeClasses = function (editor) {
  36. return editor.getParam('importcss_merge_classes');
  37. };
  38. var shouldImportExclusive = function (editor) {
  39. return editor.getParam('importcss_exclusive');
  40. };
  41. var getSelectorConverter = function (editor) {
  42. return editor.getParam('importcss_selector_converter');
  43. };
  44. var getSelectorFilter = function (editor) {
  45. return editor.getParam('importcss_selector_filter');
  46. };
  47. var getCssGroups = function (editor) {
  48. return editor.getParam('importcss_groups');
  49. };
  50. var shouldAppend = function (editor) {
  51. return editor.getParam('importcss_append');
  52. };
  53. var getFileFilter = function (editor) {
  54. return editor.getParam('importcss_file_filter');
  55. };
  56. var getSkin = function (editor) {
  57. var skin = editor.getParam('skin');
  58. return skin !== false ? skin || 'oxide' : false;
  59. };
  60. var getSkinUrl = function (editor) {
  61. return editor.getParam('skin_url');
  62. };
  63. var nativePush = Array.prototype.push;
  64. var map = function (xs, f) {
  65. var len = xs.length;
  66. var r = new Array(len);
  67. for (var i = 0; i < len; i++) {
  68. var x = xs[i];
  69. r[i] = f(x, i);
  70. }
  71. return r;
  72. };
  73. var flatten = function (xs) {
  74. var r = [];
  75. for (var i = 0, len = xs.length; i < len; ++i) {
  76. if (!isArray(xs[i])) {
  77. throw new Error('Arr.flatten item ' + i + ' was not an array, input: ' + xs);
  78. }
  79. nativePush.apply(r, xs[i]);
  80. }
  81. return r;
  82. };
  83. var bind = function (xs, f) {
  84. return flatten(map(xs, f));
  85. };
  86. var generate = function () {
  87. var ungroupedOrder = [];
  88. var groupOrder = [];
  89. var groups = {};
  90. var addItemToGroup = function (groupTitle, itemInfo) {
  91. if (groups[groupTitle]) {
  92. groups[groupTitle].push(itemInfo);
  93. } else {
  94. groupOrder.push(groupTitle);
  95. groups[groupTitle] = [itemInfo];
  96. }
  97. };
  98. var addItem = function (itemInfo) {
  99. ungroupedOrder.push(itemInfo);
  100. };
  101. var toFormats = function () {
  102. var groupItems = bind(groupOrder, function (g) {
  103. var items = groups[g];
  104. return items.length === 0 ? [] : [{
  105. title: g,
  106. items: items
  107. }];
  108. });
  109. return groupItems.concat(ungroupedOrder);
  110. };
  111. return {
  112. addItemToGroup: addItemToGroup,
  113. addItem: addItem,
  114. toFormats: toFormats
  115. };
  116. };
  117. var removeCacheSuffix = function (url) {
  118. var cacheSuffix = global$1.cacheSuffix;
  119. if (isString(url)) {
  120. url = url.replace('?' + cacheSuffix, '').replace('&' + cacheSuffix, '');
  121. }
  122. return url;
  123. };
  124. var isSkinContentCss = function (editor, href) {
  125. var skin = getSkin(editor);
  126. if (skin) {
  127. var skinUrlBase = getSkinUrl(editor);
  128. var skinUrl = skinUrlBase ? editor.documentBaseURI.toAbsolute(skinUrlBase) : global$2.baseURL + '/skins/ui/' + skin;
  129. var contentSkinUrlPart = global$2.baseURL + '/skins/content/';
  130. return href === skinUrl + '/content' + (editor.inline ? '.inline' : '') + '.min.css' || href.indexOf(contentSkinUrlPart) !== -1;
  131. }
  132. return false;
  133. };
  134. var compileFilter = function (filter) {
  135. if (isString(filter)) {
  136. return function (value) {
  137. return value.indexOf(filter) !== -1;
  138. };
  139. } else if (filter instanceof RegExp) {
  140. return function (value) {
  141. return filter.test(value);
  142. };
  143. }
  144. return filter;
  145. };
  146. var isCssImportRule = function (rule) {
  147. return rule.styleSheet;
  148. };
  149. var isCssPageRule = function (rule) {
  150. return rule.selectorText;
  151. };
  152. var getSelectors = function (editor, doc, fileFilter) {
  153. var selectors = [];
  154. var contentCSSUrls = {};
  155. var append = function (styleSheet, imported) {
  156. var href = styleSheet.href, rules;
  157. href = removeCacheSuffix(href);
  158. if (!href || !fileFilter(href, imported) || isSkinContentCss(editor, href)) {
  159. return;
  160. }
  161. global.each(styleSheet.imports, function (styleSheet) {
  162. append(styleSheet, true);
  163. });
  164. try {
  165. rules = styleSheet.cssRules || styleSheet.rules;
  166. } catch (e) {
  167. }
  168. global.each(rules, function (cssRule) {
  169. if (isCssImportRule(cssRule)) {
  170. append(cssRule.styleSheet, true);
  171. } else if (isCssPageRule(cssRule)) {
  172. global.each(cssRule.selectorText.split(','), function (selector) {
  173. selectors.push(global.trim(selector));
  174. });
  175. }
  176. });
  177. };
  178. global.each(editor.contentCSS, function (url) {
  179. contentCSSUrls[url] = true;
  180. });
  181. if (!fileFilter) {
  182. fileFilter = function (href, imported) {
  183. return imported || contentCSSUrls[href];
  184. };
  185. }
  186. try {
  187. global.each(doc.styleSheets, function (styleSheet) {
  188. append(styleSheet);
  189. });
  190. } catch (e) {
  191. }
  192. return selectors;
  193. };
  194. var defaultConvertSelectorToFormat = function (editor, selectorText) {
  195. var format;
  196. var selector = /^(?:([a-z0-9\-_]+))?(\.[a-z0-9_\-\.]+)$/i.exec(selectorText);
  197. if (!selector) {
  198. return;
  199. }
  200. var elementName = selector[1];
  201. var classes = selector[2].substr(1).split('.').join(' ');
  202. var inlineSelectorElements = global.makeMap('a,img');
  203. if (selector[1]) {
  204. format = { title: selectorText };
  205. if (editor.schema.getTextBlockElements()[elementName]) {
  206. format.block = elementName;
  207. } else if (editor.schema.getBlockElements()[elementName] || inlineSelectorElements[elementName.toLowerCase()]) {
  208. format.selector = elementName;
  209. } else {
  210. format.inline = elementName;
  211. }
  212. } else if (selector[2]) {
  213. format = {
  214. inline: 'span',
  215. title: selectorText.substr(1),
  216. classes: classes
  217. };
  218. }
  219. if (shouldMergeClasses(editor) !== false) {
  220. format.classes = classes;
  221. } else {
  222. format.attributes = { class: classes };
  223. }
  224. return format;
  225. };
  226. var getGroupsBySelector = function (groups, selector) {
  227. return global.grep(groups, function (group) {
  228. return !group.filter || group.filter(selector);
  229. });
  230. };
  231. var compileUserDefinedGroups = function (groups) {
  232. return global.map(groups, function (group) {
  233. return global.extend({}, group, {
  234. original: group,
  235. selectors: {},
  236. filter: compileFilter(group.filter)
  237. });
  238. });
  239. };
  240. var isExclusiveMode = function (editor, group) {
  241. return group === null || shouldImportExclusive(editor) !== false;
  242. };
  243. var isUniqueSelector = function (editor, selector, group, globallyUniqueSelectors) {
  244. return !(isExclusiveMode(editor, group) ? selector in globallyUniqueSelectors : selector in group.selectors);
  245. };
  246. var markUniqueSelector = function (editor, selector, group, globallyUniqueSelectors) {
  247. if (isExclusiveMode(editor, group)) {
  248. globallyUniqueSelectors[selector] = true;
  249. } else {
  250. group.selectors[selector] = true;
  251. }
  252. };
  253. var convertSelectorToFormat = function (editor, plugin, selector, group) {
  254. var selectorConverter;
  255. if (group && group.selector_converter) {
  256. selectorConverter = group.selector_converter;
  257. } else if (getSelectorConverter(editor)) {
  258. selectorConverter = getSelectorConverter(editor);
  259. } else {
  260. selectorConverter = function () {
  261. return defaultConvertSelectorToFormat(editor, selector);
  262. };
  263. }
  264. return selectorConverter.call(plugin, selector, group);
  265. };
  266. var setup = function (editor) {
  267. editor.on('init', function () {
  268. var model = generate();
  269. var globallyUniqueSelectors = {};
  270. var selectorFilter = compileFilter(getSelectorFilter(editor));
  271. var groups = compileUserDefinedGroups(getCssGroups(editor));
  272. var processSelector = function (selector, group) {
  273. if (isUniqueSelector(editor, selector, group, globallyUniqueSelectors)) {
  274. markUniqueSelector(editor, selector, group, globallyUniqueSelectors);
  275. var format = convertSelectorToFormat(editor, editor.plugins.importcss, selector, group);
  276. if (format) {
  277. var formatName = format.name || global$3.DOM.uniqueId();
  278. editor.formatter.register(formatName, format);
  279. return {
  280. title: format.title,
  281. format: formatName
  282. };
  283. }
  284. }
  285. return null;
  286. };
  287. global.each(getSelectors(editor, editor.getDoc(), compileFilter(getFileFilter(editor))), function (selector) {
  288. if (selector.indexOf('.mce-') === -1) {
  289. if (!selectorFilter || selectorFilter(selector)) {
  290. var selectorGroups = getGroupsBySelector(groups, selector);
  291. if (selectorGroups.length > 0) {
  292. global.each(selectorGroups, function (group) {
  293. var menuItem = processSelector(selector, group);
  294. if (menuItem) {
  295. model.addItemToGroup(group.title, menuItem);
  296. }
  297. });
  298. } else {
  299. var menuItem = processSelector(selector, null);
  300. if (menuItem) {
  301. model.addItem(menuItem);
  302. }
  303. }
  304. }
  305. }
  306. });
  307. var items = model.toFormats();
  308. editor.fire('addStyleModifications', {
  309. items: items,
  310. replace: !shouldAppend(editor)
  311. });
  312. });
  313. };
  314. var get = function (editor) {
  315. var convertSelectorToFormat = function (selectorText) {
  316. return defaultConvertSelectorToFormat(editor, selectorText);
  317. };
  318. return { convertSelectorToFormat: convertSelectorToFormat };
  319. };
  320. function Plugin () {
  321. global$4.add('importcss', function (editor) {
  322. setup(editor);
  323. return get(editor);
  324. });
  325. }
  326. Plugin();
  327. }());