xmt_froala 0.3.1

data/vendor/assets/javascripts/xmt_froala/plugins/image_manager.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(t){"function"==typeof define&&define.amd?define(["jquery"],t):"object"==typeof module&&module.exports?module.exports=function(e,a){return a===undefined&&(a="undefined"!=typeof window?require("jquery"):require("jquery")(e)),t(a)}:t(window.jQuery)}(function(O){if(O.extend(O.FE.DEFAULTS,{imageManagerLoadURL:"https://i.froala.com/load-files",imageManagerLoadMethod:"get",imageManagerLoadParams:{},imageManagerPreloader:null,imageManagerDeleteURL:"",imageManagerDeleteMethod:"post",imageManagerDeleteParams:{},imageManagerPageSize:12,imageManagerScrollOffset:20,imageManagerToggleTags:!0}),O.FE.PLUGINS.imageManager=function(o){var g,l,r,i,n,d,s,f,m,u,c,h="image_manager",e=10,p=11,v=12,M=13,w=14,b=15,C=21,L=22,t={};function y(){var e=O(window).outerWidth();return e<768?2:e<1200?3:4}function D(){n.empty();for(var e=0;e<c;e++)n.append('<div class="fr-list-column"></div>')}function I(){if(m<s.length&&(n.outerHeight()<=r.outerHeight()+o.opts.imageManagerScrollOffset||r.scrollTop()+o.opts.imageManagerScrollOffset>n.outerHeight()-r.outerHeight())){f++;for(var e=o.opts.imageManagerPageSize*(f-1);e<Math.min(s.length,o.opts.imageManagerPageSize*f);e++)a(s[e])}}function a(i){var n=new Image,s=O('<div class="fr-image-container fr-empty fr-image-'+u+++'" data-loading="'+o.language.translate("Loading")+'.." data-deleting="'+o.language.translate("Deleting")+'..">');T(!1),n.onload=function(){s.height(Math.floor(s.width()/n.width*n.height));var t=O("<img/>");if(i.thumb)t.attr("src",i.thumb);else{if(U(w,i),!i.url)return U(b,i),!1;t.attr("src",i.url)}if(i.url&&t.attr("data-url",i.url),i.tag)if(l.find(".fr-modal-more.fr-not-available").removeClass("fr-not-available"),l.find(".fr-modal-tags").show(),0<=i.tag.indexOf(",")){for(var e=i.tag.split(","),a=0;a<e.length;a++)e[a]=e[a].trim(),0===d.find('a[title="'+e[a]+'"]').length&&d.append('<a role="button" title="'+e[a]+'">'+e[a]+"</a>");t.attr("data-tag",e.join())}else 0===d.find('a[title="'+i.tag.trim()+'"]').length&&d.append('<a role="button" title="'+i.tag.trim()+'">'+i.tag.trim()+"</a>"),t.attr("data-tag",i.tag.trim());for(var r in i.name&&t.attr("alt",i.name),i)i.hasOwnProperty(r)&&"thumb"!=r&&"url"!=r&&"tag"!=r&&t.attr("data-"+r,i[r]);s.append(t).append(O(o.icon.create("imageManagerDelete")).addClass("fr-delete-img").attr("title",o.language.translate("Delete"))).append(O(o.icon.create("imageManagerInsert")).addClass("fr-insert-img").attr("title",o.language.translate("Insert"))),d.find(".fr-selected-tag").each(function(e,a){k(t,a.text)||s.hide()}),t.on("load",function(){s.removeClass("fr-empty"),s.height("auto"),m++,E(x(parseInt(t.parent().attr("class").match(/fr-image-(\d+)/)[1],10)+1)),T(!1),m%o.opts.imageManagerPageSize==0&&I()}),o.events.trigger("imageManager.imageLoaded",[t])},n.onerror=function(){m++,s.remove(),E(x(parseInt(s.attr("class").match(/fr-image-(\d+)/)[1],10)+1)),U(e,i),m%o.opts.imageManagerPageSize==0&&I()},n.src=i.thumb||i.url,P().append(s)}function P(){var r,i;return n.find(".fr-list-column").each(function(e,a){var t=O(a);0===e?(i=t.outerHeight(),r=t):t.outerHeight()<i&&(i=t.outerHeight(),r=t)}),r}function x(e){e===undefined&&(e=0);for(var a=[],t=u-1;e<=t;t--){var r=n.find(".fr-image-"+t);r.length&&(a.push(r),O('<div id="fr-image-hidden-container">').append(r),n.find(".fr-image-"+t).remove())}return a}function E(e){for(var a=e.length-1;0<=a;a--)P().append(e[a])}function T(e){if(e===undefined&&(e=!0),!g.is(":visible"))return!0;var a=y();if(a!=c){c=a;var t=x();D(),E(t)}o.modals.resize(h),e&&I()}function q(e){var a={},t=e.data();for(var r in t)t.hasOwnProperty(r)&&"url"!=r&&"tag"!=r&&(a[r]=t[r]);return a}function S(e){var a=O(e.currentTarget).siblings("img"),t=g.data("instance")||o,r=g.data("current-image");if(o.modals.hide(h),t.image.showProgressBar(),r)r.data("fr-old-src",r.attr("src")),r.trigger("click");else{t.events.focus(!0),t.selection.restore();var i=t.position.getBoundingRect(),n=i.left+i.width/2+O(o.doc).scrollLeft(),s=i.top+i.height+O(o.doc).scrollTop();t.popups.setContainer("image.insert",o.$sc),t.popups.show("image.insert",n,s)}t.image.insert(a.data("url"),!1,q(a),r)}function R(e){var t=O(e.currentTarget).siblings("img"),a=o.language.translate("Are you sure? Image will be deleted.");confirm(a)&&(o.opts.imageManagerDeleteURL?!1!==o.events.trigger("imageManager.beforeDeleteImage",[t])&&(t.parent().addClass("fr-image-deleting"),O.ajax({method:o.opts.imageManagerDeleteMethod,url:o.opts.imageManagerDeleteURL,data:O.extend(O.extend({src:t.attr("src")},q(t)),o.opts.imageManagerDeleteParams),crossDomain:o.opts.requestWithCORS,xhrFields:{withCredentials:o.opts.requestWithCredentials},headers:o.opts.requestHeaders}).done(function(e){o.events.trigger("imageManager.imageDeleted",[e]);var a=x(parseInt(t.parent().attr("class").match(/fr-image-(\d+)/)[1],10)+1);t.parent().remove(),E(a),g.find("#fr-modal-tags > a").each(function(){0===g.find('#fr-image-list [data-tag*="'+O(this).text()+'"]').length&&O(this).removeClass("fr-selected-tag").hide()}),H(),T(!0)}).fail(function(e){U(C,e.response||e.responseText)})):U(L))}function U(e,a){10<=e&&e<20?i.hide():20<=e&&e<30&&O(".fr-image-deleting").removeClass("fr-image-deleting"),o.events.trigger("imageManager.error",[{code:e,message:t[e]},a])}function F(){var e=l.find(".fr-modal-head-line").outerHeight(),a=d.outerHeight();l.toggleClass("fr-show-tags"),l.hasClass("fr-show-tags")?(l.css("height",e+a),d.find("a").css("opacity",1)):(l.css("height",e),d.find("a").css("opacity",0))}function H(){var e=d.find(".fr-selected-tag");0<e.length?(n.find("img").parent().show(),e.each(function(e,r){n.find("img").each(function(e,a){var t=O(a);k(t,r.text)||t.parent().hide()})})):n.find("img").parent().show(),E(x()),I()}function j(e){e.preventDefault();var a=O(e.currentTarget);a.toggleClass("fr-selected-tag"),o.opts.imageManagerToggleTags&&a.siblings("a").removeClass("fr-selected-tag"),H()}function k(e,a){for(var t=(e.attr("data-tag")||"").split(","),r=0;r<t.length;r++)if(t[r]==a)return!0;return!1}return t[e]="Image cannot be loaded from the passed link.",t[p]="Error during load images request.",t[v]="Missing imageManagerLoadURL option.",t[M]="Parsing load response failed.",t[w]="Missing image thumb.",t[b]="Missing image URL.",t[C]="Error during delete image request.",t[L]="Missing imageManagerDeleteURL option.",{require:["image"],_init:function(){if(!o.$wp&&"IMG"!=o.el.tagName)return!1},show:function(){if(!g){var e,a='<div class="fr-modal-head-line"><i class="fa fa-bars fr-modal-more fr-not-available" id="fr-modal-more-'+o.sid+'" title="'+o.language.translate("Tags")+'"></i><h4 data-text="true">'+o.language.translate("Manage Images")+"</h4></div>";a+='<div class="fr-modal-tags" id="fr-modal-tags"></div>',e=o.opts.imageManagerPreloader?'<img class="fr-preloader" id="fr-preloader" alt="'+o.language.translate("Loading")+'.." src="'+o.opts.imageManagerPreloader+'" style="display: none;">':'<span class="fr-preloader" id="fr-preloader" style="display: none;">'+o.language.translate("Loading")+"</span>",e+='<div class="fr-image-list" id="fr-image-list"></div>';var t=o.modals.create(h,a,e);g=t.$modal,l=t.$head,r=t.$body}g.data("current-image",o.image.get()),o.modals.show(h),i||(i=g.find("#fr-preloader"),n=g.find("#fr-image-list"),d=g.find("#fr-modal-tags"),c=y(),D(),l.css("height",l.find(".fr-modal-head-line").outerHeight()),o.events.$on(O(o.o_win),"resize",function(){T(!!s)}),o.helpers.isMobile()&&(o.events.bindClick(n,"div.fr-image-container",function(e){g.find(".fr-mobile-selected").removeClass("fr-mobile-selected"),O(e.currentTarget).addClass("fr-mobile-selected")}),g.on(o._mousedown,function(){g.find(".fr-mobile-selected").removeClass("fr-mobile-selected")})),o.events.bindClick(n,".fr-insert-img",S),o.events.bindClick(n,".fr-delete-img",R),g.on(o._mousedown+" "+o._mouseup,function(e){e.stopPropagation()}),g.on(o._mousedown,"*",function(){o.events.disableBlur()}),r.on("scroll",I),o.events.bindClick(g,"i#fr-modal-more-"+o.sid,F),o.events.bindClick(d,"a",j)),i.show(),n.find(".fr-list-column").empty(),o.opts.imageManagerLoadURL?O.ajax({url:o.opts.imageManagerLoadURL,method:o.opts.imageManagerLoadMethod,data:o.opts.imageManagerLoadParams,dataType:"json",crossDomain:o.opts.requestWithCORS,xhrFields:{withCredentials:o.opts.requestWithCredentials},headers:o.opts.requestHeaders}).done(function(e,a,t){o.events.trigger("imageManager.imagesLoaded",[e]),function(e,a){try{n.find(".fr-list-column").empty(),u=m=f=0,s=e,I()}catch(t){U(M,a)}}(e,t.response),i.hide()}).fail(function(){var e=this.xhr();U(p,e.response||e.responseText)}):U(v)},hide:function(){o.modals.hide(h)}}},!O.FE.PLUGINS.image)throw new Error("Image manager plugin requires image plugin.");O.FE.DEFAULTS.imageInsertButtons.push("imageManager"),O.FE.RegisterCommand("imageManager",{title:"Browse",undo:!1,focus:!1,modal:!0,callback:function(){this.imageManager.show()},plugin:"imageManager"}),O.FE.DefineIcon("imageManager",{NAME:"folder"}),O.FE.DefineIcon("imageManagerInsert",{NAME:"plus"}),O.FE.DefineIcon("imageManagerDelete",{NAME:"trash"})});

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

