xmt_froala 0.3.1

data/vendor/assets/javascripts/xmt_froala/plugins/draggable.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,{dragInline:!0}),v.FE.PLUGINS.draggable=function(f){function e(e){return!(!e.originalEvent||!e.originalEvent.target||e.originalEvent.target.nodeType!=Node.TEXT_NODE)||(e.target&&"A"==e.target.tagName&&1==e.target.childNodes.length&&"IMG"==e.target.childNodes[0].tagName&&(e.target=e.target.childNodes[0]),v(e.target).hasClass("fr-draggable")?(f.undo.canDo()||f.undo.saveStep(),f.opts.dragInline?f.$el.attr("contenteditable",!0):f.$el.attr("contenteditable",!1),f.opts.toolbarInline&&f.toolbar.hide(),v(e.target).addClass("fr-dragging"),f.browser.msie||f.browser.edge||f.selection.clear(),void e.originalEvent.dataTransfer.setData("text","Froala")):(e.preventDefault(),!1))}function g(e){return!(e&&("HTML"==e.tagName||"BODY"==e.tagName||f.node.isElement(e)))}function d(e,t,n){f.opts.iframe&&(e+=f.$iframe.offset().top,t+=f.$iframe.offset().left),p.offset().top!=e&&p.css("top",e),p.offset().left!=t&&p.css("left",t),p.width()!=n&&p.css("width",n)}function t(e){e.originalEvent.dataTransfer.dropEffect="move",f.opts.dragInline?function(){for(var e=null,t=0;t<v.FE.INSTANCES.length;t++)if((e=v.FE.INSTANCES[t].$el.find(".fr-dragging")).length)return e.get(0)}()||!f.browser.msie&&!f.browser.edge||e.preventDefault():(e.preventDefault(),function(e){var t=f.doc.elementFromPoint(e.originalEvent.pageX-f.win.pageXOffset,e.originalEvent.pageY-f.win.pageYOffset);if(!g(t)){for(var n=0,r=t;!g(r)&&r==t&&0<e.originalEvent.pageY-f.win.pageYOffset-n;)n++,r=f.doc.elementFromPoint(e.originalEvent.pageX-f.win.pageXOffset,e.originalEvent.pageY-f.win.pageYOffset-n);(!g(r)||p&&0===f.$el.find(r).length&&r!=p.get(0))&&(r=null);for(var a=0,o=t;!g(o)&&o==t&&e.originalEvent.pageY-f.win.pageYOffset+a<v(f.doc).height();)a++,o=f.doc.elementFromPoint(e.originalEvent.pageX-f.win.pageXOffset,e.originalEvent.pageY-f.win.pageYOffset+a);(!g(o)||p&&0===f.$el.find(o).length&&o!=p.get(0))&&(o=null),t=null==o&&r?r:o&&null==r?o:o&&r?n<a?r:o:null}if(v(t).hasClass("fr-drag-helper"))return;if(t&&!f.node.isBlock(t)&&(t=f.node.blockParent(t)),t&&0<=["TD","TH","TR","THEAD","TBODY"].indexOf(t.tagName)&&(t=v(t).parents("table").get(0)),t&&0<=["LI"].indexOf(t.tagName)&&(t=v(t).parents("UL, OL").get(0)),t&&!v(t).hasClass("fr-drag-helper")){var i;p||(v.FE.$draggable_helper||(v.FE.$draggable_helper=v('<div class="fr-drag-helper"></div>')),p=v.FE.$draggable_helper,f.events.on("shared.destroy",function(){p.html("").removeData().remove(),p=null},!0)),i=e.originalEvent.pageY<v(t).offset().top+v(t).outerHeight()/2;var l=v(t),s=0;i||0!==l.next().length?(i||(l=l.next()),"before"==p.data("fr-position")&&l.is(p.data("fr-tag"))||(0<l.prev().length&&(s=parseFloat(l.prev().css("margin-bottom"))||0),s=Math.max(s,parseFloat(l.css("margin-top"))||0),d(l.offset().top-s/2-f.$box.offset().top,l.offset().left-f.win.pageXOffset-f.$box.offset().left,l.width()),p.data("fr-position","before"))):"after"==p.data("fr-position")&&l.is(p.data("fr-tag"))||(s=parseFloat(l.css("margin-bottom"))||0,d(l.offset().top+v(t).height()+s/2-f.$box.offset().top,l.offset().left-f.win.pageXOffset-f.$box.offset().left,l.width()),p.data("fr-position","after")),p.data("fr-tag",l),p.addClass("fr-visible"),p.appendTo(f.$box)}else p&&0<f.$box.find(p).length&&p.removeClass("fr-visible")}(e))}function n(e){e.originalEvent.dataTransfer.dropEffect="move",f.opts.dragInline||e.preventDefault()}function r(e){f.$el.attr("contenteditable",!0);var t=f.$el.find(".fr-dragging");p&&p.hasClass("fr-visible")&&f.$box.find(p).length?a(e):t.length&&(e.preventDefault(),e.stopPropagation()),p&&f.$box.find(p).length&&p.removeClass("fr-visible"),t.removeClass("fr-dragging")}function a(e){for(var t,n,r=0;r<v.FE.INSTANCES.length;r++)if((t=v.FE.INSTANCES[r].$el.find(".fr-dragging")).length){n=v.FE.INSTANCES[r];break}if(t.length){if(e.preventDefault(),e.stopPropagation(),p&&p.hasClass("fr-visible")&&f.$box.find(p).length)p.data("fr-tag")[p.data("fr-position")]('<span class="fr-marker"></span>'),p.removeClass("fr-visible");else if(!1===f.markers.insertAtPoint(e.originalEvent))return!1;if(t.removeClass("fr-dragging"),!1===(t=f.events.chainTrigger("element.beforeDrop",t)))return!1;var a=t;if(t.parent().is("A")&&1==t.parent().get(0).childNodes.length&&(a=t.parent()),f.core.isEmpty())f.events.focus();else f.$el.find(".fr-marker").replaceWith(v.FE.MARKERS),f.selection.restore();if(n==f||f.undo.canDo()||f.undo.saveStep(),f.core.isEmpty())f.$el.html(a);else{var o=f.markers.insert();0===a.find(o).length?v(o).replaceWith(a):0===t.find(o).length&&v(o).replaceWith(t),t.after(v.FE.MARKERS),f.selection.restore()}return f.popups.hideAll(),f.selection.save(),f.$el.find(f.html.emptyBlockTagsQuery()).not("TD, TH, LI, .fr-inner").not(f.opts.htmlAllowedEmptyTags.join(",")).remove(),f.html.wrap(),f.html.fillEmptyBlocks(),f.selection.restore(),f.undo.saveStep(),f.opts.iframe&&f.size.syncIframe(),n!=f&&(n.popups.hideAll(),n.$el.find(n.html.emptyBlockTagsQuery()).not("TD, TH, LI, .fr-inner").remove(),n.html.wrap(),n.html.fillEmptyBlocks(),n.undo.saveStep(),n.events.trigger("element.dropped"),n.opts.iframe&&n.size.syncIframe()),f.events.trigger("element.dropped",[a]),!1}p&&p.removeClass("fr-visible"),f.undo.canDo()||f.undo.saveStep(),setTimeout(function(){f.undo.saveStep()},0)}function o(e){if(e&&"DIV"==e.tagName&&f.node.hasClass(e,"fr-drag-helper"))e.parentNode.removeChild(e);else if(e&&e.nodeType==Node.ELEMENT_NODE)for(var t=e.querySelectorAll("div.fr-drag-helper"),n=0;n<t.length;n++)t[n].parentNode.removeChild(t[n])}var p;return{_init:function(){f.opts.enter==v.FE.ENTER_BR&&(f.opts.dragInline=!0),f.events.on("dragstart",e,!0),f.events.on("dragover",t,!0),f.events.on("dragenter",n,!0),f.events.on("document.dragend",r,!0),f.events.on("document.drop",r,!0),f.events.on("drop",a,!0),f.events.on("html.processGet",o)}}}});

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

