123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713 |
- (function () {
- var link = (function (domGlobals) {
- 'use strict';
- var global = tinymce.util.Tools.resolve('tinymce.PluginManager');
- var global$1 = tinymce.util.Tools.resolve('tinymce.util.VK');
- var assumeExternalTargets = function (editorSettings) {
- return typeof editorSettings.link_assume_external_targets === 'boolean' ? editorSettings.link_assume_external_targets : false;
- };
- var hasContextToolbar = function (editorSettings) {
- return typeof editorSettings.link_context_toolbar === 'boolean' ? editorSettings.link_context_toolbar : false;
- };
- var getLinkList = function (editorSettings) {
- return editorSettings.link_list;
- };
- var hasDefaultLinkTarget = function (editorSettings) {
- return typeof editorSettings.default_link_target === 'string';
- };
- var getDefaultLinkTarget = function (editorSettings) {
- return editorSettings.default_link_target;
- };
- var getTargetList = function (editorSettings) {
- return editorSettings.target_list;
- };
- var setTargetList = function (editor, list) {
- editor.settings.target_list = list;
- };
- var shouldShowTargetList = function (editorSettings) {
- return getTargetList(editorSettings) !== false;
- };
- var getRelList = function (editorSettings) {
- return editorSettings.rel_list;
- };
- var hasRelList = function (editorSettings) {
- return getRelList(editorSettings) !== undefined;
- };
- var getLinkClassList = function (editorSettings) {
- return editorSettings.link_class_list;
- };
- var hasLinkClassList = function (editorSettings) {
- return getLinkClassList(editorSettings) !== undefined;
- };
- var shouldShowLinkTitle = function (editorSettings) {
- return editorSettings.link_title !== false;
- };
- var allowUnsafeLinkTarget = function (editorSettings) {
- return typeof editorSettings.allow_unsafe_link_target === 'boolean' ? editorSettings.allow_unsafe_link_target : false;
- };
- var Settings = {
- assumeExternalTargets: assumeExternalTargets,
- hasContextToolbar: hasContextToolbar,
- getLinkList: getLinkList,
- hasDefaultLinkTarget: hasDefaultLinkTarget,
- getDefaultLinkTarget: getDefaultLinkTarget,
- getTargetList: getTargetList,
- setTargetList: setTargetList,
- shouldShowTargetList: shouldShowTargetList,
- getRelList: getRelList,
- hasRelList: hasRelList,
- getLinkClassList: getLinkClassList,
- hasLinkClassList: hasLinkClassList,
- shouldShowLinkTitle: shouldShowLinkTitle,
- allowUnsafeLinkTarget: allowUnsafeLinkTarget
- };
- var global$2 = tinymce.util.Tools.resolve('tinymce.dom.DOMUtils');
- var global$3 = tinymce.util.Tools.resolve('tinymce.Env');
- var appendClickRemove = function (link, evt) {
- domGlobals.document.body.appendChild(link);
- link.dispatchEvent(evt);
- domGlobals.document.body.removeChild(link);
- };
- var open = function (url) {
- if (!global$3.ie || global$3.ie > 10) {
- var link = domGlobals.document.createElement('a');
- link.target = '_blank';
- link.href = url;
- link.rel = 'noreferrer noopener';
- var evt = domGlobals.document.createEvent('MouseEvents');
- evt.initMouseEvent('click', true, true, domGlobals.window, 0, 0, 0, 0, 0, false, false, false, false, 0, null);
- appendClickRemove(link, evt);
- } else {
- var win = domGlobals.window.open('', '_blank');
- if (win) {
- win.opener = null;
- var doc = win.document;
- doc.open();
- doc.write('<meta http-equiv="refresh" content="0; url=' + global$2.DOM.encode(url) + '">');
- doc.close();
- }
- }
- };
- var OpenUrl = { open: open };
- var global$4 = tinymce.util.Tools.resolve('tinymce.util.Tools');
- var toggleTargetRules = function (rel, isUnsafe) {
- var rules = ['noopener'];
- var newRel = rel ? rel.split(/\s+/) : [];
- var toString = function (rel) {
- return global$4.trim(rel.sort().join(' '));
- };
- var addTargetRules = function (rel) {
- rel = removeTargetRules(rel);
- return rel.length ? rel.concat(rules) : rules;
- };
- var removeTargetRules = function (rel) {
- return rel.filter(function (val) {
- return global$4.inArray(rules, val) === -1;
- });
- };
- newRel = isUnsafe ? addTargetRules(newRel) : removeTargetRules(newRel);
- return newRel.length ? toString(newRel) : null;
- };
- var trimCaretContainers = function (text) {
- return text.replace(/\uFEFF/g, '');
- };
- var getAnchorElement = function (editor, selectedElm) {
- selectedElm = selectedElm || editor.selection.getNode();
- if (isImageFigure(selectedElm)) {
- return editor.dom.select('a[href]', selectedElm)[0];
- } else {
- return editor.dom.getParent(selectedElm, 'a[href]');
- }
- };
- var getAnchorText = function (selection, anchorElm) {
- var text = anchorElm ? anchorElm.innerText || anchorElm.textContent : selection.getContent({ format: 'text' });
- return trimCaretContainers(text);
- };
- var isLink = function (elm) {
- return elm && elm.nodeName === 'A' && elm.href;
- };
- var hasLinks = function (elements) {
- return global$4.grep(elements, isLink).length > 0;
- };
- var isOnlyTextSelected = function (html) {
- if (/</.test(html) && (!/^<a [^>]+>[^<]+<\/a>$/.test(html) || html.indexOf('href=') === -1)) {
- return false;
- }
- return true;
- };
- var isImageFigure = function (node) {
- return node && node.nodeName === 'FIGURE' && /\bimage\b/i.test(node.className);
- };
- var link = function (editor, attachState) {
- return function (data) {
- editor.undoManager.transact(function () {
- var selectedElm = editor.selection.getNode();
- var anchorElm = getAnchorElement(editor, selectedElm);
- var linkAttrs = {
- href: data.href,
- target: data.target ? data.target : null,
- rel: data.rel ? data.rel : null,
- class: data.class ? data.class : null,
- title: data.title ? data.title : null
- };
- if (!Settings.hasRelList(editor.settings) && Settings.allowUnsafeLinkTarget(editor.settings) === false) {
- linkAttrs.rel = toggleTargetRules(linkAttrs.rel, linkAttrs.target === '_blank');
- }
- if (data.href === attachState.href) {
- attachState.attach();
- attachState = {};
- }
- if (anchorElm) {
- editor.focus();
- if (data.hasOwnProperty('text')) {
- if ('innerText' in anchorElm) {
- anchorElm.innerText = data.text;
- } else {
- anchorElm.textContent = data.text;
- }
- }
- editor.dom.setAttribs(anchorElm, linkAttrs);
- editor.selection.select(anchorElm);
- editor.undoManager.add();
- } else {
- if (isImageFigure(selectedElm)) {
- linkImageFigure(editor, selectedElm, linkAttrs);
- } else if (data.hasOwnProperty('text')) {
- editor.insertContent(editor.dom.createHTML('a', linkAttrs, editor.dom.encode(data.text)));
- } else {
- editor.execCommand('mceInsertLink', false, linkAttrs);
- }
- }
- });
- };
- };
- var unlink = function (editor) {
- return function () {
- editor.undoManager.transact(function () {
- var node = editor.selection.getNode();
- if (isImageFigure(node)) {
- unlinkImageFigure(editor, node);
- } else {
- editor.execCommand('unlink');
- }
- });
- };
- };
- var unlinkImageFigure = function (editor, fig) {
- var a, img;
- img = editor.dom.select('img', fig)[0];
- if (img) {
- a = editor.dom.getParents(img, 'a[href]', fig)[0];
- if (a) {
- a.parentNode.insertBefore(img, a);
- editor.dom.remove(a);
- }
- }
- };
- var linkImageFigure = function (editor, fig, attrs) {
- var a, img;
- img = editor.dom.select('img', fig)[0];
- if (img) {
- a = editor.dom.create('a', attrs);
- img.parentNode.insertBefore(a, img);
- a.appendChild(img);
- }
- };
- var Utils = {
- link: link,
- unlink: unlink,
- isLink: isLink,
- hasLinks: hasLinks,
- isOnlyTextSelected: isOnlyTextSelected,
- getAnchorElement: getAnchorElement,
- getAnchorText: getAnchorText,
- toggleTargetRules: toggleTargetRules
- };
- var global$5 = tinymce.util.Tools.resolve('tinymce.util.Delay');
- var global$6 = tinymce.util.Tools.resolve('tinymce.util.XHR');
- var attachState = {};
- var createLinkList = function (editor, callback) {
- var linkList = Settings.getLinkList(editor.settings);
- if (typeof linkList === 'string') {
- global$6.send({
- url: linkList,
- success: function (text) {
- callback(editor, JSON.parse(text));
- }
- });
- } else if (typeof linkList === 'function') {
- linkList(function (list) {
- callback(editor, list);
- });
- } else {
- callback(editor, linkList);
- }
- };
- var buildListItems = function (inputList, itemCallback, startItems) {
- var appendItems = function (values, output) {
- output = output || [];
- global$4.each(values, function (item) {
- var menuItem = { text: item.text || item.title };
- if (item.menu) {
- menuItem.menu = appendItems(item.menu);
- } else {
- menuItem.value = item.value;
- if (itemCallback) {
- itemCallback(menuItem);
- }
- }
- output.push(menuItem);
- });
- return output;
- };
- return appendItems(inputList, startItems || []);
- };
- var delayedConfirm = function (editor, message, callback) {
- var rng = editor.selection.getRng();
- global$5.setEditorTimeout(editor, function () {
- editor.windowManager.confirm(message, function (state) {
- editor.selection.setRng(rng);
- callback(state);
- });
- });
- };
- var showDialog = function (editor, linkList) {
- var data = {};
- var selection = editor.selection;
- var dom = editor.dom;
- var anchorElm, initialText;
- var win, onlyText, textListCtrl, linkListCtrl, relListCtrl, targetListCtrl, classListCtrl, linkTitleCtrl, value;
- var linkListChangeHandler = function (e) {
- var textCtrl = win.find('#text');
- if (!textCtrl.value() || e.lastControl && textCtrl.value() === e.lastControl.text()) {
- textCtrl.value(e.control.text());
- }
- win.find('#href').value(e.control.value());
- };
- var buildAnchorListControl = function (url) {
- var anchorList = [];
- global$4.each(editor.dom.select('a:not([href])'), function (anchor) {
- var id = anchor.name || anchor.id;
- if (id) {
- anchorList.push({
- text: id,
- value: '#' + id,
- selected: url.indexOf('#' + id) !== -1
- });
- }
- });
- if (anchorList.length) {
- anchorList.unshift({
- text: 'None',
- value: ''
- });
- return {
- name: 'anchor',
- type: 'listbox',
- label: 'Anchors',
- values: anchorList,
- onselect: linkListChangeHandler
- };
- }
- };
- var updateText = function () {
- if (!initialText && onlyText && !data.text) {
- this.parent().parent().find('#text')[0].value(this.value());
- }
- };
- var urlChange = function (e) {
- var meta = e.meta || {};
- if (linkListCtrl) {
- linkListCtrl.value(editor.convertURL(this.value(), 'href'));
- }
- global$4.each(e.meta, function (value, key) {
- var inp = win.find('#' + key);
- if (key === 'text') {
- if (initialText.length === 0) {
- inp.value(value);
- data.text = value;
- }
- } else {
- inp.value(value);
- }
- });
- if (meta.attach) {
- attachState = {
- href: this.value(),
- attach: meta.attach
- };
- }
- if (!meta.text) {
- updateText.call(this);
- }
- };
- var onBeforeCall = function (e) {
- e.meta = win.toJSON();
- };
- onlyText = Utils.isOnlyTextSelected(selection.getContent());
- anchorElm = Utils.getAnchorElement(editor);
- data.text = initialText = Utils.getAnchorText(editor.selection, anchorElm);
- data.href = anchorElm ? dom.getAttrib(anchorElm, 'href') : '';
- if (anchorElm) {
- data.target = dom.getAttrib(anchorElm, 'target');
- } else if (Settings.hasDefaultLinkTarget(editor.settings)) {
- data.target = Settings.getDefaultLinkTarget(editor.settings);
- }
- if (value = dom.getAttrib(anchorElm, 'rel')) {
- data.rel = value;
- }
- if (value = dom.getAttrib(anchorElm, 'class')) {
- data.class = value;
- }
- if (value = dom.getAttrib(anchorElm, 'title')) {
- data.title = value;
- }
- if (onlyText) {
- textListCtrl = {
- name: 'text',
- type: 'textbox',
- size: 40,
- label: 'Text to display',
- onchange: function () {
- data.text = this.value();
- }
- };
- }
- if (linkList) {
- linkListCtrl = {
- type: 'listbox',
- label: 'Link list',
- values: buildListItems(linkList, function (item) {
- item.value = editor.convertURL(item.value || item.url, 'href');
- }, [{
- text: 'None',
- value: ''
- }]),
- onselect: linkListChangeHandler,
- value: editor.convertURL(data.href, 'href'),
- onPostRender: function () {
- linkListCtrl = this;
- }
- };
- }
- if (Settings.shouldShowTargetList(editor.settings)) {
- if (Settings.getTargetList(editor.settings) === undefined) {
- Settings.setTargetList(editor, [
- {
- text: 'None',
- value: ''
- },
- {
- text: 'New window',
- value: '_blank'
- }
- ]);
- }
- targetListCtrl = {
- name: 'target',
- type: 'listbox',
- label: 'Target',
- values: buildListItems(Settings.getTargetList(editor.settings))
- };
- }
- if (Settings.hasRelList(editor.settings)) {
- relListCtrl = {
- name: 'rel',
- type: 'listbox',
- label: 'Rel',
- values: buildListItems(Settings.getRelList(editor.settings), function (item) {
- if (Settings.allowUnsafeLinkTarget(editor.settings) === false) {
- item.value = Utils.toggleTargetRules(item.value, data.target === '_blank');
- }
- })
- };
- }
- if (Settings.hasLinkClassList(editor.settings)) {
- classListCtrl = {
- name: 'class',
- type: 'listbox',
- label: 'Class',
- values: buildListItems(Settings.getLinkClassList(editor.settings), function (item) {
- if (item.value) {
- item.textStyle = function () {
- return editor.formatter.getCssText({
- inline: 'a',
- classes: [item.value]
- });
- };
- }
- })
- };
- }
- if (Settings.shouldShowLinkTitle(editor.settings)) {
- linkTitleCtrl = {
- name: 'title',
- type: 'textbox',
- label: 'Title',
- value: data.title
- };
- }
- win = editor.windowManager.open({
- title: 'Insert link',
- data: data,
- body: [
- {
- name: 'href',
- type: 'filepicker',
- filetype: 'file',
- size: 40,
- autofocus: true,
- label: 'Url',
- onchange: urlChange,
- onkeyup: updateText,
- onpaste: updateText,
- onbeforecall: onBeforeCall
- },
- textListCtrl,
- linkTitleCtrl,
- buildAnchorListControl(data.href),
- linkListCtrl,
- relListCtrl,
- targetListCtrl,
- classListCtrl
- ],
- onSubmit: function (e) {
- var assumeExternalTargets = Settings.assumeExternalTargets(editor.settings);
- var insertLink = Utils.link(editor, attachState);
- var removeLink = Utils.unlink(editor);
- var resultData = global$4.extend({}, data, e.data);
- var href = resultData.href;
- if (!href) {
- removeLink();
- return;
- }
- if (!onlyText || resultData.text === initialText) {
- delete resultData.text;
- }
- if (href.indexOf('@') > 0 && href.indexOf('//') === -1 && href.indexOf('mailto:') === -1) {
- delayedConfirm(editor, 'The URL you entered seems to be an email address. Do you want to add the required mailto: prefix?', function (state) {
- if (state) {
- resultData.href = 'mailto:' + href;
- }
- insertLink(resultData);
- });
- return;
- }
- if (assumeExternalTargets === true && !/^\w+:/i.test(href) || assumeExternalTargets === false && /^\s*www[\.|\d\.]/i.test(href)) {
- delayedConfirm(editor, 'The URL you entered seems to be an external link. Do you want to add the required http:// prefix?', function (state) {
- if (state) {
- resultData.href = 'http://' + href;
- }
- insertLink(resultData);
- });
- return;
- }
- insertLink(resultData);
- }
- });
- };
- var open$1 = function (editor) {
- createLinkList(editor, showDialog);
- };
- var Dialog = { open: open$1 };
- var getLink = function (editor, elm) {
- return editor.dom.getParent(elm, 'a[href]');
- };
- var getSelectedLink = function (editor) {
- return getLink(editor, editor.selection.getStart());
- };
- var getHref = function (elm) {
- var href = elm.getAttribute('data-mce-href');
- return href ? href : elm.getAttribute('href');
- };
- var isContextMenuVisible = function (editor) {
- var contextmenu = editor.plugins.contextmenu;
- return contextmenu ? contextmenu.isContextMenuVisible() : false;
- };
- var hasOnlyAltModifier = function (e) {
- return e.altKey === true && e.shiftKey === false && e.ctrlKey === false && e.metaKey === false;
- };
- var gotoLink = function (editor, a) {
- if (a) {
- var href = getHref(a);
- if (/^#/.test(href)) {
- var targetEl = editor.$(href);
- if (targetEl.length) {
- editor.selection.scrollIntoView(targetEl[0], true);
- }
- } else {
- OpenUrl.open(a.href);
- }
- }
- };
- var openDialog = function (editor) {
- return function () {
- Dialog.open(editor);
- };
- };
- var gotoSelectedLink = function (editor) {
- return function () {
- gotoLink(editor, getSelectedLink(editor));
- };
- };
- var leftClickedOnAHref = function (editor) {
- return function (elm) {
- var sel, rng, node;
- if (Settings.hasContextToolbar(editor.settings) && !isContextMenuVisible(editor) && Utils.isLink(elm)) {
- sel = editor.selection;
- rng = sel.getRng();
- node = rng.startContainer;
- if (node.nodeType === 3 && sel.isCollapsed() && rng.startOffset > 0 && rng.startOffset < node.data.length) {
- return true;
- }
- }
- return false;
- };
- };
- var setupGotoLinks = function (editor) {
- editor.on('click', function (e) {
- var link = getLink(editor, e.target);
- if (link && global$1.metaKeyPressed(e)) {
- e.preventDefault();
- gotoLink(editor, link);
- }
- });
- editor.on('keydown', function (e) {
- var link = getSelectedLink(editor);
- if (link && e.keyCode === 13 && hasOnlyAltModifier(e)) {
- e.preventDefault();
- gotoLink(editor, link);
- }
- });
- };
- var toggleActiveState = function (editor) {
- return function () {
- var self = this;
- editor.on('nodechange', function (e) {
- self.active(!editor.readonly && !!Utils.getAnchorElement(editor, e.element));
- });
- };
- };
- var toggleViewLinkState = function (editor) {
- return function () {
- var self = this;
- var toggleVisibility = function (e) {
- if (Utils.hasLinks(e.parents)) {
- self.show();
- } else {
- self.hide();
- }
- };
- if (!Utils.hasLinks(editor.dom.getParents(editor.selection.getStart()))) {
- self.hide();
- }
- editor.on('nodechange', toggleVisibility);
- self.on('remove', function () {
- editor.off('nodechange', toggleVisibility);
- });
- };
- };
- var Actions = {
- openDialog: openDialog,
- gotoSelectedLink: gotoSelectedLink,
- leftClickedOnAHref: leftClickedOnAHref,
- setupGotoLinks: setupGotoLinks,
- toggleActiveState: toggleActiveState,
- toggleViewLinkState: toggleViewLinkState
- };
- var register = function (editor) {
- editor.addCommand('mceLink', Actions.openDialog(editor));
- };
- var Commands = { register: register };
- var setup = function (editor) {
- editor.addShortcut('Meta+K', '', Actions.openDialog(editor));
- };
- var Keyboard = { setup: setup };
- var setupButtons = function (editor) {
- editor.addButton('link', {
- active: false,
- icon: 'link',
- tooltip: 'Insert/edit link',
- onclick: Actions.openDialog(editor),
- onpostrender: Actions.toggleActiveState(editor)
- });
- editor.addButton('unlink', {
- active: false,
- icon: 'unlink',
- tooltip: 'Remove link',
- onclick: Utils.unlink(editor),
- onpostrender: Actions.toggleActiveState(editor)
- });
- if (editor.addContextToolbar) {
- editor.addButton('openlink', {
- icon: 'newtab',
- tooltip: 'Open link',
- onclick: Actions.gotoSelectedLink(editor)
- });
- }
- };
- var setupMenuItems = function (editor) {
- editor.addMenuItem('openlink', {
- text: 'Open link',
- icon: 'newtab',
- onclick: Actions.gotoSelectedLink(editor),
- onPostRender: Actions.toggleViewLinkState(editor),
- prependToContext: true
- });
- editor.addMenuItem('link', {
- icon: 'link',
- text: 'Link',
- shortcut: 'Meta+K',
- onclick: Actions.openDialog(editor),
- stateSelector: 'a[href]',
- context: 'insert',
- prependToContext: true
- });
- editor.addMenuItem('unlink', {
- icon: 'unlink',
- text: 'Remove link',
- onclick: Utils.unlink(editor),
- stateSelector: 'a[href]'
- });
- };
- var setupContextToolbars = function (editor) {
- if (editor.addContextToolbar) {
- editor.addContextToolbar(Actions.leftClickedOnAHref(editor), 'openlink | link unlink');
- }
- };
- var Controls = {
- setupButtons: setupButtons,
- setupMenuItems: setupMenuItems,
- setupContextToolbars: setupContextToolbars
- };
- global.add('link', function (editor) {
- Controls.setupButtons(editor);
- Controls.setupMenuItems(editor);
- Controls.setupContextToolbars(editor);
- Actions.setupGotoLinks(editor);
- Commands.register(editor);
- Keyboard.setup(editor);
- });
- function Plugin () {
- }
- return Plugin;
- }(window));
- })();
|