@@ -0,0 +1,94 @@
+/*!
+ * 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.DEFAULTS, {
+    inlineStyles: {
+      'Big Red': 'font-size: 20px; color: red;',
+      'Small Blue': 'font-size: 14px; color: blue;'
+    }
+  })
+
+  $.FE.PLUGINS.inlineStyle = function (editor) {
+    function apply (val) {
+      if (editor.selection.text() !== '') {
+        var splits = val.split(';');
+
+        for (var i = 0; i < splits.length; i++) {
+          var new_split = splits[i].split(':');
+
+          if (splits[i].length && new_split.length == 2) {
+            editor.format.applyStyle(new_split[0].trim(), new_split[1].trim())
+          }
+        }
+      }
+      else {
+        editor.html.insert('<span style="' + val + '">' + $.FE.INVISIBLE_SPACE + $.FE.MARKERS + '</span>');
+      }
+    }
+
+    return {
+      apply: apply
+    }
+  }
+
+  // Register the inline style command.
+  $.FE.RegisterCommand('inlineStyle', {
+    type: 'dropdown',
+    html: function () {
+      var c = '<ul class="fr-dropdown-list" role="presentation">';
+      var options =  this.opts.inlineStyles;
+
+      for (var val in options) {
+        if (options.hasOwnProperty(val)) {
+          c += '<li role="presentation"><span style="' + options[val] + '" role="presentation"><a class="fr-command" tabIndex="-1" role="option" data-cmd="inlineStyle" data-param1="' + options[val] + '" title="' + this.language.translate(val) + '">' + this.language.translate(val) + '</a></span></li>';
+        }
+      }
+      c += '</ul>';
+
+      return c;
+    },
+    title: 'Inline Style',
+    callback: function (cmd, val) {
+      this.inlineStyle.apply(val);
+    },
+    plugin: 'inlineStyle'
+  })
+
+  // Add the font size icon.
+  $.FE.DefineIcon('inlineStyle', {
+    NAME: 'paint-brush'
+  });
+
+}));

data/vendor/assets/javascripts/xmt_froala/plugins/inline_style.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(t){"function"==typeof define&&define.amd?define(["jquery"],t):"object"==typeof module&&module.exports?module.exports=function(e,n){return n===undefined&&(n="undefined"!=typeof window?require("jquery"):require("jquery")(e)),t(n)}:t(window.jQuery)}(function(r){r.extend(r.FE.DEFAULTS,{inlineStyles:{"Big Red":"font-size: 20px; color: red;","Small Blue":"font-size: 14px; color: blue;"}}),r.FE.PLUGINS.inlineStyle=function(l){return{apply:function(e){if(""!==l.selection.text())for(var n=e.split(";"),t=0;t<n.length;t++){var i=n[t].split(":");n[t].length&&2==i.length&&l.format.applyStyle(i[0].trim(),i[1].trim())}else l.html.insert('<span style="'+e+'">'+r.FE.INVISIBLE_SPACE+r.FE.MARKERS+"</span>")}}},r.FE.RegisterCommand("inlineStyle",{type:"dropdown",html:function(){var e='<ul class="fr-dropdown-list" role="presentation">',n=this.opts.inlineStyles;for(var t in n)n.hasOwnProperty(t)&&(e+='<li role="presentation"><span style="'+n[t]+'" role="presentation"><a class="fr-command" tabIndex="-1" role="option" data-cmd="inlineStyle" data-param1="'+n[t]+'" title="'+this.language.translate(t)+'">'+this.language.translate(t)+"</a></span></li>");return e+="</ul>"},title:"Inline Style",callback:function(e,n){this.inlineStyle.apply(n)},plugin:"inlineStyle"}),r.FE.DefineIcon("inlineStyle",{NAME:"paint-brush"})});

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

@@ -0,0 +1,537 @@
+/*!
+ * 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 defaults.
+  $.extend($.FE.DEFAULTS, {
+    lineBreakerTags: ['table', 'hr', 'form', 'dl', 'span.fr-video', '.fr-embedly'],
+    lineBreakerOffset: 15,
+    lineBreakerHorizontalOffset: 10
+  });
+
+  $.FE.PLUGINS.lineBreaker = function (editor) {
+    var $line_breaker;
+    var mouseDownFlag;
+    var mouseMoveTimer;
+
+    /*
+     * Show line breaker.
+     * Compute top, left, width and show the line breaker.
+     * tag1 and tag2 are the tags between which the line breaker must be showed.
+     * If tag1 is null then tag2 is the first tag in the editor.
+     * If tag2 is null then tag1 is the last tag in the editor.
+     */
+    function _show($tag1, $tag2) {
+
+      // Line breaker's possition and width.
+      var breakerTop;
+      var breakerLeft;
+      var breakerWidth;
+      var parent_tag;
+      var parent_top;
+      var parent_bottom;
+      var tag_top;
+      var tag_bottom;
+
+      // Mouse is over the first tag in the editor. Show line breaker above tag2.
+      if ($tag1 == null) {
+        // Compute line breaker's possition and width.
+        parent_tag = $tag2.parent();
+        parent_top = parent_tag.offset().top;
+        tag_top = $tag2.offset().top;
+
+        breakerTop = tag_top - Math.min((tag_top - parent_top) / 2, editor.opts.lineBreakerOffset);
+        breakerWidth = parent_tag.outerWidth();
+        breakerLeft = parent_tag.offset().left;
+      }
+
+      // Mouse is over the last tag in the editor. Show line breaker below tag1.
+      else if ($tag2 == null) {
+        // Compute line breaker's possition and width.
+        parent_tag = $tag1.parent();
+        parent_bottom = parent_tag.offset().top + parent_tag.outerHeight();
+        tag_bottom = $tag1.offset().top + $tag1.outerHeight();
+
+        if (parent_bottom < tag_bottom) {
+          parent_tag = $(parent_tag).parent();
+          parent_bottom = parent_tag.offset().top + parent_tag.outerHeight();
+        }
+
+        breakerTop = tag_bottom + Math.min(Math.abs(parent_bottom - tag_bottom) / 2, editor.opts.lineBreakerOffset);
+        breakerWidth = parent_tag.outerWidth();
+        breakerLeft = parent_tag.offset().left;
+      }
+
+      // Mouse is between the 2 tags.
+      else {
+        // Compute line breaker's possition and width.
+        parent_tag = $tag1.parent();
+        var tag1_bottom = $tag1.offset().top + $tag1.height();
+        var tag2_top = $tag2.offset().top;
+
+        // Tags may be on the same line, so there is no need for line breaker.
+        if (tag1_bottom > tag2_top) {
+          return false;
+        }
+
+        breakerTop = (tag1_bottom + tag2_top) / 2;
+        breakerWidth = parent_tag.outerWidth();
+        breakerLeft = parent_tag.offset().left;
+      }
+
+      if (editor.opts.iframe) {
+        breakerLeft += editor.$iframe.offset().left - editor.helpers.scrollLeft();
+        breakerTop += editor.$iframe.offset().top - editor.helpers.scrollTop();
+      }
+
+      editor.$box.append($line_breaker);
+
+      // Set line breaker's top, left and width.
+      $line_breaker.css('top', breakerTop - editor.win.pageYOffset);
+      $line_breaker.css('left', breakerLeft - editor.win.pageXOffset);
+      $line_breaker.css('width', breakerWidth);
+      $line_breaker.data('tag1', $tag1);
+      $line_breaker.data('tag2', $tag2);
+
+      // Show the line breaker.
+      $line_breaker.addClass('fr-visible').data('instance', editor);
+    }
+
+    /*
+     * Check tag siblings.
+     * The line breaker hould appear if there is no sibling or if the sibling is also in the line breaker tags list.
+     */
+    function _checkTagSiblings($tag, mouseY) {
+
+      // Tag's Y top and bottom coordinate.
+      var tag_top = $tag.offset().top;
+      var tag_bottom = $tag.offset().top + $tag.outerHeight();
+      var $sibling;
+      var tag;
+
+      // Only if the mouse is close enough to the bottom or top edges.
+      if (Math.abs(tag_bottom - mouseY) <= editor.opts.lineBreakerOffset ||
+        Math.abs(mouseY - tag_top) <= editor.opts.lineBreakerOffset) {
+
+        // Mouse is near bottom check for next sibling.
+        if (Math.abs(tag_bottom - mouseY) < Math.abs(mouseY - tag_top)) {
+          tag = $tag.get(0);
+          var next_node = tag.nextSibling;
+
+          while (next_node && next_node.nodeType == Node.TEXT_NODE && next_node.textContent.length === 0) {
+            next_node = next_node.nextSibling;
+          }
+
+          // Tag has next sibling.
+          if (next_node) {
+            $sibling = _checkTag(next_node);
+
+            // Sibling is in the line breaker tags list.
+            if ($sibling) {
+
+              // Show line breaker.
+              _show($tag, $sibling);
+
+              return true;
+            }
+
+            // No next sibling.
+          }
+          else {
+
+            // Show line breaker
+            _show($tag, null);
+
+            return true;
+          }
+        }
+
+        // Mouse is near top check for prev sibling.
+        else {
+          tag = $tag.get(0);
+
+          // No prev sibling.
+          if (!tag.previousSibling) {
+
+            // Show line breaker
+            _show(null, $tag);
+
+            return true;
+
+            // Tag has prev sibling.
+          }
+          else {
+            $sibling = _checkTag(tag.previousSibling);
+
+            // Sibling is in the line breaker tags list.
+            if ($sibling) {
+
+              // Show line breaker.
+              _show($sibling, $tag);
+
+              return true;
+            }
+          }
+        }
+      }
+
+      $line_breaker.removeClass('fr-visible').removeData('instance');
+    }
+
+    /*
+     * Check if tag is in the line breaker list and in the editor as well.
+     * Returns the tag from the line breaker list or false if the tag is not in the list.
+     */
+    function _checkTag(tag) {
+      if (tag) {
+        var $tag = $(tag);
+
+        // Make sure tag is inside the editor.
+        if (editor.$el.find($tag).length === 0) return null;
+
+        // Tag is in the line breaker tags list.
+        if (tag.nodeType != Node.TEXT_NODE && $tag.is(editor.opts.lineBreakerTags.join(','))) {
+
+          return $tag;
+        }
+
+        // Tag's parent is in the line breaker tags list.
+        else if ($tag.parents(editor.opts.lineBreakerTags.join(',')).length > 0) {
+          tag = $tag.parents(editor.opts.lineBreakerTags.join(',')).get(0);
+
+          if (editor.$el.find(tag).length === 0 || !$(tag).is(editor.opts.lineBreakerTags.join(','))) return null;
+
+          return $(tag);
+        }
+      }
+
+      return null;
+    }
+
+    function _isInWp(tag) {
+      if (typeof tag.inFroalaWrapper != 'undefined') return tag.inFroalaWrapper;
+      var o_tag = tag;
+
+      while (tag.parentNode && tag.parentNode !== editor.$wp.get(0)) {
+        tag = tag.parentNode;
+      }
+
+      o_tag.inFroalaWrapper = (tag.parentNode == editor.$wp.get(0));
+
+      return o_tag.inFroalaWrapper;
+    }
+
+    /*
+     * Look for tag at the specified coordinates.
+     */
+    function _tagAt(x, y) {
+      var tag = editor.doc.elementFromPoint(x, y);
+
+      // We found a tag.
+      if (tag && !$(tag).closest('.fr-line-breaker').length && !editor.node.isElement(tag) && tag != editor.$wp.get(0) && _isInWp(tag)) {
+        return tag;
+      }
+
+      // No tag at x, y.
+      return null;
+    }
+
+    /*
+     * Look for tags above and bellow the specificed point.
+     */
+    function _searchTagVertically(x, y, step) {
+      var i = step;
+      var tag = null;
+
+      // Look up and down until a tag is found or the line breaker offset is reached.
+      while (i <= editor.opts.lineBreakerOffset && !tag) {
+
+        // Look for tag above.
+        tag = _tagAt(x, y - i);
+
+        if (!tag) {
+
+          // Look for tag below.
+          tag = _tagAt(x, y + i);
+        }
+
+        i += step;
+      }
+
+      return tag;
+    }
+
+    /*
+     * Look for tag left and right, up and down for each point.
+     */
+    function _searchTagHorizontally(x, y, direction) {
+      var tag = null;
+
+      // Do not check left / right too much.
+      var limit = 100;
+
+      // Look left / right until a tag is found or the editor margins are reached.
+      while (!tag && x > editor.$box.offset().left && x < editor.$box.offset().left + editor.$box.outerWidth() && limit > 0) {
+        tag = _tagAt(x, y);
+
+        // There's not tag here, look up and down.
+        if (!tag) {
+
+          // Look 5px up and 5 down.
+          tag = _searchTagVertically(x, y, 5);
+        }
+
+        // Move left or right.
+        if (direction == 'left') x -= editor.opts.lineBreakerHorizontalOffset;
+        else x += editor.opts.lineBreakerHorizontalOffset;
+
+        limit -= editor.opts.lineBreakerHorizontalOffset;
+      }
+
+      return tag;
+    }
+
+    /*
+     * Get the tag under the mouse cursor.
+     */
+    function _tagUnder(e) {
+      mouseMoveTimer = null;
+
+      // The tag for which the line breaker should be showed.
+      var $tag = null;
+      var tag = null;
+
+      // The tag under the mouse cursor.
+      var tag_under = editor.doc.elementFromPoint(e.pageX - editor.win.pageXOffset, e.pageY - editor.win.pageYOffset);
+
+      // Tag is the editor element. Look for closest tag above and bellow, left and right.
+      if (tag_under && (tag_under.tagName == 'HTML' || tag_under.tagName == 'BODY' || editor.node.isElement(tag_under) || (tag_under.getAttribute('class') || '').indexOf('fr-line-breaker') >= 0)) {
+
+        // Look 1px up and 1 down.
+        tag = _searchTagVertically(e.pageX - editor.win.pageXOffset, e.pageY - editor.win.pageYOffset, 1);
+
+        // Stil haven't found a tag, look left.
+        if (!tag) {
+          tag = _searchTagHorizontally(e.pageX - editor.win.pageXOffset - editor.opts.lineBreakerHorizontalOffset, e.pageY - editor.win.pageYOffset, 'left');
+        }
+
+        // Stil haven't found a tag, look right.
+        if (!tag) {
+          tag = _searchTagHorizontally(e.pageX - editor.win.pageXOffset + editor.opts.lineBreakerHorizontalOffset, e.pageY - editor.win.pageYOffset, 'right');
+        }
+
+        $tag = _checkTag(tag);
+
+        // Tag is not the editor element.
+      }
+      else {
+
+        // Check if the tag is in the line breaker list.
+        $tag = _checkTag(tag_under);
+      }
+
+      // Check tag siblings.
+      if ($tag) {
+        _checkTagSiblings($tag, e.pageY);
+      }
+      else if (editor.core.sameInstance($line_breaker)) {
+        $line_breaker.removeClass('fr-visible').removeData('instance');
+      }
+    }
+
+    /*
+     * Set mouse timer to improve performance.
+     */
+    function _mouseTimer(e) {
+      if ($line_breaker.hasClass('fr-visible') && !editor.core.sameInstance($line_breaker)) return false;
+
+      if (editor.popups.areVisible() || editor.el.querySelector('.fr-selected-cell')) {
+        $line_breaker.removeClass('fr-visible');
+
+        return true;
+      }
+
+      if (mouseDownFlag === false && !editor.edit.isDisabled()) {
+        if (mouseMoveTimer) {
+          clearTimeout(mouseMoveTimer);
+        }
+
+        mouseMoveTimer = setTimeout(_tagUnder, 30, e);
+      }
+    }
+
+    /*
+     * Hide line breaker and prevent timer from showing it again.
+     */
+    function _hide() {
+      if (mouseMoveTimer) {
+        clearTimeout(mouseMoveTimer);
+      }
+
+      if ($line_breaker.hasClass('fr-visible')) {
+        $line_breaker.removeClass('fr-visible').removeData('instance');
+      }
+    }
+
+    /*
+     * Notify that mouse is down and prevent line breaker from showing.
+     * This may happen either for selection or for drag.
+     */
+    function _mouseDown() {
+      mouseDownFlag = true;
+      _hide();
+    }
+
+    /*
+     * Notify that mouse is no longer pressed.
+     */
+    function _mouseUp() {
+      mouseDownFlag = false;
+    }
+
+    /*
+     * Add new line between the tags.
+     */
+    function _doLineBreak(e) {
+      e.preventDefault();
+
+      var instance = $line_breaker.data('instance') || editor;
+
+      // Hide the line breaker.
+      $line_breaker.removeClass('fr-visible').removeData('instance');
+
+      // Tags between which that line break needs to be done.
+      var $tag1 = $line_breaker.data('tag1');
+      var $tag2 = $line_breaker.data('tag2');
+
+      // P, DIV or none.
+      var default_tag = editor.html.defaultTag();
+
+      // The line break needs to be done before the first element in the editor.
+      if ($tag1 == null) {
+
+        // If the tag is in a TD tag then just add <br> no matter what the default_tag is.
+        if (default_tag && $tag2.parent().get(0).tagName != 'TD' && $tag2.parents(default_tag).length === 0) {
+          $tag2.before('<' + default_tag + '>' + $.FE.MARKERS + '<br></' + default_tag + '>')
+        }
+        else {
+          $tag2.before($.FE.MARKERS + '<br>');
+        }
+
+        // The line break needs to be done either after the last element in the editor or between the 2 tags.
+        // Either way the line break is after the first tag.
+      }
+      else {
+
+        // If the tag is in a TD tag then just add <br> no matter what the default_tag is.
+        if (default_tag && $tag1.parent().get(0).tagName != 'TD' && $tag1.parents(default_tag).length === 0) {
+          $tag1.after('<' + default_tag + '>' + $.FE.MARKERS + '<br></' + default_tag + '>')
+        }
+        else {
+          $tag1.after($.FE.MARKERS + '<br>');
+        }
+      }
+
+      // Cursor is now at the beginning of the new line.
+      instance.selection.restore();
+    }
+
+    /*
+     * Initialize the line breaker.
+     */
+    function _initLineBreaker() {
+
+      // Append line breaker HTML to editor wrapper.
+      if (!editor.shared.$line_breaker) {
+        editor.shared.$line_breaker = $('<div class="fr-line-breaker"><a class="fr-floating-btn" role="button" tabIndex="-1" title="' + editor.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>');
+      }
+
+      $line_breaker = editor.shared.$line_breaker;
+
+      // Editor shared destroy.
+      editor.events.on('shared.destroy', function () {
+        $line_breaker.html('').removeData().remove();
+        $line_breaker = null;
+      }, true);
+
+      // Editor destroy.
+      editor.events.on('destroy', function () {
+        $line_breaker.removeData('instance').removeClass('fr-visible').appendTo('body:first');
+        clearTimeout(mouseMoveTimer);
+      }, true)
+
+      editor.events.$on($line_breaker, 'mousemove', function (e) {
+        e.stopPropagation();
+      }, true)
+
+      // Add new line break.
+      editor.events.bindClick($line_breaker, 'a', _doLineBreak);
+    }
+
+    /*
+     * Tear up.
+     */
+    function _init() {
+      if (!editor.$wp) return false;
+
+      _initLineBreaker();
+
+      // Remember if mouse is clicked so the line breaker does not appear.
+      mouseDownFlag = false;
+
+      // Check tags under the mouse to see if the line breaker needs to be shown.
+      editor.events.$on(editor.$win, 'mousemove', _mouseTimer);
+
+      // Hide the line breaker if the page is scrolled.
+      editor.events.$on($(editor.win), 'scroll', _hide);
+
+      // Hide the line breaker on cell edit.
+      editor.events.on('popups.show.table.edit', _hide);
+
+      // Hide the line breaker after command is ran.
+      editor.events.on('commands.after', _hide);
+
+      // Prevent line breaker from showing while selecting text or dragging images.
+      editor.events.$on($(editor.win), 'mousedown', _mouseDown);
+
+      // Mouse is not pressed anymore, line breaker may be shown.
+      editor.events.$on($(editor.win), 'mouseup', _mouseUp);
+    }
+
+    return {
+      _init: _init
+    }
+  };
+
+}));