plugin.js 13 KB

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