plugin.js 11 KB

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