xmt_froala 0.3.1

data/vendor/assets/javascripts/xmt_froala/plugins/line_breaker.min.js

@@ -0,0 +1,7 @@
+/*!
+ * froala_editor v2.8.1 (https://www.froala.com/wysiwyg-editor)
+ * License https://froala.com/wysiwyg-editor/terms/
+ * Copyright 2014-2018 Froala Labs
+ */
+
+!function(n){"function"==typeof define&&define.amd?define(["jquery"],n):"object"==typeof module&&module.exports?module.exports=function(e,t){return t===undefined&&(t="undefined"!=typeof window?require("jquery"):require("jquery")(e)),n(t)}:n(window.jQuery)}(function(v){v.extend(v.FE.DEFAULTS,{lineBreakerTags:["table","hr","form","dl","span.fr-video",".fr-embedly"],lineBreakerOffset:15,lineBreakerHorizontalOffset:10}),v.FE.PLUGINS.lineBreaker=function(d){var g,t,a;function s(e,t){var n,r,a,o,i,s,f,l;if(null==e)i=(o=t.parent()).offset().top,n=(f=t.offset().top)-Math.min((f-i)/2,d.opts.lineBreakerOffset),a=o.outerWidth(),r=o.offset().left;else if(null==t)(s=(o=e.parent()).offset().top+o.outerHeight())<(l=e.offset().top+e.outerHeight())&&(s=(o=v(o).parent()).offset().top+o.outerHeight()),n=l+Math.min(Math.abs(s-l)/2,d.opts.lineBreakerOffset),a=o.outerWidth(),r=o.offset().left;else{o=e.parent();var p=e.offset().top+e.height(),u=t.offset().top;if(u<p)return!1;n=(p+u)/2,a=o.outerWidth(),r=o.offset().left}d.opts.iframe&&(r+=d.$iframe.offset().left-d.helpers.scrollLeft(),n+=d.$iframe.offset().top-d.helpers.scrollTop()),d.$box.append(g),g.css("top",n-d.win.pageYOffset),g.css("left",r-d.win.pageXOffset),g.css("width",a),g.data("tag1",e),g.data("tag2",t),g.addClass("fr-visible").data("instance",d)}function f(e){if(e){var t=v(e);if(0===d.$el.find(t).length)return null;if(e.nodeType!=Node.TEXT_NODE&&t.is(d.opts.lineBreakerTags.join(",")))return t;if(0<t.parents(d.opts.lineBreakerTags.join(",")).length)return e=t.parents(d.opts.lineBreakerTags.join(",")).get(0),0!==d.$el.find(e).length&&v(e).is(d.opts.lineBreakerTags.join(","))?v(e):null}return null}function o(e,t){var n=d.doc.elementFromPoint(e,t);return n&&!v(n).closest(".fr-line-breaker").length&&!d.node.isElement(n)&&n!=d.$wp.get(0)&&function(e){if("undefined"!=typeof e.inFroalaWrapper)return e.inFroalaWrapper;for(var t=e;e.parentNode&&e.parentNode!==d.$wp.get(0);)e=e.parentNode;return t.inFroalaWrapper=e.parentNode==d.$wp.get(0),t.inFroalaWrapper}(n)?n:null}function i(e,t,n){for(var r=n,a=null;r<=d.opts.lineBreakerOffset&&!a;)(a=o(e,t-r))||(a=o(e,t+r)),r+=n;return a}function l(e,t,n){for(var r=null,a=100;!r&&e>d.$box.offset().left&&e<d.$box.offset().left+d.$box.outerWidth()&&0<a;)(r=o(e,t))||(r=i(e,t,5)),"left"==n?e-=d.opts.lineBreakerHorizontalOffset:e+=d.opts.lineBreakerHorizontalOffset,a-=d.opts.lineBreakerHorizontalOffset;return r}function n(e){var t=a=null,n=null,r=d.doc.elementFromPoint(e.pageX-d.win.pageXOffset,e.pageY-d.win.pageYOffset);r&&("HTML"==r.tagName||"BODY"==r.tagName||d.node.isElement(r)||0<=(r.getAttribute("class")||"").indexOf("fr-line-breaker"))?((n=i(e.pageX-d.win.pageXOffset,e.pageY-d.win.pageYOffset,1))||(n=l(e.pageX-d.win.pageXOffset-d.opts.lineBreakerHorizontalOffset,e.pageY-d.win.pageYOffset,"left")),n||(n=l(e.pageX-d.win.pageXOffset+d.opts.lineBreakerHorizontalOffset,e.pageY-d.win.pageYOffset,"right")),t=f(n)):t=f(r),t?function(e,t){var n,r,a=e.offset().top,o=e.offset().top+e.outerHeight();if(Math.abs(o-t)<=d.opts.lineBreakerOffset||Math.abs(t-a)<=d.opts.lineBreakerOffset)if(Math.abs(o-t)<Math.abs(t-a)){for(var i=(r=e.get(0)).nextSibling;i&&i.nodeType==Node.TEXT_NODE&&0===i.textContent.length;)i=i.nextSibling;if(!i)return s(e,null);if(n=f(i))return s(e,n)}else{if(!(r=e.get(0)).previousSibling)return s(null,e);if(n=f(r.previousSibling))return s(n,e)}g.removeClass("fr-visible").removeData("instance")}(t,e.pageY):d.core.sameInstance(g)&&g.removeClass("fr-visible").removeData("instance")}function e(e){return!(g.hasClass("fr-visible")&&!d.core.sameInstance(g))&&(d.popups.areVisible()||d.el.querySelector(".fr-selected-cell")?(g.removeClass("fr-visible"),!0):void(!1!==t||d.edit.isDisabled()||(a&&clearTimeout(a),a=setTimeout(n,30,e))))}function r(){a&&clearTimeout(a),g.hasClass("fr-visible")&&g.removeClass("fr-visible").removeData("instance")}function p(){t=!0,r()}function u(){t=!1}function c(e){e.preventDefault();var t=g.data("instance")||d;g.removeClass("fr-visible").removeData("instance");var n=g.data("tag1"),r=g.data("tag2"),a=d.html.defaultTag();null==n?a&&"TD"!=r.parent().get(0).tagName&&0===r.parents(a).length?r.before("<"+a+">"+v.FE.MARKERS+"<br></"+a+">"):r.before(v.FE.MARKERS+"<br>"):a&&"TD"!=n.parent().get(0).tagName&&0===n.parents(a).length?n.after("<"+a+">"+v.FE.MARKERS+"<br></"+a+">"):n.after(v.FE.MARKERS+"<br>"),t.selection.restore()}return{_init:function(){if(!d.$wp)return!1;d.shared.$line_breaker||(d.shared.$line_breaker=v('<div class="fr-line-breaker"><a class="fr-floating-btn" role="button" tabIndex="-1" title="'+d.language.translate("Break")+'"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><rect x="21" y="11" width="2" height="8"/><rect x="14" y="17" width="7" height="2"/><path d="M14.000,14.000 L14.000,22.013 L9.000,18.031 L14.000,14.000 Z"/></svg></a></div>')),g=d.shared.$line_breaker,d.events.on("shared.destroy",function(){g.html("").removeData().remove(),g=null},!0),d.events.on("destroy",function(){g.removeData("instance").removeClass("fr-visible").appendTo("body:first"),clearTimeout(a)},!0),d.events.$on(g,"mousemove",function(e){e.stopPropagation()},!0),d.events.bindClick(g,"a",c),t=!1,d.events.$on(d.$win,"mousemove",e),d.events.$on(v(d.win),"scroll",r),d.events.on("popups.show.table.edit",r),d.events.on("commands.after",r),d.events.$on(v(d.win),"mousedown",p),d.events.$on(v(d.win),"mouseup",u)}}}});

