vue_crud 0.1.9.6 → 0.1.9.7

data/lib/generators/vue_crud/templates/assets/javascripts/froala_editor/plugins/link.js

@@ -0,0 +1,997 @@
+/*!
+ * froala_editor v2.3.3 (https://www.froala.com/wysiwyg-editor)
+ * License https://froala.com/wysiwyg-editor/terms/
+ * Copyright 2014-2016 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);
+                }
+            }
+            factory(jQuery);
+            return jQuery;
+        };
+    } else {
+        // Browser globals
+        factory(jQuery);
+    }
+}(function ($) {
+
+  'use strict';
+
+  $.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,
+    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 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);
+        }
+
+        if (e_el && e_el == s_el && e_el.tagName == 'A') {
+          return s_el;
+        }
+
+        return null;
+      }
+      else if (editor.$el.get(0).tagName == 'A' && editor.core.hasFocus()) {
+        return editor.$el.get(0);
+      }
+      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) {
+      _hideEditPopup();
+
+      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.opts.scrollableContainer));
+      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.get(0).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.opts.scrollableContainer));
+
+        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 name="href" type="text" class="fr-link-attr" placeholder="URL" tabIndex="' + (++tab_idx) + '"></div>';
+
+      if (editor.opts.linkText) {
+        input_layer += '<div class="fr-input-line"><input 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" 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);
+
+      if (editor.helpers.isMobile()) {
+        editor.events.$on(editor.$doc, 'selectionchange', _edit);
+      }
+
+      _initInsertPopup(true);
+
+      // Init on link.
+      if (editor.$el.get(0).tagName == 'A') {
+        editor.$el.addClass('fr-view');
+      }
+    }
+
+    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')]);
+      }
+    }
+
+    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();
+      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');
+        }
+      }
+
+      var t = $(editor.o_win).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');
+
+          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).html();
+            h = h.replace(/<span id="fr-break"><\/span>/g, close_str + marker_str + open_str);
+
+            $(deep_parent).html(h);
+          }
+
+          markers = editor.$el.find('.fr-marker.fr-unprocessed').toArray();
+        }
+
+        editor.selection.restore();
+      }
+    }
+
+    /**
+     * Insert link into the editor.
+     */
+    function insert (href, text, attrs) {
+      if (typeof attrs == 'undefined') attrs = {};
+
+      // Get image if we have one selected.
+      var $current_image = editor.image ? editor.image.get() : null;
+
+      if (!$current_image && editor.$el.get(0).tagName != 'A') {
+        editor.selection.restore();
+        editor.popups.hide('link.insert');
+      }
+      else if (editor.$el.get(0).tagName == 'A') {
+        editor.$el.focus();
+      }
+
+      var original_href = href;
+
+      // Convert email address.
+      if (editor.opts.linkConvertEmailAddress) {
+        var regex = /^[\w._]+@[a-z\u00a1-\uffff0-9_-]+?\.[a-z\u00a1-\uffff0-9]{2,}$/i;
+
+        if (regex.test(href) && !/^mailto:.*/i.test(href)) {
+          href = 'mailto:' + href;
+        }
+      }
+
+      // Add autoprefix.
+      if (editor.opts.linkAutoPrefix !== '' && !/^(mailto|tel|sms|notes|data):.*/i.test(href) && !/^data:image.*/i.test(href) && !/^(https?:|ftps?:|file:|)\/\//i.test(href)) {
+        // Do prefix only if starting character is not absolute.
+        if (['/', '{', '[', '#', '('].indexOf((href || '')[0]) < 0) {
+          href = editor.opts.linkAutoPrefix + 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';
+
+      // 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);
+
+        // Clear attributes.
+        var a_list = editor.node.rawAttributes(link);
+        for (var attr in a_list) {
+          if (a_list.hasOwnProperty(attr)) {
+            if (attr != 'class' && attr != 'style') {
+              $link.removeAttr(attr);
+            }
+          }
+        }
+
+        $link.attr('href', href);
+
+        // Change text if it is different.
+        if (text.length > 0 && $link.text() != text && !$current_image) {
+          $link.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 + $.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 + $.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');
+        $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.opts.scrollableContainer));
+        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.get(0).tagName == 'A') {
+          editor.$el.focus();
+          _edit();
+        }
+        else {
+          editor.popups.hide('link.insert');
+          editor.toolbar.showInline();
+        }
+      }
+      else {
+        editor.image.back();
+      }
+    }
+
+    function imageLink () {
+      var $current_image = editor.image ? editor.image.get() : null;
+
+      if ($current_image) {
+        var $popup = editor.popups.get('link.insert');
+        if (!$popup) $popup = _initInsertPopup();
+
+        _refreshInsertPopup(true);
+        editor.popups.setContainer('link.insert', $(editor.opts.scrollableContainer));
+        var left = $current_image.offset().left + $current_image.outerWidth() / 2;
+        var top = $current_image.offset().top + $current_image.outerHeight();
+
+        editor.popups.show('link.insert', left, top, $current_image.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')) {
+          this.events.disableBlur();
+          this.selection.restore();
+        }
+        this.popups.hide('link.insert');
+      }
+    },
+    plugin: 'link'
+  })
+
+  $.FE.DefineIcon('linkOpen', { NAME: 'external-link' });
+  $.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);
+      }
+    }
+  })
+
+  $.FE.DefineIcon('linkEdit', { NAME: 'edit' });
+  $.FE.RegisterCommand('linkEdit', {
+    title: 'Edit Link',
+    undo: false,
+    refreshAfterCallback: false,
+    callback: function () {
+      this.link.update();
+    },
+    refresh: function ($btn) {
+      var link = this.link.get();
+      if (link) {
+        $btn.removeClass('fr-hidden');
+      }
+      else {
+        $btn.addClass('fr-hidden');
+      }
+    }
+  })
+
+  $.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');
+      }
+    }
+  })
+
+  $.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();
+      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');
+      }
+    }
+  });
+
+  $.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">';
+      var options =  this.opts.linkList;
+      for (var i = 0; i < options.length; i++) {
+        c += '<li><a class="fr-command" 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);
+    }
+  })
+
+  $.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'));
+      }
+    }
+  })
+
+  // Image link.
+  $.FE.DefineIcon('imageLink', { NAME: 'link' })
+  $.FE.RegisterCommand('imageLink', {
+    title: 'Insert Link',
+    undo: false,
+    focus: false,
+    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');
+      }
+    }
+  })
+
+  // Link styles.
+  $.FE.DefineIcon('linkStyle', { NAME: 'magic' })
+  $.FE.RegisterCommand('linkStyle', {
+    title: 'Style',
+    type: 'dropdown',
+    html: function () {
+      var c = '<ul class="fr-dropdown-list">';
+      var options =  this.opts.linkStyles;
+      for (var cls in options) {
+        if (options.hasOwnProperty(cls)) {
+          c += '<li><a class="fr-command" 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');
+          $(this).toggleClass('fr-active', $link.hasClass(cls));
+        })
+      }
+    }
+  })
+
+}));