plugin.js 40 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287
  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.7.0 (2021-02-10)
  8. */
  9. (function () {
  10. 'use strict';
  11. var global = tinymce.util.Tools.resolve('tinymce.PluginManager');
  12. var global$1 = tinymce.util.Tools.resolve('tinymce.util.VK');
  13. var typeOf = function (x) {
  14. var t = typeof x;
  15. if (x === null) {
  16. return 'null';
  17. } else if (t === 'object' && (Array.prototype.isPrototypeOf(x) || x.constructor && x.constructor.name === 'Array')) {
  18. return 'array';
  19. } else if (t === 'object' && (String.prototype.isPrototypeOf(x) || x.constructor && x.constructor.name === 'String')) {
  20. return 'string';
  21. } else {
  22. return t;
  23. }
  24. };
  25. var isType = function (type) {
  26. return function (value) {
  27. return typeOf(value) === type;
  28. };
  29. };
  30. var isSimpleType = function (type) {
  31. return function (value) {
  32. return typeof value === type;
  33. };
  34. };
  35. var eq = function (t) {
  36. return function (a) {
  37. return t === a;
  38. };
  39. };
  40. var isString = isType('string');
  41. var isArray = isType('array');
  42. var isNull = eq(null);
  43. var isBoolean = isSimpleType('boolean');
  44. var isFunction = isSimpleType('function');
  45. var assumeExternalTargets = function (editor) {
  46. var externalTargets = editor.getParam('link_assume_external_targets', false);
  47. if (isBoolean(externalTargets) && externalTargets) {
  48. return 1;
  49. } else if (isString(externalTargets) && (externalTargets === 'http' || externalTargets === 'https')) {
  50. return externalTargets;
  51. }
  52. return 0;
  53. };
  54. var hasContextToolbar = function (editor) {
  55. return editor.getParam('link_context_toolbar', false, 'boolean');
  56. };
  57. var getLinkList = function (editor) {
  58. return editor.getParam('link_list');
  59. };
  60. var getDefaultLinkTarget = function (editor) {
  61. return editor.getParam('default_link_target');
  62. };
  63. var getTargetList = function (editor) {
  64. return editor.getParam('target_list', true);
  65. };
  66. var getRelList = function (editor) {
  67. return editor.getParam('rel_list', [], 'array');
  68. };
  69. var getLinkClassList = function (editor) {
  70. return editor.getParam('link_class_list', [], 'array');
  71. };
  72. var shouldShowLinkTitle = function (editor) {
  73. return editor.getParam('link_title', true, 'boolean');
  74. };
  75. var allowUnsafeLinkTarget = function (editor) {
  76. return editor.getParam('allow_unsafe_link_target', false, 'boolean');
  77. };
  78. var useQuickLink = function (editor) {
  79. return editor.getParam('link_quicklink', false, 'boolean');
  80. };
  81. var getDefaultLinkProtocol = function (editor) {
  82. return editor.getParam('link_default_protocol', 'http', 'string');
  83. };
  84. var noop = function () {
  85. };
  86. var constant = function (value) {
  87. return function () {
  88. return value;
  89. };
  90. };
  91. var never = constant(false);
  92. var always = constant(true);
  93. var none = function () {
  94. return NONE;
  95. };
  96. var NONE = function () {
  97. var eq = function (o) {
  98. return o.isNone();
  99. };
  100. var call = function (thunk) {
  101. return thunk();
  102. };
  103. var id = function (n) {
  104. return n;
  105. };
  106. var me = {
  107. fold: function (n, _s) {
  108. return n();
  109. },
  110. is: never,
  111. isSome: never,
  112. isNone: always,
  113. getOr: id,
  114. getOrThunk: call,
  115. getOrDie: function (msg) {
  116. throw new Error(msg || 'error: getOrDie called on none.');
  117. },
  118. getOrNull: constant(null),
  119. getOrUndefined: constant(undefined),
  120. or: id,
  121. orThunk: call,
  122. map: none,
  123. each: noop,
  124. bind: none,
  125. exists: never,
  126. forall: always,
  127. filter: none,
  128. equals: eq,
  129. equals_: eq,
  130. toArray: function () {
  131. return [];
  132. },
  133. toString: constant('none()')
  134. };
  135. return me;
  136. }();
  137. var some = function (a) {
  138. var constant_a = constant(a);
  139. var self = function () {
  140. return me;
  141. };
  142. var bind = function (f) {
  143. return f(a);
  144. };
  145. var me = {
  146. fold: function (n, s) {
  147. return s(a);
  148. },
  149. is: function (v) {
  150. return a === v;
  151. },
  152. isSome: always,
  153. isNone: never,
  154. getOr: constant_a,
  155. getOrThunk: constant_a,
  156. getOrDie: constant_a,
  157. getOrNull: constant_a,
  158. getOrUndefined: constant_a,
  159. or: self,
  160. orThunk: self,
  161. map: function (f) {
  162. return some(f(a));
  163. },
  164. each: function (f) {
  165. f(a);
  166. },
  167. bind: bind,
  168. exists: bind,
  169. forall: bind,
  170. filter: function (f) {
  171. return f(a) ? me : NONE;
  172. },
  173. toArray: function () {
  174. return [a];
  175. },
  176. toString: function () {
  177. return 'some(' + a + ')';
  178. },
  179. equals: function (o) {
  180. return o.is(a);
  181. },
  182. equals_: function (o, elementEq) {
  183. return o.fold(never, function (b) {
  184. return elementEq(a, b);
  185. });
  186. }
  187. };
  188. return me;
  189. };
  190. var from = function (value) {
  191. return value === null || value === undefined ? NONE : some(value);
  192. };
  193. var Optional = {
  194. some: some,
  195. none: none,
  196. from: from
  197. };
  198. var nativeIndexOf = Array.prototype.indexOf;
  199. var nativePush = Array.prototype.push;
  200. var rawIndexOf = function (ts, t) {
  201. return nativeIndexOf.call(ts, t);
  202. };
  203. var contains = function (xs, x) {
  204. return rawIndexOf(xs, x) > -1;
  205. };
  206. var map = function (xs, f) {
  207. var len = xs.length;
  208. var r = new Array(len);
  209. for (var i = 0; i < len; i++) {
  210. var x = xs[i];
  211. r[i] = f(x, i);
  212. }
  213. return r;
  214. };
  215. var each = function (xs, f) {
  216. for (var i = 0, len = xs.length; i < len; i++) {
  217. var x = xs[i];
  218. f(x, i);
  219. }
  220. };
  221. var foldl = function (xs, f, acc) {
  222. each(xs, function (x) {
  223. acc = f(acc, x);
  224. });
  225. return acc;
  226. };
  227. var flatten = function (xs) {
  228. var r = [];
  229. for (var i = 0, len = xs.length; i < len; ++i) {
  230. if (!isArray(xs[i])) {
  231. throw new Error('Arr.flatten item ' + i + ' was not an array, input: ' + xs);
  232. }
  233. nativePush.apply(r, xs[i]);
  234. }
  235. return r;
  236. };
  237. var bind = function (xs, f) {
  238. return flatten(map(xs, f));
  239. };
  240. var findMap = function (arr, f) {
  241. for (var i = 0; i < arr.length; i++) {
  242. var r = f(arr[i], i);
  243. if (r.isSome()) {
  244. return r;
  245. }
  246. }
  247. return Optional.none();
  248. };
  249. var cat = function (arr) {
  250. var r = [];
  251. var push = function (x) {
  252. r.push(x);
  253. };
  254. for (var i = 0; i < arr.length; i++) {
  255. arr[i].each(push);
  256. }
  257. return r;
  258. };
  259. var someIf = function (b, a) {
  260. return b ? Optional.some(a) : Optional.none();
  261. };
  262. var global$2 = tinymce.util.Tools.resolve('tinymce.util.Tools');
  263. var getValue = function (item) {
  264. return isString(item.value) ? item.value : '';
  265. };
  266. var getText = function (item) {
  267. if (isString(item.text)) {
  268. return item.text;
  269. } else if (isString(item.title)) {
  270. return item.title;
  271. } else {
  272. return '';
  273. }
  274. };
  275. var sanitizeList = function (list, extractValue) {
  276. var out = [];
  277. global$2.each(list, function (item) {
  278. var text = getText(item);
  279. if (item.menu !== undefined) {
  280. var items = sanitizeList(item.menu, extractValue);
  281. out.push({
  282. text: text,
  283. items: items
  284. });
  285. } else {
  286. var value = extractValue(item);
  287. out.push({
  288. text: text,
  289. value: value
  290. });
  291. }
  292. });
  293. return out;
  294. };
  295. var sanitizeWith = function (extracter) {
  296. if (extracter === void 0) {
  297. extracter = getValue;
  298. }
  299. return function (list) {
  300. return Optional.from(list).map(function (list) {
  301. return sanitizeList(list, extracter);
  302. });
  303. };
  304. };
  305. var sanitize = function (list) {
  306. return sanitizeWith(getValue)(list);
  307. };
  308. var createUi = function (name, label) {
  309. return function (items) {
  310. return {
  311. name: name,
  312. type: 'listbox',
  313. label: label,
  314. items: items
  315. };
  316. };
  317. };
  318. var ListOptions = {
  319. sanitize: sanitize,
  320. sanitizeWith: sanitizeWith,
  321. createUi: createUi,
  322. getValue: getValue
  323. };
  324. var __assign = function () {
  325. __assign = Object.assign || function __assign(t) {
  326. for (var s, i = 1, n = arguments.length; i < n; i++) {
  327. s = arguments[i];
  328. for (var p in s)
  329. if (Object.prototype.hasOwnProperty.call(s, p))
  330. t[p] = s[p];
  331. }
  332. return t;
  333. };
  334. return __assign.apply(this, arguments);
  335. };
  336. var keys = Object.keys;
  337. var hasOwnProperty = Object.hasOwnProperty;
  338. var each$1 = function (obj, f) {
  339. var props = keys(obj);
  340. for (var k = 0, len = props.length; k < len; k++) {
  341. var i = props[k];
  342. var x = obj[i];
  343. f(x, i);
  344. }
  345. };
  346. var objAcc = function (r) {
  347. return function (x, i) {
  348. r[i] = x;
  349. };
  350. };
  351. var internalFilter = function (obj, pred, onTrue, onFalse) {
  352. var r = {};
  353. each$1(obj, function (x, i) {
  354. (pred(x, i) ? onTrue : onFalse)(x, i);
  355. });
  356. return r;
  357. };
  358. var filter = function (obj, pred) {
  359. var t = {};
  360. internalFilter(obj, pred, objAcc(t), noop);
  361. return t;
  362. };
  363. var has = function (obj, key) {
  364. return hasOwnProperty.call(obj, key);
  365. };
  366. var hasNonNullableKey = function (obj, key) {
  367. return has(obj, key) && obj[key] !== undefined && obj[key] !== null;
  368. };
  369. var global$3 = tinymce.util.Tools.resolve('tinymce.dom.TreeWalker');
  370. var isAnchor = function (elm) {
  371. return elm && elm.nodeName.toLowerCase() === 'a';
  372. };
  373. var isLink = function (elm) {
  374. return isAnchor(elm) && !!getHref(elm);
  375. };
  376. var collectNodesInRange = function (rng, predicate) {
  377. if (rng.collapsed) {
  378. return [];
  379. } else {
  380. var contents = rng.cloneContents();
  381. var walker = new global$3(contents.firstChild, contents);
  382. var elements = [];
  383. var current = contents.firstChild;
  384. do {
  385. if (predicate(current)) {
  386. elements.push(current);
  387. }
  388. } while (current = walker.next());
  389. return elements;
  390. }
  391. };
  392. var hasProtocol = function (url) {
  393. return /^\w+:/i.test(url);
  394. };
  395. var getHref = function (elm) {
  396. var href = elm.getAttribute('data-mce-href');
  397. return href ? href : elm.getAttribute('href');
  398. };
  399. var applyRelTargetRules = function (rel, isUnsafe) {
  400. var rules = ['noopener'];
  401. var rels = rel ? rel.split(/\s+/) : [];
  402. var toString = function (rels) {
  403. return global$2.trim(rels.sort().join(' '));
  404. };
  405. var addTargetRules = function (rels) {
  406. rels = removeTargetRules(rels);
  407. return rels.length > 0 ? rels.concat(rules) : rules;
  408. };
  409. var removeTargetRules = function (rels) {
  410. return rels.filter(function (val) {
  411. return global$2.inArray(rules, val) === -1;
  412. });
  413. };
  414. var newRels = isUnsafe ? addTargetRules(rels) : removeTargetRules(rels);
  415. return newRels.length > 0 ? toString(newRels) : '';
  416. };
  417. var trimCaretContainers = function (text) {
  418. return text.replace(/\uFEFF/g, '');
  419. };
  420. var getAnchorElement = function (editor, selectedElm) {
  421. selectedElm = selectedElm || editor.selection.getNode();
  422. if (isImageFigure(selectedElm)) {
  423. return editor.dom.select('a[href]', selectedElm)[0];
  424. } else {
  425. return editor.dom.getParent(selectedElm, 'a[href]');
  426. }
  427. };
  428. var getAnchorText = function (selection, anchorElm) {
  429. var text = anchorElm ? anchorElm.innerText || anchorElm.textContent : selection.getContent({ format: 'text' });
  430. return trimCaretContainers(text);
  431. };
  432. var hasLinks = function (elements) {
  433. return global$2.grep(elements, isLink).length > 0;
  434. };
  435. var hasLinksInSelection = function (rng) {
  436. return collectNodesInRange(rng, isLink).length > 0;
  437. };
  438. var isOnlyTextSelected = function (editor) {
  439. var inlineTextElements = editor.schema.getTextInlineElements();
  440. var isElement = function (elm) {
  441. return elm.nodeType === 1 && !isAnchor(elm) && !has(inlineTextElements, elm.nodeName.toLowerCase());
  442. };
  443. var elements = collectNodesInRange(editor.selection.getRng(), isElement);
  444. return elements.length === 0;
  445. };
  446. var isImageFigure = function (elm) {
  447. return elm && elm.nodeName === 'FIGURE' && /\bimage\b/i.test(elm.className);
  448. };
  449. var getLinkAttrs = function (data) {
  450. return foldl([
  451. 'title',
  452. 'rel',
  453. 'class',
  454. 'target'
  455. ], function (acc, key) {
  456. data[key].each(function (value) {
  457. acc[key] = value.length > 0 ? value : null;
  458. });
  459. return acc;
  460. }, { href: data.href });
  461. };
  462. var handleExternalTargets = function (href, assumeExternalTargets) {
  463. if ((assumeExternalTargets === 'http' || assumeExternalTargets === 'https') && !hasProtocol(href)) {
  464. return assumeExternalTargets + '://' + href;
  465. }
  466. return href;
  467. };
  468. var applyLinkOverrides = function (editor, linkAttrs) {
  469. var newLinkAttrs = __assign({}, linkAttrs);
  470. if (!(getRelList(editor).length > 0) && allowUnsafeLinkTarget(editor) === false) {
  471. var newRel = applyRelTargetRules(newLinkAttrs.rel, newLinkAttrs.target === '_blank');
  472. newLinkAttrs.rel = newRel ? newRel : null;
  473. }
  474. if (Optional.from(newLinkAttrs.target).isNone() && getTargetList(editor) === false) {
  475. newLinkAttrs.target = getDefaultLinkTarget(editor);
  476. }
  477. newLinkAttrs.href = handleExternalTargets(newLinkAttrs.href, assumeExternalTargets(editor));
  478. return newLinkAttrs;
  479. };
  480. var updateLink = function (editor, anchorElm, text, linkAttrs) {
  481. text.each(function (text) {
  482. if (anchorElm.hasOwnProperty('innerText')) {
  483. anchorElm.innerText = text;
  484. } else {
  485. anchorElm.textContent = text;
  486. }
  487. });
  488. editor.dom.setAttribs(anchorElm, linkAttrs);
  489. editor.selection.select(anchorElm);
  490. };
  491. var createLink = function (editor, selectedElm, text, linkAttrs) {
  492. if (isImageFigure(selectedElm)) {
  493. linkImageFigure(editor, selectedElm, linkAttrs);
  494. } else {
  495. text.fold(function () {
  496. editor.execCommand('mceInsertLink', false, linkAttrs);
  497. }, function (text) {
  498. editor.insertContent(editor.dom.createHTML('a', linkAttrs, editor.dom.encode(text)));
  499. });
  500. }
  501. };
  502. var linkDomMutation = function (editor, attachState, data) {
  503. var selectedElm = editor.selection.getNode();
  504. var anchorElm = getAnchorElement(editor, selectedElm);
  505. var linkAttrs = applyLinkOverrides(editor, getLinkAttrs(data));
  506. editor.undoManager.transact(function () {
  507. if (data.href === attachState.href) {
  508. attachState.attach();
  509. }
  510. if (anchorElm) {
  511. editor.focus();
  512. updateLink(editor, anchorElm, data.text, linkAttrs);
  513. } else {
  514. createLink(editor, selectedElm, data.text, linkAttrs);
  515. }
  516. });
  517. };
  518. var unlinkSelection = function (editor) {
  519. var dom = editor.dom, selection = editor.selection;
  520. var bookmark = selection.getBookmark();
  521. var rng = selection.getRng().cloneRange();
  522. var startAnchorElm = dom.getParent(rng.startContainer, 'a[href]', editor.getBody());
  523. var endAnchorElm = dom.getParent(rng.endContainer, 'a[href]', editor.getBody());
  524. if (startAnchorElm) {
  525. rng.setStartBefore(startAnchorElm);
  526. }
  527. if (endAnchorElm) {
  528. rng.setEndAfter(endAnchorElm);
  529. }
  530. selection.setRng(rng);
  531. editor.execCommand('unlink');
  532. selection.moveToBookmark(bookmark);
  533. };
  534. var unlinkDomMutation = function (editor) {
  535. editor.undoManager.transact(function () {
  536. var node = editor.selection.getNode();
  537. if (isImageFigure(node)) {
  538. unlinkImageFigure(editor, node);
  539. } else {
  540. unlinkSelection(editor);
  541. }
  542. editor.focus();
  543. });
  544. };
  545. var unwrapOptions = function (data) {
  546. var cls = data.class, href = data.href, rel = data.rel, target = data.target, text = data.text, title = data.title;
  547. return filter({
  548. class: cls.getOrNull(),
  549. href: href,
  550. rel: rel.getOrNull(),
  551. target: target.getOrNull(),
  552. text: text.getOrNull(),
  553. title: title.getOrNull()
  554. }, function (v, _k) {
  555. return isNull(v) === false;
  556. });
  557. };
  558. var link = function (editor, attachState, data) {
  559. editor.hasPlugin('rtc', true) ? editor.execCommand('createlink', false, unwrapOptions(data)) : linkDomMutation(editor, attachState, data);
  560. };
  561. var unlink = function (editor) {
  562. editor.hasPlugin('rtc', true) ? editor.execCommand('unlink') : unlinkDomMutation(editor);
  563. };
  564. var unlinkImageFigure = function (editor, fig) {
  565. var img = editor.dom.select('img', fig)[0];
  566. if (img) {
  567. var a = editor.dom.getParents(img, 'a[href]', fig)[0];
  568. if (a) {
  569. a.parentNode.insertBefore(img, a);
  570. editor.dom.remove(a);
  571. }
  572. }
  573. };
  574. var linkImageFigure = function (editor, fig, attrs) {
  575. var img = editor.dom.select('img', fig)[0];
  576. if (img) {
  577. var a = editor.dom.create('a', attrs);
  578. img.parentNode.insertBefore(a, img);
  579. a.appendChild(img);
  580. }
  581. };
  582. var isListGroup = function (item) {
  583. return hasNonNullableKey(item, 'items');
  584. };
  585. var findTextByValue = function (value, catalog) {
  586. return findMap(catalog, function (item) {
  587. if (isListGroup(item)) {
  588. return findTextByValue(value, item.items);
  589. } else {
  590. return someIf(item.value === value, item);
  591. }
  592. });
  593. };
  594. var getDelta = function (persistentText, fieldName, catalog, data) {
  595. var value = data[fieldName];
  596. var hasPersistentText = persistentText.length > 0;
  597. return value !== undefined ? findTextByValue(value, catalog).map(function (i) {
  598. return {
  599. url: {
  600. value: i.value,
  601. meta: {
  602. text: hasPersistentText ? persistentText : i.text,
  603. attach: noop
  604. }
  605. },
  606. text: hasPersistentText ? persistentText : i.text
  607. };
  608. }) : Optional.none();
  609. };
  610. var findCatalog = function (catalogs, fieldName) {
  611. if (fieldName === 'link') {
  612. return catalogs.link;
  613. } else if (fieldName === 'anchor') {
  614. return catalogs.anchor;
  615. } else {
  616. return Optional.none();
  617. }
  618. };
  619. var init = function (initialData, linkCatalog) {
  620. var persistentData = {
  621. text: initialData.text,
  622. title: initialData.title
  623. };
  624. var getTitleFromUrlChange = function (url) {
  625. return someIf(persistentData.title.length <= 0, Optional.from(url.meta.title).getOr(''));
  626. };
  627. var getTextFromUrlChange = function (url) {
  628. return someIf(persistentData.text.length <= 0, Optional.from(url.meta.text).getOr(url.value));
  629. };
  630. var onUrlChange = function (data) {
  631. var text = getTextFromUrlChange(data.url);
  632. var title = getTitleFromUrlChange(data.url);
  633. if (text.isSome() || title.isSome()) {
  634. return Optional.some(__assign(__assign({}, text.map(function (text) {
  635. return { text: text };
  636. }).getOr({})), title.map(function (title) {
  637. return { title: title };
  638. }).getOr({})));
  639. } else {
  640. return Optional.none();
  641. }
  642. };
  643. var onCatalogChange = function (data, change) {
  644. var catalog = findCatalog(linkCatalog, change.name).getOr([]);
  645. return getDelta(persistentData.text, change.name, catalog, data);
  646. };
  647. var onChange = function (getData, change) {
  648. var name = change.name;
  649. if (name === 'url') {
  650. return onUrlChange(getData());
  651. } else if (contains([
  652. 'anchor',
  653. 'link'
  654. ], name)) {
  655. return onCatalogChange(getData(), change);
  656. } else if (name === 'text' || name === 'title') {
  657. persistentData[name] = getData()[name];
  658. return Optional.none();
  659. } else {
  660. return Optional.none();
  661. }
  662. };
  663. return { onChange: onChange };
  664. };
  665. var DialogChanges = {
  666. init: init,
  667. getDelta: getDelta
  668. };
  669. var global$4 = tinymce.util.Tools.resolve('tinymce.util.Delay');
  670. var global$5 = tinymce.util.Tools.resolve('tinymce.util.Promise');
  671. var delayedConfirm = function (editor, message, callback) {
  672. var rng = editor.selection.getRng();
  673. global$4.setEditorTimeout(editor, function () {
  674. editor.windowManager.confirm(message, function (state) {
  675. editor.selection.setRng(rng);
  676. callback(state);
  677. });
  678. });
  679. };
  680. var tryEmailTransform = function (data) {
  681. var url = data.href;
  682. var suggestMailTo = url.indexOf('@') > 0 && url.indexOf('/') === -1 && url.indexOf('mailto:') === -1;
  683. return suggestMailTo ? Optional.some({
  684. message: 'The URL you entered seems to be an email address. Do you want to add the required mailto: prefix?',
  685. preprocess: function (oldData) {
  686. return __assign(__assign({}, oldData), { href: 'mailto:' + url });
  687. }
  688. }) : Optional.none();
  689. };
  690. var tryProtocolTransform = function (assumeExternalTargets, defaultLinkProtocol) {
  691. return function (data) {
  692. var url = data.href;
  693. var suggestProtocol = assumeExternalTargets === 1 && !hasProtocol(url) || assumeExternalTargets === 0 && /^\s*www(\.|\d\.)/i.test(url);
  694. return suggestProtocol ? Optional.some({
  695. message: 'The URL you entered seems to be an external link. Do you want to add the required ' + defaultLinkProtocol + ':// prefix?',
  696. preprocess: function (oldData) {
  697. return __assign(__assign({}, oldData), { href: defaultLinkProtocol + '://' + url });
  698. }
  699. }) : Optional.none();
  700. };
  701. };
  702. var preprocess = function (editor, data) {
  703. return findMap([
  704. tryEmailTransform,
  705. tryProtocolTransform(assumeExternalTargets(editor), getDefaultLinkProtocol(editor))
  706. ], function (f) {
  707. return f(data);
  708. }).fold(function () {
  709. return global$5.resolve(data);
  710. }, function (transform) {
  711. return new global$5(function (callback) {
  712. delayedConfirm(editor, transform.message, function (state) {
  713. callback(state ? transform.preprocess(data) : data);
  714. });
  715. });
  716. });
  717. };
  718. var DialogConfirms = { preprocess: preprocess };
  719. var getAnchors = function (editor) {
  720. var anchorNodes = editor.dom.select('a:not([href])');
  721. var anchors = bind(anchorNodes, function (anchor) {
  722. var id = anchor.name || anchor.id;
  723. return id ? [{
  724. text: id,
  725. value: '#' + id
  726. }] : [];
  727. });
  728. return anchors.length > 0 ? Optional.some([{
  729. text: 'None',
  730. value: ''
  731. }].concat(anchors)) : Optional.none();
  732. };
  733. var AnchorListOptions = { getAnchors: getAnchors };
  734. var getClasses = function (editor) {
  735. var list = getLinkClassList(editor);
  736. if (list.length > 0) {
  737. return ListOptions.sanitize(list);
  738. }
  739. return Optional.none();
  740. };
  741. var ClassListOptions = { getClasses: getClasses };
  742. var global$6 = tinymce.util.Tools.resolve('tinymce.util.XHR');
  743. var parseJson = function (text) {
  744. try {
  745. return Optional.some(JSON.parse(text));
  746. } catch (err) {
  747. return Optional.none();
  748. }
  749. };
  750. var getLinks = function (editor) {
  751. var extractor = function (item) {
  752. return editor.convertURL(item.value || item.url, 'href');
  753. };
  754. var linkList = getLinkList(editor);
  755. return new global$5(function (callback) {
  756. if (isString(linkList)) {
  757. global$6.send({
  758. url: linkList,
  759. success: function (text) {
  760. return callback(parseJson(text));
  761. },
  762. error: function (_) {
  763. return callback(Optional.none());
  764. }
  765. });
  766. } else if (isFunction(linkList)) {
  767. linkList(function (output) {
  768. return callback(Optional.some(output));
  769. });
  770. } else {
  771. callback(Optional.from(linkList));
  772. }
  773. }).then(function (optItems) {
  774. return optItems.bind(ListOptions.sanitizeWith(extractor)).map(function (items) {
  775. if (items.length > 0) {
  776. var noneItem = [{
  777. text: 'None',
  778. value: ''
  779. }];
  780. return noneItem.concat(items);
  781. } else {
  782. return items;
  783. }
  784. });
  785. });
  786. };
  787. var LinkListOptions = { getLinks: getLinks };
  788. var getRels = function (editor, initialTarget) {
  789. var list = getRelList(editor);
  790. if (list.length > 0) {
  791. var isTargetBlank_1 = initialTarget.is('_blank');
  792. var enforceSafe = allowUnsafeLinkTarget(editor) === false;
  793. var safeRelExtractor = function (item) {
  794. return applyRelTargetRules(ListOptions.getValue(item), isTargetBlank_1);
  795. };
  796. var sanitizer = enforceSafe ? ListOptions.sanitizeWith(safeRelExtractor) : ListOptions.sanitize;
  797. return sanitizer(list);
  798. }
  799. return Optional.none();
  800. };
  801. var RelOptions = { getRels: getRels };
  802. var fallbacks = [
  803. {
  804. text: 'Current window',
  805. value: ''
  806. },
  807. {
  808. text: 'New window',
  809. value: '_blank'
  810. }
  811. ];
  812. var getTargets = function (editor) {
  813. var list = getTargetList(editor);
  814. if (isArray(list)) {
  815. return ListOptions.sanitize(list).orThunk(function () {
  816. return Optional.some(fallbacks);
  817. });
  818. } else if (list === false) {
  819. return Optional.none();
  820. }
  821. return Optional.some(fallbacks);
  822. };
  823. var TargetOptions = { getTargets: getTargets };
  824. var nonEmptyAttr = function (dom, elem, name) {
  825. var val = dom.getAttrib(elem, name);
  826. return val !== null && val.length > 0 ? Optional.some(val) : Optional.none();
  827. };
  828. var extractFromAnchor = function (editor, anchor) {
  829. var dom = editor.dom;
  830. var onlyText = isOnlyTextSelected(editor);
  831. var text = onlyText ? Optional.some(getAnchorText(editor.selection, anchor)) : Optional.none();
  832. var url = anchor ? Optional.some(dom.getAttrib(anchor, 'href')) : Optional.none();
  833. var target = anchor ? Optional.from(dom.getAttrib(anchor, 'target')) : Optional.none();
  834. var rel = nonEmptyAttr(dom, anchor, 'rel');
  835. var linkClass = nonEmptyAttr(dom, anchor, 'class');
  836. var title = nonEmptyAttr(dom, anchor, 'title');
  837. return {
  838. url: url,
  839. text: text,
  840. title: title,
  841. target: target,
  842. rel: rel,
  843. linkClass: linkClass
  844. };
  845. };
  846. var collect = function (editor, linkNode) {
  847. return LinkListOptions.getLinks(editor).then(function (links) {
  848. var anchor = extractFromAnchor(editor, linkNode);
  849. return {
  850. anchor: anchor,
  851. catalogs: {
  852. targets: TargetOptions.getTargets(editor),
  853. rels: RelOptions.getRels(editor, anchor.target),
  854. classes: ClassListOptions.getClasses(editor),
  855. anchor: AnchorListOptions.getAnchors(editor),
  856. link: links
  857. },
  858. optNode: Optional.from(linkNode),
  859. flags: { titleEnabled: shouldShowLinkTitle(editor) }
  860. };
  861. });
  862. };
  863. var DialogInfo = { collect: collect };
  864. var handleSubmit = function (editor, info) {
  865. return function (api) {
  866. var data = api.getData();
  867. if (!data.url.value) {
  868. unlink(editor);
  869. api.close();
  870. return;
  871. }
  872. var getChangedValue = function (key) {
  873. return Optional.from(data[key]).filter(function (value) {
  874. return !info.anchor[key].is(value);
  875. });
  876. };
  877. var changedData = {
  878. href: data.url.value,
  879. text: getChangedValue('text'),
  880. target: getChangedValue('target'),
  881. rel: getChangedValue('rel'),
  882. class: getChangedValue('linkClass'),
  883. title: getChangedValue('title')
  884. };
  885. var attachState = {
  886. href: data.url.value,
  887. attach: data.url.meta !== undefined && data.url.meta.attach ? data.url.meta.attach : noop
  888. };
  889. DialogConfirms.preprocess(editor, changedData).then(function (pData) {
  890. link(editor, attachState, pData);
  891. });
  892. api.close();
  893. };
  894. };
  895. var collectData = function (editor) {
  896. var anchorNode = getAnchorElement(editor);
  897. return DialogInfo.collect(editor, anchorNode);
  898. };
  899. var getInitialData = function (info, defaultTarget) {
  900. var anchor = info.anchor;
  901. var url = anchor.url.getOr('');
  902. return {
  903. url: {
  904. value: url,
  905. meta: { original: { value: url } }
  906. },
  907. text: anchor.text.getOr(''),
  908. title: anchor.title.getOr(''),
  909. anchor: url,
  910. link: url,
  911. rel: anchor.rel.getOr(''),
  912. target: anchor.target.or(defaultTarget).getOr(''),
  913. linkClass: anchor.linkClass.getOr('')
  914. };
  915. };
  916. var makeDialog = function (settings, onSubmit, editor) {
  917. var urlInput = [{
  918. name: 'url',
  919. type: 'urlinput',
  920. filetype: 'file',
  921. label: 'URL'
  922. }];
  923. var displayText = settings.anchor.text.map(function () {
  924. return {
  925. name: 'text',
  926. type: 'input',
  927. label: 'Text to display'
  928. };
  929. }).toArray();
  930. var titleText = settings.flags.titleEnabled ? [{
  931. name: 'title',
  932. type: 'input',
  933. label: 'Title'
  934. }] : [];
  935. var defaultTarget = Optional.from(getDefaultLinkTarget(editor));
  936. var initialData = getInitialData(settings, defaultTarget);
  937. var catalogs = settings.catalogs;
  938. var dialogDelta = DialogChanges.init(initialData, catalogs);
  939. var body = {
  940. type: 'panel',
  941. items: flatten([
  942. urlInput,
  943. displayText,
  944. titleText,
  945. cat([
  946. catalogs.anchor.map(ListOptions.createUi('anchor', 'Anchors')),
  947. catalogs.rels.map(ListOptions.createUi('rel', 'Rel')),
  948. catalogs.targets.map(ListOptions.createUi('target', 'Open link in...')),
  949. catalogs.link.map(ListOptions.createUi('link', 'Link list')),
  950. catalogs.classes.map(ListOptions.createUi('linkClass', 'Class'))
  951. ])
  952. ])
  953. };
  954. return {
  955. title: 'Insert/Edit Link',
  956. size: 'normal',
  957. body: body,
  958. buttons: [
  959. {
  960. type: 'cancel',
  961. name: 'cancel',
  962. text: 'Cancel'
  963. },
  964. {
  965. type: 'submit',
  966. name: 'save',
  967. text: 'Save',
  968. primary: true
  969. }
  970. ],
  971. initialData: initialData,
  972. onChange: function (api, _a) {
  973. var name = _a.name;
  974. dialogDelta.onChange(api.getData, { name: name }).each(function (newData) {
  975. api.setData(newData);
  976. });
  977. },
  978. onSubmit: onSubmit
  979. };
  980. };
  981. var open = function (editor) {
  982. var data = collectData(editor);
  983. data.then(function (info) {
  984. var onSubmit = handleSubmit(editor, info);
  985. return makeDialog(info, onSubmit, editor);
  986. }).then(function (spec) {
  987. editor.windowManager.open(spec);
  988. });
  989. };
  990. var appendClickRemove = function (link, evt) {
  991. document.body.appendChild(link);
  992. link.dispatchEvent(evt);
  993. document.body.removeChild(link);
  994. };
  995. var open$1 = function (url) {
  996. var link = document.createElement('a');
  997. link.target = '_blank';
  998. link.href = url;
  999. link.rel = 'noreferrer noopener';
  1000. var evt = document.createEvent('MouseEvents');
  1001. evt.initMouseEvent('click', true, true, window, 0, 0, 0, 0, 0, false, false, false, false, 0, null);
  1002. appendClickRemove(link, evt);
  1003. };
  1004. var getLink = function (editor, elm) {
  1005. return editor.dom.getParent(elm, 'a[href]');
  1006. };
  1007. var getSelectedLink = function (editor) {
  1008. return getLink(editor, editor.selection.getStart());
  1009. };
  1010. var hasOnlyAltModifier = function (e) {
  1011. return e.altKey === true && e.shiftKey === false && e.ctrlKey === false && e.metaKey === false;
  1012. };
  1013. var gotoLink = function (editor, a) {
  1014. if (a) {
  1015. var href = getHref(a);
  1016. if (/^#/.test(href)) {
  1017. var targetEl = editor.$(href);
  1018. if (targetEl.length) {
  1019. editor.selection.scrollIntoView(targetEl[0], true);
  1020. }
  1021. } else {
  1022. open$1(a.href);
  1023. }
  1024. }
  1025. };
  1026. var openDialog = function (editor) {
  1027. return function () {
  1028. open(editor);
  1029. };
  1030. };
  1031. var gotoSelectedLink = function (editor) {
  1032. return function () {
  1033. gotoLink(editor, getSelectedLink(editor));
  1034. };
  1035. };
  1036. var setupGotoLinks = function (editor) {
  1037. editor.on('click', function (e) {
  1038. var link = getLink(editor, e.target);
  1039. if (link && global$1.metaKeyPressed(e)) {
  1040. e.preventDefault();
  1041. gotoLink(editor, link);
  1042. }
  1043. });
  1044. editor.on('keydown', function (e) {
  1045. var link = getSelectedLink(editor);
  1046. if (link && e.keyCode === 13 && hasOnlyAltModifier(e)) {
  1047. e.preventDefault();
  1048. gotoLink(editor, link);
  1049. }
  1050. });
  1051. };
  1052. var toggleState = function (editor, toggler) {
  1053. editor.on('NodeChange', toggler);
  1054. return function () {
  1055. return editor.off('NodeChange', toggler);
  1056. };
  1057. };
  1058. var toggleActiveState = function (editor) {
  1059. return function (api) {
  1060. return toggleState(editor, function () {
  1061. api.setActive(!editor.mode.isReadOnly() && getAnchorElement(editor, editor.selection.getNode()) !== null);
  1062. });
  1063. };
  1064. };
  1065. var toggleEnabledState = function (editor) {
  1066. return function (api) {
  1067. var updateState = function () {
  1068. return api.setDisabled(getAnchorElement(editor, editor.selection.getNode()) === null);
  1069. };
  1070. updateState();
  1071. return toggleState(editor, updateState);
  1072. };
  1073. };
  1074. var toggleUnlinkState = function (editor) {
  1075. return function (api) {
  1076. var hasLinks$1 = function (parents) {
  1077. return hasLinks(parents) || hasLinksInSelection(editor.selection.getRng());
  1078. };
  1079. var parents = editor.dom.getParents(editor.selection.getStart());
  1080. api.setDisabled(!hasLinks$1(parents));
  1081. return toggleState(editor, function (e) {
  1082. return api.setDisabled(!hasLinks$1(e.parents));
  1083. });
  1084. };
  1085. };
  1086. var register = function (editor) {
  1087. editor.addCommand('mceLink', function () {
  1088. if (useQuickLink(editor)) {
  1089. editor.fire('contexttoolbar-show', { toolbarKey: 'quicklink' });
  1090. } else {
  1091. openDialog(editor)();
  1092. }
  1093. });
  1094. };
  1095. var setup = function (editor) {
  1096. editor.addShortcut('Meta+K', '', function () {
  1097. editor.execCommand('mceLink');
  1098. });
  1099. };
  1100. var setupButtons = function (editor) {
  1101. editor.ui.registry.addToggleButton('link', {
  1102. icon: 'link',
  1103. tooltip: 'Insert/edit link',
  1104. onAction: openDialog(editor),
  1105. onSetup: toggleActiveState(editor)
  1106. });
  1107. editor.ui.registry.addButton('openlink', {
  1108. icon: 'new-tab',
  1109. tooltip: 'Open link',
  1110. onAction: gotoSelectedLink(editor),
  1111. onSetup: toggleEnabledState(editor)
  1112. });
  1113. editor.ui.registry.addButton('unlink', {
  1114. icon: 'unlink',
  1115. tooltip: 'Remove link',
  1116. onAction: function () {
  1117. return unlink(editor);
  1118. },
  1119. onSetup: toggleUnlinkState(editor)
  1120. });
  1121. };
  1122. var setupMenuItems = function (editor) {
  1123. editor.ui.registry.addMenuItem('openlink', {
  1124. text: 'Open link',
  1125. icon: 'new-tab',
  1126. onAction: gotoSelectedLink(editor),
  1127. onSetup: toggleEnabledState(editor)
  1128. });
  1129. editor.ui.registry.addMenuItem('link', {
  1130. icon: 'link',
  1131. text: 'Link...',
  1132. shortcut: 'Meta+K',
  1133. onAction: openDialog(editor)
  1134. });
  1135. editor.ui.registry.addMenuItem('unlink', {
  1136. icon: 'unlink',
  1137. text: 'Remove link',
  1138. onAction: function () {
  1139. return unlink(editor);
  1140. },
  1141. onSetup: toggleUnlinkState(editor)
  1142. });
  1143. };
  1144. var setupContextMenu = function (editor) {
  1145. var inLink = 'link unlink openlink';
  1146. var noLink = 'link';
  1147. editor.ui.registry.addContextMenu('link', {
  1148. update: function (element) {
  1149. return hasLinks(editor.dom.getParents(element, 'a')) ? inLink : noLink;
  1150. }
  1151. });
  1152. };
  1153. var setupContextToolbars = function (editor) {
  1154. var collapseSelectionToEnd = function (editor) {
  1155. editor.selection.collapse(false);
  1156. };
  1157. var onSetupLink = function (buttonApi) {
  1158. var node = editor.selection.getNode();
  1159. buttonApi.setDisabled(!getAnchorElement(editor, node));
  1160. return noop;
  1161. };
  1162. editor.ui.registry.addContextForm('quicklink', {
  1163. launch: {
  1164. type: 'contextformtogglebutton',
  1165. icon: 'link',
  1166. tooltip: 'Link',
  1167. onSetup: toggleActiveState(editor)
  1168. },
  1169. label: 'Link',
  1170. predicate: function (node) {
  1171. return !!getAnchorElement(editor, node) && hasContextToolbar(editor);
  1172. },
  1173. initValue: function () {
  1174. var elm = getAnchorElement(editor);
  1175. return !!elm ? getHref(elm) : '';
  1176. },
  1177. commands: [
  1178. {
  1179. type: 'contextformtogglebutton',
  1180. icon: 'link',
  1181. tooltip: 'Link',
  1182. primary: true,
  1183. onSetup: function (buttonApi) {
  1184. var node = editor.selection.getNode();
  1185. buttonApi.setActive(!!getAnchorElement(editor, node));
  1186. return toggleActiveState(editor)(buttonApi);
  1187. },
  1188. onAction: function (formApi) {
  1189. var anchor = getAnchorElement(editor);
  1190. var value = formApi.getValue();
  1191. if (!anchor) {
  1192. var attachState = {
  1193. href: value,
  1194. attach: noop
  1195. };
  1196. var onlyText = isOnlyTextSelected(editor);
  1197. var text = onlyText ? Optional.some(getAnchorText(editor.selection, anchor)).filter(function (t) {
  1198. return t.length > 0;
  1199. }).or(Optional.from(value)) : Optional.none();
  1200. link(editor, attachState, {
  1201. href: value,
  1202. text: text,
  1203. title: Optional.none(),
  1204. rel: Optional.none(),
  1205. target: Optional.none(),
  1206. class: Optional.none()
  1207. });
  1208. formApi.hide();
  1209. } else {
  1210. editor.undoManager.transact(function () {
  1211. editor.dom.setAttrib(anchor, 'href', value);
  1212. collapseSelectionToEnd(editor);
  1213. formApi.hide();
  1214. });
  1215. }
  1216. }
  1217. },
  1218. {
  1219. type: 'contextformbutton',
  1220. icon: 'unlink',
  1221. tooltip: 'Remove link',
  1222. onSetup: onSetupLink,
  1223. onAction: function (formApi) {
  1224. unlink(editor);
  1225. formApi.hide();
  1226. }
  1227. },
  1228. {
  1229. type: 'contextformbutton',
  1230. icon: 'new-tab',
  1231. tooltip: 'Open link',
  1232. onSetup: onSetupLink,
  1233. onAction: function (formApi) {
  1234. gotoSelectedLink(editor)();
  1235. formApi.hide();
  1236. }
  1237. }
  1238. ]
  1239. });
  1240. };
  1241. function Plugin () {
  1242. global.add('link', function (editor) {
  1243. setupButtons(editor);
  1244. setupMenuItems(editor);
  1245. setupContextMenu(editor);
  1246. setupContextToolbars(editor);
  1247. setupGotoLinks(editor);
  1248. register(editor);
  1249. setup(editor);
  1250. });
  1251. }
  1252. Plugin();
  1253. }());