@@ -0,0 +1,509 @@
+/*!
+ * 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, {
+    emoticons: '[_BUTTONS_][_EMOTICONS_]'
+  })
+
+  // Extend defaults.
+  $.extend($.FE.DEFAULTS, {
+    emoticonsStep: 8,
+    emoticonsSet: [
+      { code: '1f600', desc: 'Grinning face' },
+      { code: '1f601', desc: 'Grinning face with smiling eyes' },
+      { code: '1f602', desc: 'Face with tears of joy' },
+      { code: '1f603', desc: 'Smiling face with open mouth' },
+      { code: '1f604', desc: 'Smiling face with open mouth and smiling eyes' },
+      { code: '1f605', desc: 'Smiling face with open mouth and cold sweat' },
+      { code: '1f606', desc: 'Smiling face with open mouth and tightly-closed eyes' },
+      { code: '1f607', desc: 'Smiling face with halo' },
+
+      { code: '1f608', desc: 'Smiling face with horns' },
+      { code: '1f609', desc: 'Winking face' },
+      { code: '1f60a', desc: 'Smiling face with smiling eyes' },
+      { code: '1f60b', desc: 'Face savoring delicious food' },
+      { code: '1f60c', desc: 'Relieved face' },
+      { code: '1f60d', desc: 'Smiling face with heart-shaped eyes' },
+      { code: '1f60e', desc: 'Smiling face with sunglasses' },
+      { code: '1f60f', desc: 'Smirking face' },
+
+      { code: '1f610', desc: 'Neutral face' },
+      { code: '1f611', desc: 'Expressionless face' },
+      { code: '1f612', desc: 'Unamused face' },
+      { code: '1f613', desc: 'Face with cold sweat' },
+      { code: '1f614', desc: 'Pensive face' },
+      { code: '1f615', desc: 'Confused face' },
+      { code: '1f616', desc: 'Confounded face' },
+      { code: '1f617', desc: 'Kissing face' },
+
+      { code: '1f618', desc: 'Face throwing a kiss' },
+      { code: '1f619', desc: 'Kissing face with smiling eyes' },
+      { code: '1f61a', desc: 'Kissing face with closed eyes' },
+      { code: '1f61b', desc: 'Face with stuck out tongue' },
+      { code: '1f61c', desc: 'Face with stuck out tongue and winking eye' },
+      { code: '1f61d', desc: 'Face with stuck out tongue and tightly-closed eyes' },
+      { code: '1f61e', desc: 'Disappointed face' },
+      { code: '1f61f', desc: 'Worried face' },
+
+      { code: '1f620', desc: 'Angry face' },
+      { code: '1f621', desc: 'Pouting face' },
+      { code: '1f622', desc: 'Crying face' },
+      { code: '1f623', desc: 'Persevering face' },
+      { code: '1f624', desc: 'Face with look of triumph' },
+      { code: '1f625', desc: 'Disappointed but relieved face' },
+      { code: '1f626', desc: 'Frowning face with open mouth' },
+      { code: '1f627', desc: 'Anguished face' },
+
+      { code: '1f628', desc: 'Fearful face' },
+      { code: '1f629', desc: 'Weary face' },
+      { code: '1f62a', desc: 'Sleepy face' },
+      { code: '1f62b', desc: 'Tired face' },
+      { code: '1f62c', desc: 'Grimacing face' },
+      { code: '1f62d', desc: 'Loudly crying face' },
+      { code: '1f62e', desc: 'Face with open mouth' },
+      { code: '1f62f', desc: 'Hushed face' },
+
+      { code: '1f630', desc: 'Face with open mouth and cold sweat' },
+      { code: '1f631', desc: 'Face screaming in fear' },
+      { code: '1f632', desc: 'Astonished face' },
+      { code: '1f633', desc: 'Flushed face' },
+      { code: '1f634', desc: 'Sleeping face' },
+      { code: '1f635', desc: 'Dizzy face' },
+      { code: '1f636', desc: 'Face without mouth' },
+      { code: '1f637', desc: 'Face with medical mask' }
+    ],
+    emoticonsButtons: ['emoticonsBack', '|'],
+    emoticonsUseImage: true
+  });
+
+  $.FE.PLUGINS.emoticons = function (editor) {
+    /*
+     * Show the emoticons popup.
+     */
+    function _showEmoticonsPopup () {
+      var $btn = editor.$tb.find('.fr-command[data-cmd="emoticons"]');
+
+      var $popup = editor.popups.get('emoticons');
+
+      if (!$popup) $popup = _initEmoticonsPopup();
+
+      if (!$popup.hasClass('fr-active')) {
+
+        // Emoticons popup.
+        editor.popups.refresh('emoticons');
+        editor.popups.setContainer('emoticons', editor.$tb);
+
+        // Emoticons popup left and top position.
+        var left = $btn.offset().left + $btn.outerWidth() / 2;
+        var top = $btn.offset().top + (editor.opts.toolbarBottom ? 10 : $btn.outerHeight() - 10);
+
+        editor.popups.show('emoticons', left, top, $btn.outerHeight());
+      }
+    }
+
+    /*
+     * Hide emoticons popup.
+     */
+    function _hideEmoticonsPopup () {
+
+      // Hide popup.
+      editor.popups.hide('emoticons');
+    }
+
+    /**
+     * Init the emoticons popup.
+     */
+    function _initEmoticonsPopup () {
+      var emoticons_buttons = '';
+
+      if (editor.opts.toolbarInline) {
+
+        // Emoticons buttons.
+        if (editor.opts.emoticonsButtons.length > 0) {
+          emoticons_buttons = '<div class="fr-buttons fr-emoticons-buttons">' + editor.button.buildList(editor.opts.emoticonsButtons) + '</div>';
+        }
+      }
+
+      var template = {
+        buttons: emoticons_buttons,
+        emoticons: _emoticonsHTML()
+      };
+
+      // Create popup.
+      var $popup = editor.popups.create('emoticons', template);
+
+      // Assing tooltips to buttons.
+      editor.tooltip.bind($popup, '.fr-emoticon');
+
+      _addAccessibility($popup);
+
+      return $popup;
+    }
+
+    function _inEmoticon () {
+      if (!editor.selection.isCollapsed()) return false;
+
+      var s_el = editor.selection.element();
+      var e_el = editor.selection.endElement();
+
+      if (s_el && editor.node.hasClass(s_el, 'fr-emoticon')) return s_el;
+
+      if (e_el && editor.node.hasClass(e_el, 'fr-emoticon')) return e_el;
+
+      var range = editor.selection.ranges(0);
+      var container = range.startContainer;
+
+      if (container.nodeType == Node.ELEMENT_NODE) {
+
+        if (container.childNodes.length > 0 && range.startOffset > 0) {
+          var node = container.childNodes[range.startOffset - 1];
+
+          if (editor.node.hasClass(node, 'fr-emoticon')) {
+
+            return node;
+          }
+        }
+      }
+
+      return false;
+    }
+
+    /*
+     * HTML for the emoticons popup.
+     */
+    function _emoticonsHTML () {
+
+      // Create emoticons html.
+      var emoticons_html = '<div style="text-align: center">';
+
+      // Add emoticons.
+      for (var i = 0; i < editor.opts.emoticonsSet.length; i++) {
+        if (i !== 0 && i % editor.opts.emoticonsStep === 0) {
+          emoticons_html += '<br>';
+        }
+
+        emoticons_html += '<span class="fr-command fr-emoticon" tabIndex="-1" data-cmd="insertEmoticon" title="' + editor.language.translate(editor.opts.emoticonsSet[i].desc) + '" role="button" data-param1="' + editor.opts.emoticonsSet[i].code + '">' + (editor.opts.emoticonsUseImage ? '<img src="' + 'https://cdnjs.cloudflare.com/ajax/libs/emojione/2.0.1/assets/svg/' + editor.opts.emoticonsSet[i].code + '.svg' + '"/>' : '&#x' + editor.opts.emoticonsSet[i].code + ';') + '<span class="fr-sr-only">' + editor.language.translate(editor.opts.emoticonsSet[i].desc) + '&nbsp;&nbsp;&nbsp;</span></span>';
+      }
+
+      if (editor.opts.emoticonsUseImage) emoticons_html += '<p style="font-size: 12px; text-align: center; padding: 0 5px;">Emoji free by <a class="fr-link" tabIndex="-1" href="http://emojione.com/" target="_blank" rel="nofollow" role="link" aria-label="Open Emoji One website.">Emoji One</a></p>';
+      emoticons_html += '</div>';
+
+      return emoticons_html;
+    }
+
+    /*
+     * Register keyboard events.
+     */
+    function _addAccessibility ($popup) {
+
+      // Register popup event.
+      editor.events.on('popup.tab', function (e) {
+        var $focused_item = $(e.currentTarget);
+
+        // Skip if popup is not visible or focus is elsewere.
+        if (!editor.popups.isVisible('emoticons') || !$focused_item.is('span, a')) {
+          return true;
+        }
+
+        var key_code = e.which;
+        var status;
+        var index;
+        var $el;
+
+        // Tabbing.
+        if ($.FE.KEYCODE.TAB == key_code) {
+
+          // Extremities reached.
+          if (($focused_item.is('span.fr-emoticon') && e.shiftKey) || ($focused_item.is('a') && !e.shiftKey)) {
+            var $tb = $popup.find('.fr-buttons');
+
+            // Focus back the popup's toolbar if exists.
+            status = !editor.accessibility.focusToolbar($tb, (e.shiftKey ? true : false));
+          }
+
+          if (status !== false) {
+
+            // Build elements that should be focused next.
+            var $tabElements = $popup.find('span.fr-emoticon:focus:first, span.fr-emoticon:visible:first, a');
+
+            if ($focused_item.is('span.fr-emoticon')) {
+              $tabElements = $tabElements.not('span.fr-emoticon:not(:focus)');
+            }
+
+            // Get focused item position.
+            index = $tabElements.index($focused_item);
+
+            // Backwards.
+            if (e.shiftKey) {
+              index = (((index - 1) % $tabElements.length) + $tabElements.length) % $tabElements.length;
+
+              // Javascript negative modulo bug.
+              // Forward.
+            }
+            else {
+              index = (index + 1) % $tabElements.length;
+            }
+
+            // Find next element to focus.
+            $el = $tabElements.get(index);
+
+            editor.events.disableBlur();
+            $el.focus();
+            status = false;
+          }
+        }
+
+        // Arrows.
+        else if ($.FE.KEYCODE.ARROW_UP == key_code || $.FE.KEYCODE.ARROW_DOWN == key_code || $.FE.KEYCODE.ARROW_LEFT == key_code || $.FE.KEYCODE.ARROW_RIGHT == key_code) {
+          if ($focused_item.is('span.fr-emoticon')) {
+
+            // Get all current emoticons.
+            var $emoticons = $focused_item.parent().find('span.fr-emoticon');
+
+            // Get focused item position.
+            index = $emoticons.index($focused_item);
+
+            // Get emoticons matrix dimensions.
+            var columns = editor.opts.emoticonsStep;
+            var lines = Math.floor($emoticons.length / columns);
+
+            // Get focused item coordinates.
+            var column = index % columns;
+            var line = Math.floor(index / columns);
+
+            var nextIndex = line * columns + column;
+            var dimension = lines * columns;
+
+            // Calculate next index. Go to the other opposite site of the matrix if there is no next adjacent element.
+            // Up/Down: Traverse matrix lines.
+            // Left/Right: Traverse the matrix as it is a vector.
+            if ($.FE.KEYCODE.ARROW_UP == key_code) {
+              nextIndex = (((nextIndex - columns) % dimension) + dimension) % dimension; // Javascript negative modulo bug.
+            }
+            else if ($.FE.KEYCODE.ARROW_DOWN == key_code) {
+              nextIndex = (nextIndex + columns) % dimension;
+            }
+            else if ($.FE.KEYCODE.ARROW_LEFT == key_code) {
+              nextIndex = (((nextIndex - 1) % dimension) + dimension) % dimension; // Javascript negative modulo bug.
+            }
+            else if ($.FE.KEYCODE.ARROW_RIGHT == key_code) {
+              nextIndex = (nextIndex + 1) % dimension;
+            }
+
+            // Get the next element based on the new index.
+            $el = $($emoticons.get(nextIndex));
+
+            // Focus.
+            editor.events.disableBlur();
+            $el.focus();
+
+            status = false;
+          }
+        }
+
+        // ENTER or SPACE.
+        else if ($.FE.KEYCODE.ENTER == key_code) {
+          if ($focused_item.is('a')) {
+            $focused_item[0].click();
+          }
+          else {
+            editor.button.exec($focused_item);
+          }
+          status = false;
+        }
+
+        // Prevent propagation.
+        if (status === false) {
+          e.preventDefault();
+          e.stopPropagation();
+        }
+
+        return status;
+      }, true);
+    }
+
+    /*
+     * Insert emoticon.
+     */
+    function insert (emoticon, img) {
+
+      // Insert emoticon.
+      var el = _inEmoticon();
+      var range = editor.selection.ranges(0);
+
+      if (!el) {
+        editor.html.insert('<span class="fr-emoticon fr-deletable' + (img ? ' fr-emoticon-img' : '') + '"' + (img ? ' style="background: url(' + img + ');"' : '') + '>' + (img ? '&nbsp;' : emoticon) + '</span>' + '&nbsp;', true);
+
+      }
+      else {
+
+        if (range.startOffset === 0 && editor.selection.element() === el) {
+          $(el).before($.FE.MARKERS + $.FE.INVISIBLE_SPACE);
+        }
+        else if (range.startOffset > 0 && editor.selection.element() === el && range.commonAncestorContainer.parentNode.classList.contains('fr-emoticon')) {
+
+          // Inside emoticon move out side of it.
+          $(el).after($.FE.INVISIBLE_SPACE + $.FE.MARKERS);
+        }
+        editor.selection.restore();
+        editor.html.insert('<span class="fr-emoticon fr-deletable' + (img ? ' fr-emoticon-img' : '') + '"' + (img ? ' style="background: url(' + img + ');"' : '') + '>' + (img ? '&nbsp;' : emoticon) + '</span>' + '&nbsp;' + $.FE.MARKERS, true);
+      }
+    }
+
+    /*
+     * Go back to the inline editor.
+     */
+    function back () {
+      editor.popups.hide('emoticons');
+      editor.toolbar.showInline();
+    }
+
+    /*
+     * Init emoticons.
+     */
+    function _init () {
+      var setDeletable = function () {
+        var emtcs = editor.el.querySelectorAll('.fr-emoticon:not(.fr-deletable)');
+
+        for (var i = 0; i < emtcs.length; i++) {
+          emtcs[i].className += ' fr-deletable';
+        }
+      }
+      setDeletable();
+
+      editor.events.on('html.set', setDeletable);
+
+      editor.events.on('keydown', function (e) {
+        if (editor.keys.isCharacter(e.which) && editor.selection.inEditor()) {
+          var range = editor.selection.ranges(0);
+          var el = _inEmoticon();
+
+          if (editor.node.hasClass(el, 'fr-emoticon-img')) {
+
+            if (el) {
+
+              if (range.startOffset === 0 && editor.selection.element() === el) {
+                $(el).before($.FE.MARKERS + $.FE.INVISIBLE_SPACE);
+              }
+              else {
+                $(el).after($.FE.INVISIBLE_SPACE + $.FE.MARKERS);
+              }
+              editor.selection.restore();
+            }
+          }
+        }
+      });
+
+      editor.events.on('keyup', function (e) {
+        var emtcs = editor.el.querySelectorAll('.fr-emoticon');
+
+        for (var i = 0; i < emtcs.length; i++) {
+          if (typeof emtcs[i].textContent != 'undefined' && emtcs[i].textContent.replace(/\u200B/gi, '').length === 0) {
+            $(emtcs[i]).remove();
+          }
+        }
+
+        if (!(e.which >= $.FE.KEYCODE.ARROW_LEFT && e.which <= $.FE.KEYCODE.ARROW_DOWN)) {
+          var el = _inEmoticon();
+
+          if (editor.node.hasClass(el, 'fr-emoticon-img')) {
+            $(el).append($.FE.MARKERS);
+            editor.selection.restore();
+          }
+        }
+      });
+    }
+
+    return {
+      _init: _init,
+      insert: insert,
+      showEmoticonsPopup: _showEmoticonsPopup,
+      hideEmoticonsPopup: _hideEmoticonsPopup,
+      back: back
+    }
+  }
+
+  // Toolbar emoticons button.
+  $.FE.DefineIcon('emoticons', {
+    NAME: 'smile-o',
+    FA5NAME: 'smile'
+  });
+  $.FE.RegisterCommand('emoticons', {
+    title: 'Emoticons',
+    undo: false,
+    focus: true,
+    refreshOnCallback: false,
+    popup: true,
+    callback: function () {
+      if (!this.popups.isVisible('emoticons')) {
+        this.emoticons.showEmoticonsPopup();
+      }
+      else {
+        if (this.$el.find('.fr-marker').length) {
+          this.events.disableBlur();
+          this.selection.restore();
+        }
+        this.popups.hide('emoticons');
+      }
+    },
+    plugin: 'emoticons'
+  });
+
+  // Insert emoticon command.
+  $.FE.RegisterCommand('insertEmoticon', {
+    callback: function (cmd, code) {
+
+      // Insert emoticon.
+      this.emoticons.insert('&#x' + code + ';', this.opts.emoticonsUseImage ? 'https://cdnjs.cloudflare.com/ajax/libs/emojione/2.0.1/assets/svg/' + code + '.svg' : null);
+
+      // Hide emoticons popup.
+      this.emoticons.hideEmoticonsPopup();
+    }
+  });
+
+  // Emoticons back.
+  $.FE.DefineIcon('emoticonsBack', { NAME: 'arrow-left' });
+  $.FE.RegisterCommand('emoticonsBack', {
+    title: 'Back',
+    undo: false,
+    focus: false,
+    back: true,
+    refreshAfterCallback: false,
+    callback: function () {
+      this.emoticons.back();
+    }
+  });
+
+}));