data/vendor/assets/javascripts/xmt_froala/plugins/link.js

@@ -0,0 +1,1157 @@
+/*!
+ * froala_editor v2.8.1 (https://www.froala.com/wysiwyg-editor)
+ * License https://froala.com/wysiwyg-editor/terms/
+ * Copyright 2014-2018 Froala Labs
+ */
+
+(function (factory) {
+    if (typeof define === 'function' && define.amd) {
+        // AMD. Register as an anonymous module.
+        define(['jquery'], factory);
+    } else if (typeof module === 'object' && module.exports) {
+        // Node/CommonJS
+        module.exports = function( root, jQuery ) {
+            if ( jQuery === undefined ) {
+                // require('jQuery') returns a factory that requires window to
+                // build a jQuery instance, we normalize how we use modules
+                // that require this pattern but the window provided is a noop
+                // if it's defined (how jquery works)
+                if ( typeof window !== 'undefined' ) {
+                    jQuery = require('jquery');
+                }
+                else {
+                    jQuery = require('jquery')(root);
+                }
+            }
+            return factory(jQuery);
+        };
+    } else {
+        // Browser globals
+        factory(window.jQuery);
+    }
+}(function ($) {
+
+  
+
+  $.extend($.FE.POPUP_TEMPLATES, {
+    'link.edit': '[_BUTTONS_]',
+    'link.insert': '[_BUTTONS_][_INPUT_LAYER_]'
+  })
+
+  $.extend($.FE.DEFAULTS, {
+    linkEditButtons: ['linkOpen', 'linkStyle', 'linkEdit', 'linkRemove'],
+    linkInsertButtons: ['linkBack', '|', 'linkList'],
+    linkAttributes: {},
+    linkAutoPrefix: 'http://',
+    linkStyles: {
+      'fr-green': 'Green',
+      'fr-strong': 'Thick'
+    },
+    linkMultipleStyles: true,
+    linkConvertEmailAddress: true,
+    linkAlwaysBlank: false,
+    linkAlwaysNoFollow: false,
+    linkNoOpener: true,
+    linkNoReferrer: true,
+    linkList: [
+      {
+        text: 'Froala',
+        href: 'https://froala.com',
+        target: '_blank'
+      },
+      {
+        text: 'Google',
+        href: 'https://google.com',
+        target: '_blank'
+      },
+      {
+        displayText: 'Facebook',
+        href: 'https://facebook.com'
+      }
+    ],
+    linkText: true
+  });
+
+  $.FE.PLUGINS.link = function (editor) {
+    function get () {
+      var $current_image = editor.image ? editor.image.get() : null;
+
+      if (!$current_image && editor.$wp) {
+        var c_el = editor.selection.ranges(0).commonAncestorContainer;
+
+        try {
+          if (c_el && ((c_el.contains && c_el.contains(editor.el)) || !editor.el.contains(c_el) || editor.el == c_el)) c_el = null;
+        }
+        catch (ex) {
+          c_el = null;
+        }
+
+        if (c_el && c_el.tagName === 'A') return c_el;
+        var s_el = editor.selection.element();
+        var e_el = editor.selection.endElement();
+
+        if (s_el.tagName != 'A' && !editor.node.isElement(s_el)) {
+          s_el = $(s_el).parentsUntil(editor.$el, 'a:first').get(0);
+        }
+
+        if (e_el.tagName != 'A' && !editor.node.isElement(e_el)) {
+          e_el = $(e_el).parentsUntil(editor.$el, 'a:first').get(0);
+        }
+
+        try {
+          if (e_el && ((e_el.contains && e_el.contains(editor.el)) || !editor.el.contains(e_el) || editor.el == e_el)) e_el = null;
+        }
+        catch (ex) {
+          e_el = null;
+        }
+
+        try {
+          if (s_el && ((s_el.contains && s_el.contains(editor.el)) || !editor.el.contains(s_el) || editor.el == s_el)) s_el = null;
+        }
+        catch (ex) {
+          s_el = null;
+        }
+
+        if (e_el && e_el == s_el && e_el.tagName == 'A') {
+
+          // We do not clicking at the end / input of links because in IE the selection is changing shortly after mouseup.
+          // https://jsfiddle.net/jredzam3/
+          if ((editor.browser.msie || editor.helpers.isMobile()) && (editor.selection.info(s_el).atEnd || editor.selection.info(s_el).atStart)) {
+            return null;
+          }
+
+          return s_el;
+        }
+
+        return null;
+      }
+      else if (editor.el.tagName == 'A') {
+
+        return editor.el;
+      }
+      else {
+        if ($current_image && $current_image.get(0).parentNode && $current_image.get(0).parentNode.tagName == 'A') {
+
+          return $current_image.get(0).parentNode;
+        }
+      }
+    }
+
+    function allSelected () {
+      var $current_image = editor.image ? editor.image.get() : null;
+      var selectedLinks = [];
+
+      if ($current_image) {
+        if ($current_image.get(0).parentNode.tagName == 'A') {
+          selectedLinks.push($current_image.get(0).parentNode);
+        }
+      }
+      else {
+        var range;
+        var containerEl;
+        var links;
+        var linkRange;
+
+        if (editor.win.getSelection) {
+          var sel = editor.win.getSelection();
+
+          if (sel.getRangeAt && sel.rangeCount) {
+            linkRange = editor.doc.createRange();
+
+            for (var r = 0; r < sel.rangeCount; ++r) {
+              range = sel.getRangeAt(r);
+              containerEl = range.commonAncestorContainer;
+
+              if (containerEl && containerEl.nodeType != 1) {
+                containerEl = containerEl.parentNode;
+              }
+
+              if (containerEl && containerEl.nodeName.toLowerCase() == 'a') {
+                selectedLinks.push(containerEl);
+              }
+              else {
+                links = containerEl.getElementsByTagName('a');
+
+                for (var i = 0; i < links.length; ++i) {
+                  linkRange.selectNodeContents(links[i]);
+
+                  if (linkRange.compareBoundaryPoints(range.END_TO_START, range) < 1 && linkRange.compareBoundaryPoints(range.START_TO_END, range) > -1) {
+                    selectedLinks.push(links[i]);
+                  }
+                }
+              }
+            }
+
+            // linkRange.detach();
+          }
+        }
+        else if (editor.doc.selection && editor.doc.selection.type != 'Control') {
+          range = editor.doc.selection.createRange();
+          containerEl = range.parentElement();
+
+          if (containerEl.nodeName.toLowerCase() == 'a') {
+            selectedLinks.push(containerEl);
+          }
+          else {
+            links = containerEl.getElementsByTagName('a');
+            linkRange = editor.doc.body.createTextRange();
+
+            for (var j = 0; j < links.length; ++j) {
+              linkRange.moveToElementText(links[j]);
+
+              if (linkRange.compareEndPoints('StartToEnd', range) > -1 && linkRange.compareEndPoints('EndToStart', range) < 1) {
+                selectedLinks.push(links[j]);
+              }
+            }
+          }
+        }
+      }
+
+      return selectedLinks;
+    }
+
+    function _edit (e) {
+      if (editor.core.hasFocus()) {
+        _hideEditPopup();
+
+        // Do not show edit popup for link when ALT is hit.
+        if (e && e.type === 'keyup' && (e.altKey || e.which == $.FE.KEYCODE.ALT)) return true;
+
+        setTimeout (function () {
+
+          // No event passed.
+          // Event passed and (left click or other event type).
+          if (!e || (e && (e.which == 1 || e.type != 'mouseup'))) {
+            var link = get();
+            var $current_image = editor.image ? editor.image.get() : null;
+
+            if (link && !$current_image) {
+              if (editor.image) {
+                var contents = editor.node.contents(link);
+
+                // https://github.com/froala/wysiwyg-editor/issues/1103
+                if (contents.length == 1 && contents[0].tagName == 'IMG') {
+                  var range = editor.selection.ranges(0);
+
+                  if (range.startOffset === 0 && range.endOffset === 0) {
+                    $(link).before($.FE.MARKERS);
+                  }
+                  else {
+                    $(link).after($.FE.MARKERS);
+                  }
+
+                  editor.selection.restore();
+
+                  return false;
+                }
+              }
+
+              if (e) {
+                e.stopPropagation();
+              }
+              _showEditPopup(link);
+            }
+          }
+        }, editor.helpers.isIOS() ? 100 : 0);
+      }
+    }
+
+    function _showEditPopup (link) {
+      var $popup = editor.popups.get('link.edit');
+
+      if (!$popup) $popup = _initEditPopup();
+
+      var $link = $(link);
+
+      if (!editor.popups.isVisible('link.edit')) {
+        editor.popups.refresh('link.edit');
+      }
+      editor.popups.setContainer('link.edit', editor.$sc);
+      var left = $link.offset().left + $(link).outerWidth() / 2;
+      var top = $link.offset().top + $link.outerHeight();
+      editor.popups.show('link.edit', left, top, $link.outerHeight());
+    }
+
+    function _hideEditPopup () {
+      editor.popups.hide('link.edit');
+    }
+
+    function _initEditPopup () {
+
+      // Link buttons.
+      var link_buttons = '';
+
+      if (editor.opts.linkEditButtons.length >= 1) {
+        if (editor.el.tagName == 'A' && editor.opts.linkEditButtons.indexOf('linkRemove') >= 0) {
+          editor.opts.linkEditButtons.splice(editor.opts.linkEditButtons.indexOf('linkRemove'), 1);
+        }
+
+        link_buttons = '<div class="fr-buttons">' + editor.button.buildList(editor.opts.linkEditButtons) + '</div>';
+      }
+
+      var template = {
+        buttons: link_buttons
+      };
+
+      // Set the template in the popup.
+      var $popup = editor.popups.create('link.edit', template);
+
+      if (editor.$wp) {
+        editor.events.$on(editor.$wp, 'scroll.link-edit', function () {
+          if (get() && editor.popups.isVisible('link.edit')) {
+            _showEditPopup(get());
+          }
+        });
+      }
+
+      return $popup;
+    }
+
+    /**
+     * Hide link insert popup.
+     */
+    function _hideInsertPopup () {
+    }
+
+    function _refreshInsertPopup () {
+      var $popup = editor.popups.get('link.insert');
+      var link = get();
+
+      if (link) {
+        var $link = $(link);
+        var text_inputs = $popup.find('input.fr-link-attr[type="text"]');
+        var check_inputs = $popup.find('input.fr-link-attr[type="checkbox"]');
+        var i;
+        var $input;
+
+        for (i = 0; i < text_inputs.length; i++) {
+          $input = $(text_inputs[i]);
+          $input.val($link.attr($input.attr('name') || ''));
+        }
+
+        check_inputs.prop('checked', false);
+
+        for (i = 0; i < check_inputs.length; i++) {
+          $input = $(check_inputs[i]);
+
+          if ($link.attr($input.attr('name')) == $input.data('checked')) {
+            $input.prop('checked', true);
+          }
+        }
+
+        $popup.find('input.fr-link-attr[type="text"][name="text"]').val($link.text());
+      }
+      else {
+        $popup.find('input.fr-link-attr[type="text"]').val('');
+        $popup.find('input.fr-link-attr[type="checkbox"]').prop('checked', false);
+        $popup.find('input.fr-link-attr[type="text"][name="text"]').val(editor.selection.text());
+      }
+      $popup.find('input.fr-link-attr').trigger('change');
+      var $current_image = editor.image ? editor.image.get() : null;
+
+      if ($current_image) {
+        $popup.find('.fr-link-attr[name="text"]').parent().hide();
+      }
+      else {
+        $popup.find('.fr-link-attr[name="text"]').parent().show();
+      }
+    }
+
+    function _showInsertPopup () {
+      var $btn = editor.$tb.find('.fr-command[data-cmd="insertLink"]');
+      var $popup = editor.popups.get('link.insert');
+
+      if (!$popup) $popup = _initInsertPopup();
+
+      if (!$popup.hasClass('fr-active')) {
+        editor.popups.refresh('link.insert');
+        editor.popups.setContainer('link.insert', editor.$tb || editor.$sc);
+
+        if ($btn.is(':visible')) {
+          var left = $btn.offset().left + $btn.outerWidth() / 2;
+          var top = $btn.offset().top + (editor.opts.toolbarBottom ? 10 : $btn.outerHeight() - 10);
+          editor.popups.show('link.insert', left, top, $btn.outerHeight());
+        }
+        else {
+          editor.position.forSelection($popup);
+          editor.popups.show('link.insert');
+        }
+      }
+    }
+
+    function _initInsertPopup (delayed) {
+      if (delayed) {
+        editor.popups.onRefresh('link.insert', _refreshInsertPopup);
+        editor.popups.onHide('link.insert', _hideInsertPopup);
+
+        return true;
+      }
+
+      // Image buttons.
+      var link_buttons = '';
+
+      if (editor.opts.linkInsertButtons.length >= 1) {
+        link_buttons = '<div class="fr-buttons">' + editor.button.buildList(editor.opts.linkInsertButtons) + '</div>';
+      }
+
+      var checkmark = '<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="10" viewBox="0 0 32 32"><path d="M27 4l-15 15-7-7-5 5 12 12 20-20z" fill="#FFF"></path></svg>';
+
+      // Image by url layer.
+      var input_layer = '';
+      var tab_idx = 0;
+      input_layer = '<div class="fr-link-insert-layer fr-layer fr-active" id="fr-link-insert-layer-' + editor.id + '">';
+      input_layer += '<div class="fr-input-line"><input id="fr-link-insert-layer-url-' + editor.id + '" name="href" type="text" class="fr-link-attr" placeholder="' + editor.language.translate('URL') + '" tabIndex="' + (++tab_idx) + '"></div>';
+
+      if (editor.opts.linkText) {
+        input_layer += '<div class="fr-input-line"><input id="fr-link-insert-layer-text-' + editor.id + '" name="text" type="text" class="fr-link-attr" placeholder="' + editor.language.translate('Text') + '" tabIndex="' + (++tab_idx) + '"></div>';
+      }
+
+      // Add any additional fields.
+      for (var attr in editor.opts.linkAttributes) {
+        if (editor.opts.linkAttributes.hasOwnProperty(attr)) {
+          var placeholder = editor.opts.linkAttributes[attr];
+          input_layer += '<div class="fr-input-line"><input name="' + attr + '" type="text" class="fr-link-attr" placeholder="' + editor.language.translate(placeholder) + '" tabIndex="' + (++tab_idx) + '"></div>';
+        }
+      }
+
+      if (!editor.opts.linkAlwaysBlank) {
+        input_layer += '<div class="fr-checkbox-line"><span class="fr-checkbox"><input name="target" class="fr-link-attr" data-checked="_blank" type="checkbox" id="fr-link-target-' + editor.id + '" tabIndex="' + (++tab_idx) + '"><span>' + checkmark + '</span></span><label for="fr-link-target-' + editor.id + '">' + editor.language.translate('Open in new tab') + '</label></div>';
+      }
+
+      input_layer += '<div class="fr-action-buttons"><button class="fr-command fr-submit" role="button" data-cmd="linkInsert" href="#" tabIndex="' + (++tab_idx) + '" type="button">' + editor.language.translate('Insert') + '</button></div></div>'
+
+      var template = {
+        buttons: link_buttons,
+        input_layer: input_layer
+      }
+
+      // Set the template in the popup.
+      var $popup = editor.popups.create('link.insert', template);
+
+      if (editor.$wp) {
+        editor.events.$on(editor.$wp, 'scroll.link-insert', function () {
+          var $current_image = editor.image ? editor.image.get() : null;
+
+          if ($current_image && editor.popups.isVisible('link.insert')) {
+            imageLink();
+          }
+
+          if (get && editor.popups.isVisible('link.insert')) {
+            update();
+          }
+        });
+      }
+
+      return $popup;
+    }
+
+    function remove () {
+      var link = get();
+
+      var $current_image = editor.image ? editor.image.get() : null;
+
+      if (editor.events.trigger('link.beforeRemove', [link]) === false) return false;
+
+      if ($current_image && link) {
+        $current_image.unwrap();
+        editor.image.edit($current_image);
+      }
+      else if (link) {
+        editor.selection.save();
+        $(link).replaceWith($(link).html());
+        editor.selection.restore();
+        _hideEditPopup();
+      }
+    }
+
+    function _init () {
+
+      // Edit on keyup.
+      editor.events.on('keyup', function (e) {
+        if (e.which != $.FE.KEYCODE.ESC) {
+          _edit(e);
+        }
+      });
+
+      editor.events.on('window.mouseup', _edit);
+
+      // Do not follow links when edit is disabled.
+      editor.events.$on(editor.$el, 'click', 'a', function (e) {
+        if (editor.edit.isDisabled()) {
+          e.preventDefault();
+        }
+      });
+
+      if (editor.helpers.isMobile()) {
+        editor.events.$on(editor.$doc, 'selectionchange', _edit);
+      }
+
+      _initInsertPopup(true);
+
+      // Init on link.
+      if (editor.el.tagName == 'A') {
+        editor.$el.addClass('fr-view');
+      }
+
+      // Hit ESC when focus is in link edit popup.
+      editor.events.on('toolbar.esc', function () {
+        if (editor.popups.isVisible('link.edit')) {
+          editor.events.disableBlur();
+          editor.events.focus();
+
+          return false;
+        }
+      }, true);
+    }
+
+    function usePredefined (val) {
+      var link = editor.opts.linkList[val];
+      var $popup = editor.popups.get('link.insert');
+      var text_inputs = $popup.find('input.fr-link-attr[type="text"]');
+      var check_inputs = $popup.find('input.fr-link-attr[type="checkbox"]');
+      var $input;
+      var i;
+
+      for (i = 0; i < text_inputs.length; i++) {
+        $input = $(text_inputs[i]);
+
+        if (link[$input.attr('name')]) {
+          $input.val(link[$input.attr('name')]);
+        }
+        else if ($input.attr('name') != 'text') {
+          $input.val('');
+        }
+      }
+
+      for (i = 0; i < check_inputs.length; i++) {
+        $input = $(check_inputs[i]);
+        $input.prop('checked', $input.data('checked') == link[$input.attr('name')]);
+      }
+      editor.accessibility.focusPopup($popup);
+    }
+
+    function insertCallback () {
+      var $popup = editor.popups.get('link.insert');
+      var text_inputs = $popup.find('input.fr-link-attr[type="text"]');
+      var check_inputs = $popup.find('input.fr-link-attr[type="checkbox"]');
+      var href = (text_inputs.filter('[name="href"]').val() || '').trim();
+      var text = text_inputs.filter('[name="text"]').val();
+      var attrs = {};
+      var $input;
+      var i;
+
+      for (i = 0; i < text_inputs.length; i++) {
+        $input = $(text_inputs[i]);
+
+        if (['href', 'text'].indexOf($input.attr('name')) < 0) {
+          attrs[$input.attr('name')] = $input.val();
+        }
+      }
+
+      for (i = 0; i < check_inputs.length; i++) {
+        $input = $(check_inputs[i]);
+
+        if ($input.is(':checked')) {
+          attrs[$input.attr('name')] = $input.data('checked');
+        }
+        else {
+          attrs[$input.attr('name')] = $input.data('unchecked') || null;
+        }
+      }
+
+      var t = editor.helpers.scrollTop();
+      insert(href, text, attrs);
+      $(editor.o_win).scrollTop(t);
+    }
+
+    function _split () {
+      if (!editor.selection.isCollapsed()) {
+        editor.selection.save();
+        var markers = editor.$el.find('.fr-marker').addClass('fr-unprocessed').toArray();
+
+        while (markers.length) {
+          var $marker = $(markers.pop());
+          $marker.removeClass('fr-unprocessed');
+
+          // Get deepest parent.
+          var deep_parent = editor.node.deepestParent($marker.get(0));
+
+          if (deep_parent) {
+            var node = $marker.get(0);
+            var close_str = '';
+            var open_str = '';
+
+            do {
+              node = node.parentNode;
+
+              if (!editor.node.isBlock(node)) {
+                close_str = close_str + editor.node.closeTagString(node);
+                open_str = editor.node.openTagString(node) + open_str;
+              }
+            } while (node != deep_parent);
+
+            var marker_str = editor.node.openTagString($marker.get(0)) + $marker.html() +  editor.node.closeTagString($marker.get(0));
+
+            $marker.replaceWith('<span id="fr-break"></span>');
+            var h = deep_parent.outerHTML;
+
+            h = h.replace(/<span id="fr-break"><\/span>/g, close_str + marker_str + open_str);
+
+            deep_parent.outerHTML = h;
+          }
+
+          markers = editor.$el.find('.fr-marker.fr-unprocessed').toArray();
+        }
+
+        editor.html.cleanEmptyTags();
+
+        editor.selection.restore();
+      }
+    }
+
+    /**
+     * Insert link into the editor.
+     */
+    function insert (href, text, attrs) {
+      if (typeof attrs == 'undefined') attrs = {};
+
+      if (editor.events.trigger('link.beforeInsert', [href, text, attrs]) === false) return false;
+
+      // Get image if we have one selected.
+      var $current_image = editor.image ? editor.image.get() : null;
+
+      if (!$current_image && editor.el.tagName != 'A') {
+        editor.selection.restore();
+        editor.popups.hide('link.insert');
+      }
+      else if (editor.el.tagName == 'A') {
+        editor.$el.focus();
+      }
+
+      var original_href = href;
+
+      // Convert email address.
+      if (editor.opts.linkConvertEmailAddress) {
+        if (editor.helpers.isEmail(href) && !/^mailto:.*/i.test(href)) {
+          href = 'mailto:' + href;
+        }
+      }
+
+      // Check if is local path.
+      var local_path = /^([A-Za-z]:(\\){1,2}|[A-Za-z]:((\\){1,2}[^\\]+)+)(\\)?$/i;
+
+      // Add autoprefix.
+      if (editor.opts.linkAutoPrefix !== '' && !new RegExp('^(' + $.FE.LinkProtocols.join('|') + '):.', 'i').test(href) && !/^data:image.*/i.test(href) && !/^(https?:|ftps?:|file:|)\/\//i.test(href) && !local_path.test(href)) {
+
+        // Do prefix only if starting character is not absolute.
+        if (['/', '{', '[', '#', '(', '.'].indexOf((href || '')[0]) < 0) {
+          href = editor.opts.linkAutoPrefix + editor.helpers.sanitizeURL(href);
+        }
+      }
+
+      // Sanitize the URL.
+      href = editor.helpers.sanitizeURL(href);
+
+      // Default attributs.
+      if (editor.opts.linkAlwaysBlank) attrs.target = '_blank';
+
+      if (editor.opts.linkAlwaysNoFollow) attrs.rel = 'nofollow';
+
+      // https://github.com/froala/wysiwyg-editor/issues/1576.
+      if (attrs.target == '_blank') {
+        if (editor.opts.linkNoOpener) {
+          if (!attrs.rel) attrs.rel = 'noopener';
+          else attrs.rel += ' noopener';
+        }
+
+        if (editor.opts.linkNoReferrer) {
+          if (!attrs.rel) attrs.rel = 'noreferrer';
+          else attrs.rel += ' noreferrer';
+        }
+      }
+      else if (attrs.target == null) {
+        if (attrs.rel) {
+          attrs.rel = attrs.rel.replace(/noopener/, '').replace(/noreferrer/, '');
+        }
+        else {
+          attrs.rel = null;
+        }
+      }
+
+      // Format text.
+      text = text || '';
+
+      if (href === editor.opts.linkAutoPrefix) {
+        var $popup = editor.popups.get('link.insert');
+        $popup.find('input[name="href"]').addClass('fr-error');
+        editor.events.trigger('link.bad', [original_href]);
+
+        return false;
+      }
+
+      // Check if we have selection only in one link.
+      var link = get();
+      var $link;
+
+      if (link) {
+        $link = $(link);
+
+        $link.attr('href', href);
+
+        // Change text if it is different.
+        if (text.length > 0 && $link.text() != text && !$current_image) {
+          var child = $link.get(0);
+
+          while (child.childNodes.length === 1 && child.childNodes[0].nodeType == Node.ELEMENT_NODE) {
+            child = child.childNodes[0];
+          }
+
+          $(child).text(text);
+        }
+
+        if (!$current_image) {
+          $link
+            .prepend($.FE.START_MARKER)
+            .append($.FE.END_MARKER);
+        }
+
+        // Set attributes.
+        $link.attr(attrs);
+
+        if (!$current_image) {
+          editor.selection.restore();
+        }
+      }
+      else {
+
+        // We don't have any image selected.
+        if (!$current_image) {
+
+          // Remove current links.
+          editor.format.remove('a');
+
+          // Nothing is selected.
+          if (editor.selection.isCollapsed()) {
+            text = (text.length === 0 ? original_href : text);
+            editor.html.insert('<a href="' + href + '">' + $.FE.START_MARKER + text.replace(/&/g, '&amp;') + $.FE.END_MARKER + '</a>');
+            editor.selection.restore();
+          }
+          else {
+            if (text.length > 0 && text != editor.selection.text().replace(/\n/g, '')) {
+              editor.selection.remove();
+              editor.html.insert('<a href="' + href + '">' + $.FE.START_MARKER + text.replace(/&/g, '&amp;') + $.FE.END_MARKER + '</a>');
+              editor.selection.restore();
+            }
+            else {
+              _split();
+
+              // Add link.
+              editor.format.apply('a', { href: href });
+            }
+          }
+        }
+        else {
+
+          // Just wrap current image with a link.
+          $current_image.wrap('<a href="' + href + '"></a>');
+        }
+
+        // Set attributes.
+        var links = allSelected();
+
+        for (var i = 0; i < links.length; i++) {
+          $link = $(links[i]);
+          $link.attr(attrs);
+          $link.removeAttr('_moz_dirty');
+        }
+
+        // Show link edit if only one link.
+        if (links.length == 1 && editor.$wp && !$current_image) {
+          $(links[0])
+            .prepend($.FE.START_MARKER)
+            .append($.FE.END_MARKER);
+
+          editor.selection.restore();
+        }
+      }
+
+      // Hide popup and try to edit.
+      if (!$current_image) {
+        _edit();
+      }
+      else {
+        var $pop = editor.popups.get('link.insert');
+
+        if ($pop) {
+          $pop.find('input:focus').blur();
+        }
+
+        editor.image.edit($current_image);
+      }
+    }
+
+    function update () {
+      _hideEditPopup();
+
+      var link = get();
+
+      if (link) {
+        var $popup = editor.popups.get('link.insert');
+
+        if (!$popup) $popup = _initInsertPopup();
+
+        if (!editor.popups.isVisible('link.insert')) {
+          editor.popups.refresh('link.insert');
+          editor.selection.save();
+
+          if (editor.helpers.isMobile()) {
+            editor.events.disableBlur();
+            editor.$el.blur();
+            editor.events.enableBlur();
+          }
+        }
+
+        editor.popups.setContainer('link.insert', editor.$sc);
+        var $ref = (editor.image ? editor.image.get() : null) || $(link);
+        var left = $ref.offset().left + $ref.outerWidth() / 2;
+        var top = $ref.offset().top + $ref.outerHeight();
+
+        editor.popups.show('link.insert', left, top, $ref.outerHeight());
+      }
+    }
+
+    function back () {
+      var $current_image = editor.image ? editor.image.get() : null;
+
+      if (!$current_image) {
+        editor.events.disableBlur();
+        editor.selection.restore();
+        editor.events.enableBlur();
+
+        var link = get();
+
+        if (link && editor.$wp) {
+          editor.selection.restore();
+          _hideEditPopup();
+          _edit();
+        }
+        else if (editor.el.tagName == 'A') {
+          editor.$el.focus();
+          _edit();
+        }
+        else {
+          editor.popups.hide('link.insert');
+          editor.toolbar.showInline();
+        }
+      }
+      else {
+        editor.image.back();
+      }
+    }
+
+    function imageLink () {
+      var $el = editor.image ? editor.image.getEl() : null;
+
+      if ($el) {
+        var $popup = editor.popups.get('link.insert');
+
+        if (editor.image.hasCaption()) {
+          $el = $el.find('.fr-img-wrap');
+        }
+
+        if (!$popup) $popup = _initInsertPopup();
+        _refreshInsertPopup(true);
+        editor.popups.setContainer('link.insert', editor.$sc);
+        var left = $el.offset().left + $el.outerWidth() / 2;
+        var top = $el.offset().top + $el.outerHeight();
+
+        editor.popups.show('link.insert', left, top, $el.outerHeight());
+      }
+    }
+
+    /**
+     * Apply specific style.
+     */
+    function applyStyle (val, linkStyles, multipleStyles) {
+      if (typeof multipleStyles == 'undefined') multipleStyles = editor.opts.linkMultipleStyles;
+
+      if (typeof linkStyles == 'undefined') linkStyles = editor.opts.linkStyles;
+      var link = get();
+
+      if (!link) return false;
+
+      // Remove multiple styles.
+      if (!multipleStyles) {
+        var styles = Object.keys(linkStyles);
+        styles.splice(styles.indexOf(val), 1);
+        $(link).removeClass(styles.join(' '));
+      }
+
+      $(link).toggleClass(val);
+
+      _edit();
+    }
+
+    return {
+      _init: _init,
+      remove: remove,
+      showInsertPopup: _showInsertPopup,
+      usePredefined: usePredefined,
+      insertCallback: insertCallback,
+      insert: insert,
+      update: update,
+      get: get,
+      allSelected: allSelected,
+      back: back,
+      imageLink: imageLink,
+      applyStyle: applyStyle
+    }
+  }
+
+  // Register the link command.
+  $.FE.DefineIcon('insertLink', { NAME: 'link' });
+  $.FE.RegisterShortcut($.FE.KEYCODE.K, 'insertLink', null, 'K');
+  $.FE.RegisterCommand('insertLink', {
+    title: 'Insert Link',
+    undo: false,
+    focus: true,
+    refreshOnCallback: false,
+    popup: true,
+    callback: function () {
+      if (!this.popups.isVisible('link.insert')) {
+        this.link.showInsertPopup();
+      }
+      else {
+        if (this.$el.find('.fr-marker').length) {
+          this.events.disableBlur();
+          this.selection.restore();
+        }
+        this.popups.hide('link.insert');
+      }
+    },
+    plugin: 'link'
+  })
+
+  $.FE.DefineIcon('linkOpen', {
+    NAME: 'external-link',
+    FA5NAME: 'external-link-alt'
+  });
+  $.FE.RegisterCommand('linkOpen', {
+    title: 'Open Link',
+    undo: false,
+    refresh: function ($btn) {
+      var link = this.link.get();
+
+      if (link) {
+        $btn.removeClass('fr-hidden');
+      }
+      else {
+        $btn.addClass('fr-hidden');
+      }
+    },
+    callback: function () {
+      var link = this.link.get();
+
+      if (link) {
+        this.o_win.open(link.href, '_blank', 'noopener');
+
+        this.popups.hide('link.edit');
+      }
+    },
+    plugin: 'link'
+  })
+
+  $.FE.DefineIcon('linkEdit', { NAME: 'edit' });
+  $.FE.RegisterCommand('linkEdit', {
+    title: 'Edit Link',
+    undo: false,
+    refreshAfterCallback: false,
+    popup: true,
+    callback: function () {
+      this.link.update();
+    },
+    refresh: function ($btn) {
+      var link = this.link.get();
+
+      if (link) {
+        $btn.removeClass('fr-hidden');
+      }
+      else {
+        $btn.addClass('fr-hidden');
+      }
+    },
+    plugin: 'link'
+  })
+
+  $.FE.DefineIcon('linkRemove', { NAME: 'unlink' });
+  $.FE.RegisterCommand('linkRemove', {
+    title: 'Unlink',
+    callback: function () {
+      this.link.remove();
+    },
+    refresh: function ($btn) {
+      var link = this.link.get();
+
+      if (link) {
+        $btn.removeClass('fr-hidden');
+      }
+      else {
+        $btn.addClass('fr-hidden');
+      }
+    },
+    plugin: 'link'
+  })
+
+  $.FE.DefineIcon('linkBack', { NAME: 'arrow-left' });
+  $.FE.RegisterCommand('linkBack', {
+    title: 'Back',
+    undo: false,
+    focus: false,
+    back: true,
+    refreshAfterCallback: false,
+    callback: function () {
+      this.link.back();
+    },
+    refresh: function ($btn) {
+      var link = this.link.get() && this.doc.hasFocus();
+      var $current_image = this.image ? this.image.get() : null;
+
+      if (!$current_image && !link && !this.opts.toolbarInline) {
+        $btn.addClass('fr-hidden');
+        $btn.next('.fr-separator').addClass('fr-hidden');
+      }
+      else {
+        $btn.removeClass('fr-hidden');
+        $btn.next('.fr-separator').removeClass('fr-hidden');
+      }
+    },
+    plugin: 'link'
+  });
+
+  $.FE.DefineIcon('linkList', { NAME: 'search' });
+  $.FE.RegisterCommand('linkList', {
+    title: 'Choose Link',
+    type: 'dropdown',
+    focus: false,
+    undo: false,
+    refreshAfterCallback: false,
+    html: function () {
+      var c = '<ul class="fr-dropdown-list" role="presentation">';
+      var options =  this.opts.linkList;
+
+      for (var i = 0; i < options.length; i++) {
+        c += '<li role="presentation"><a class="fr-command" tabIndex="-1" role="option" data-cmd="linkList" data-param1="' + i + '">' + (options[i].displayText || options[i].text) + '</a></li>';
+      }
+      c += '</ul>';
+
+      return c;
+    },
+    callback: function (cmd, val) {
+      this.link.usePredefined(val);
+    },
+    plugin: 'link'
+  })
+
+  $.FE.RegisterCommand('linkInsert', {
+    focus: false,
+    refreshAfterCallback: false,
+    callback: function () {
+      this.link.insertCallback();
+    },
+    refresh: function ($btn) {
+      var link = this.link.get();
+
+      if (link) {
+        $btn.text(this.language.translate('Update'));
+      }
+      else {
+        $btn.text(this.language.translate('Insert'));
+      }
+    },
+    plugin: 'link'
+  })
+
+  // Image link.
+  $.FE.DefineIcon('imageLink', { NAME: 'link' })
+  $.FE.RegisterCommand('imageLink', {
+    title: 'Insert Link',
+    undo: false,
+    focus: false,
+    popup: true,
+    callback: function () {
+      this.link.imageLink();
+    },
+    refresh: function ($btn) {
+      var link = this.link.get();
+      var $prev;
+
+      if (link) {
+        $prev = $btn.prev();
+
+        if ($prev.hasClass('fr-separator')) {
+          $prev.removeClass('fr-hidden');
+        }
+
+        $btn.addClass('fr-hidden');
+      }
+      else {
+        $prev = $btn.prev();
+
+        if ($prev.hasClass('fr-separator')) {
+          $prev.addClass('fr-hidden');
+        }
+
+        $btn.removeClass('fr-hidden');
+      }
+    },
+    plugin: 'link'
+  })
+
+  // Link styles.
+  $.FE.DefineIcon('linkStyle', { NAME: 'magic' })
+  $.FE.RegisterCommand('linkStyle', {
+    title: 'Style',
+    type: 'dropdown',
+    html: function () {
+      var c = '<ul class="fr-dropdown-list" role="presentation">';
+      var options =  this.opts.linkStyles;
+
+      for (var cls in options) {
+        if (options.hasOwnProperty(cls)) {
+          c += '<li role="presentation"><a class="fr-command" tabIndex="-1" role="option" data-cmd="linkStyle" data-param1="' + cls + '">' + this.language.translate(options[cls]) + '</a></li>';
+        }
+      }
+      c += '</ul>';
+
+      return c;
+    },
+    callback: function (cmd, val) {
+      this.link.applyStyle(val);
+    },
+    refreshOnShow: function ($btn, $dropdown) {
+      var link = this.link.get();
+
+      if (link) {
+        var $link = $(link);
+
+        $dropdown.find('.fr-command').each (function () {
+          var cls = $(this).data('param1');
+          var active = $link.hasClass(cls);
+          $(this).toggleClass('fr-active', active).attr('aria-selected', active);
+        })
+      }
+    },
+    refresh: function ($btn) {
+      var link = this.link.get();
+
+      if (link) {
+        $btn.removeClass('fr-hidden');
+      }
+      else {
+        $btn.addClass('fr-hidden');
+      }
+    },
+    plugin: 'link'
+  })
+
+}));