activeadmin_trumbowyg 0.1.1 → 0.2.0

data/app/assets/javascripts/activeadmin/trumbowyg/plugins/giphy/trumbowyg.giphy.min.js

@@ -0,0 +1 @@
+!function(i){"use strict";function e(i,e){var n,t;return function(){var o=this,l=+new Date,c=arguments;n&&l<n+e?(clearTimeout(t),t=setTimeout(function(){n=l,i.apply(o,c)},e)):(n=l,i.apply(o,c))}}function n(e,n,t,o){var l=(n.width()-20)/3,c=e.data.filter(function(i){return""!==i.images.downsized.url}).map(function(i){var e=i.images.downsized,n=e.height/e.width;return'<div class="img-container"><img src='+e.url+' width="'+l+'" height="'+n*l+'" loading="lazy" onload="this.classList.add(\'tbw-loaded\')"/></div>'}).join("");if(o===!0){if(0===c.length){if(i("."+t.o.prefix+"giphy-no-result",n).length>0)return;c='<img class="'+t.o.prefix+'giphy-no-result" src="'+t.o.plugins.giphy.noResultGifUrl+'"/>'}n.empty()}n.append(c),i("img",n).on("click",function(){t.restoreRange(),t.execCmd("insertImage",i(this).attr("src"),!1,!0),i("img",n).off(),t.closeModal()})}i.extend(!0,i.trumbowyg,{langs:{en:{giphy:"Insert GIF"},fr:{giphy:"Insérer un GIF"}}});var t='<svg viewBox="0 0 231 53" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2"><path d="M48.32 22.386c0-1.388-.252-1.892-1.767-1.85-3.448.126-6.855.042-10.303.042H25.443c-.927 0-1.346.211-1.305 1.22.085 2.86.085 5.72.043 8.58 0 .883.252 1.169 1.169 1.135 2.018-.084 3.995-.042 6.014 0 1.64 0 4.164-.546 4.752.252.841 1.169.421 3.364.337 5.089-.043.547-.547 1.304-1.094 1.598-2.692 1.556-5.678 2.018-8.747 1.892-5.342-.21-9.336-2.439-11.481-7.527-1.388-3.364-1.725-6.855-1.01-10.43 1.01-4.963 3.407-8.747 8.58-10.051 5.215-1.305 10.136-.547 14.467 2.817 1.219.967 1.798.715 2.691-.294 1.514-1.724 3.154-3.322 4.753-4.963 1.892-1.933 1.892-1.892-.169-3.7C38.429.813 31.238-.617 23.5.224 12.818 1.393 5.248 6.658 1.59 17.045-.177 22.008-.428 27.097.623 32.227c1.682 7.914 5.551 14.12 13.289 17.368 6.898 2.901 14.046 3.448 21.321 1.598 4.331-1.093 8.411-2.608 11.354-6.223 1.136-1.388 1.725-2.902 1.682-4.71l.043-17.873.008-.001zm125.153 3.784l.042-23.046c0-1.136-.168-1.598-1.472-1.556a238.02 238.02 0 0 1-11.017 0c-1.136-.042-1.439.337-1.439 1.439v15.645c0 1.345-.421 1.556-1.641 1.556a422.563 422.563 0 0 0-14.593 0c-1.262.042-1.472-.421-1.439-1.556l.043-15.813c0-.926-.169-1.304-1.17-1.262h-11.513c-.927 0-1.304.169-1.304 1.22v46.764c0 .967.252 1.262 1.219 1.262h11.512c1.169.042 1.262-.462 1.262-1.388l-.042-15.644c0-1.053.251-1.346 1.304-1.346h15.14c1.22 0 1.388.421 1.388 1.472l-.042 15.477c0 1.093.21 1.472 1.388 1.439 3.615-.085 7.233-.085 10.807 0 1.304.042 1.598-.337 1.598-1.598l-.042-23.047.011-.018zM106.565 1.654c-8.369-.211-16.728-.126-25.065-.211-1.346 0-1.767.337-1.767 1.724l.043 23.004v23.215c0 1.009.168 1.439 1.304 1.387a271.22 271.22 0 0 1 11.691 0c1.094 0 1.346-.336 1.346-1.345l-.042-10.64c0-1.052.294-1.345 1.345-1.345 3.322.042 6.645.085 9.967-.085 4.407-.21 8.621-1.219 12.111-4.12 5.551-4.584 7.613-12.701 5.131-20.061-2.313-6.561-8.747-11.354-16.064-11.522v-.001zm-3.028 24.013c-2.818.042-5.594-.043-8.411.042-1.169.042-1.439-.378-1.345-1.439.084-1.556 0-3.069 0-4.626v-5.131c-.043-.841.251-1.094 1.052-1.052 2.986.042 5.929-.085 8.915.042 3.616.126 5.887 2.692 5.846 6.266-.126 3.658-2.313 5.846-6.055 5.887l-.002.011zM229.699 1.569c-4.458 0-8.915-.042-13.415.043-.629 0-1.472.503-1.85 1.052a505.695 505.695 0 0 0-8.957 14.214c-.884 1.472-1.22 1.169-1.977-.084l-8.496-14.089c-.503-.841-1.052-1.136-2.018-1.136l-13.078.043c-.462 0-.967.125-1.439.21.21.378.378.799.629 1.169l17.412 27.167c.462.715.715 1.682.757 2.524v16.653c0 1.052.168 1.514 1.388 1.472 3.784-.084 7.57-.084 11.354 0 1.136.043 1.304-.377 1.304-1.387l-.042-8.58c0-2.734-.084-5.51.042-8.243.043-.926.337-1.933.841-2.649l18.167-27.041c.252-.337.337-.758.547-1.17a3.636 3.636 0 0 0-1.169-.168zM70.104 2.661c0-1.009-.294-1.219-1.262-1.219H57.69c-1.262-.043-1.472.377-1.472 1.513l.042 23.004v23.34c0 1.053.126 1.514 1.346 1.473 3.7-.085 7.444-.043 11.152 0 .966 0 1.387-.085 1.387-1.262l-.042-46.857.001.008z" fill="currentColor" fill-rule="nonzero"/></svg>',o="tbwcancel",l={rating:"g",apiKey:null,throttleDelay:300,noResultGifUrl:"https://media.giphy.com/media/2Faz9FbRzmwxY0pZS/giphy.gif"};i.extend(!0,i.trumbowyg,{plugins:{giphy:{init:function(c){c.o.plugins.giphy=i.extend({},l,c.o.plugins.giphy||{}),c.addBtnDef("giphy",{fn:function(){if(null===c.o.plugins.giphy.apiKey)throw new Error("You must set a Giphy API Key");var l="https://api.giphy.com/v1/gifs/search?api_key="+c.o.plugins.giphy.apiKey+"&rating="+c.o.plugins.giphy.rating,a=l.replace("/search","/trending"),r={abort:function(){}},s=c.o.prefix,p='<input name="" class="'+s+'giphy-search" placeholder="Search a GIF" autofocus="autofocus">',g='<button class="'+s+'giphy-close" title="'+c.lang.close+'"><svg><use xlink:href="'+c.svgPath+"#"+s+'close"/></svg></button>',u='<div class="'+s+'powered-by-giphy"><span>Powered by</span>'+t+"</div>",h=p+g+u+'<div class="'+s+'giphy-modal-scroll"><div class="'+s+'giphy-modal"></div></div>';c.openModal(null,h,!1).one(o,function(){try{r.abort()}catch(i){}c.closeModal()});var d=i("."+s+"giphy-search"),f=i("."+s+"giphy-close"),y=i("."+s+"giphy-modal"),v=function(){navigator.onLine||i("."+s+"giphy-offline",y).length||(y.empty(),y.append('<p class="'+s+'giphy-offline">You are offline</p>'))};i.ajax({url:a,dataType:"json",success:function(i){n(i,y,c,!0)},error:v});var m=function(){var e=d.val();if(0!==e.length){try{r.abort()}catch(t){}r=i.ajax({url:l+"&q="+encodeURIComponent(e),dataType:"json",success:function(i){n(i,y,c,!0)},error:v})}},w=e(m,c.o.plugins.giphy.throttleDelay);d.on("input",w),d.focus(),f.one("click",function(){y.trigger(o)})}})}}}})}(jQuery);

data/app/assets/javascripts/activeadmin/trumbowyg/plugins/giphy/ui/sass/trumbowyg.giphy.scss

@@ -0,0 +1,111 @@
+/**
+ * Trumbowyg v2.21.0 - A lightweight WYSIWYG editor
+ * Default stylesheet for Trumbowyg editor plugin
+ * ------------------------
+ * @link http://alex-d.github.io/Trumbowyg
+ * @license MIT
+ * @author Alexandre Demode (Alex-D)
+ *         Twitter : @AlexandreDemode
+ *         Website : alex-d.fr
+ */
+
+.trumbowyg-giphy-button svg {
+    transform: scale(1.22);
+}
+
+.trumbowyg-giphy-search {
+    display: block;
+    width: 80%;
+    margin: 5%;
+    padding-left: 10px;
+    padding-right: 150px;
+}
+
+.trumbowyg-giphy-close {
+    position: absolute;
+    top: calc(5% + 8px);
+    right: calc(5% - 2px);
+    width: 30px;
+    height: 30px;
+    background: none;
+    border: 1px solid transparent;
+
+    &:hover,
+    &:focus {
+        outline: none;
+        background: #ecf0f1;
+    }
+    &:focus {
+        border-color: rgba(0, 0, 0, 0.3);
+    }
+}
+
+.trumbowyg-powered-by-giphy {
+    position: absolute;
+    top: calc(5% + 12px);
+    right: calc(15% + 10px);
+    pointer-events: none;
+    user-select: none;
+
+    span {
+        text-transform: uppercase;
+        font-weight: bold;
+        font-size: 10px;
+        opacity: 0.6;
+    }
+
+    svg {
+        width: 66px;
+        height: 15px;
+        vertical-align: bottom;
+        margin-left: 6px;
+        opacity: 0.45;
+    }
+}
+
+.trumbowyg-giphy-modal-scroll {
+    overflow: auto;
+    overflow-x: hidden;
+    height: 240px;
+}
+
+.trumbowyg-giphy-modal {
+    padding: 0 5%;
+    columns: 3;
+    column-gap: 10px;
+
+  .trumbowyg-giphy-no-result {
+    width: 250%;
+    margin: 13% 0 0 29%;
+  }
+
+  .trumbowyg-giphy-offline {
+    font-size: 18px;
+    width: 305%;
+    height: 600px;
+    margin-top: 95px;
+    text-align: center;
+  }
+}
+
+.trumbowyg-giphy-modal .img-container {
+    width: 100%;
+    margin-bottom: 10px;
+    background-color: #ecf0f1;
+
+    img {
+        width: 100%;
+        cursor: pointer;
+        opacity: 0;
+        transition: opacity 150ms;
+
+        &:hover,
+        &:focus {
+            border: #2ecc71 solid 3px;
+        }
+    }
+
+    img.tbw-loaded {
+        opacity: 1;
+    }
+}

data/app/assets/javascripts/activeadmin/trumbowyg/plugins/giphy/ui/trumbowyg.giphy.css

@@ -0,0 +1,90 @@
+/**
+ * Trumbowyg v2.21.0 - A lightweight WYSIWYG editor
+ * Trumbowyg plugin stylesheet
+ * ------------------------
+ * @link http://alex-d.github.io/Trumbowyg
+ * @license MIT
+ * @author Alexandre Demode (Alex-D)
+ *         Twitter : @AlexandreDemode
+ *         Website : alex-d.fr
+ */
+
+.trumbowyg-giphy-button svg {
+  transform: scale(1.22); }
+
+.trumbowyg-giphy-search {
+  display: block;
+  width: 80%;
+  margin: 5%;
+  padding-left: 10px;
+  padding-right: 150px; }
+
+.trumbowyg-giphy-close {
+  position: absolute;
+  top: calc(5% + 8px);
+  right: calc(5% - 2px);
+  width: 30px;
+  height: 30px;
+  background: none;
+  border: 1px solid transparent; }
+  .trumbowyg-giphy-close:hover, .trumbowyg-giphy-close:focus {
+    outline: none;
+    background: #ecf0f1; }
+  .trumbowyg-giphy-close:focus {
+    border-color: rgba(0, 0, 0, 0.3); }
+
+.trumbowyg-powered-by-giphy {
+  position: absolute;
+  top: calc(5% + 12px);
+  right: calc(15% + 10px);
+  pointer-events: none;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+      -ms-user-select: none;
+          user-select: none; }
+  .trumbowyg-powered-by-giphy span {
+    text-transform: uppercase;
+    font-weight: bold;
+    font-size: 10px;
+    opacity: 0.6; }
+  .trumbowyg-powered-by-giphy svg {
+    width: 66px;
+    height: 15px;
+    vertical-align: bottom;
+    margin-left: 6px;
+    opacity: 0.45; }
+
+.trumbowyg-giphy-modal-scroll {
+  overflow: auto;
+  overflow-x: hidden;
+  height: 240px; }
+
+.trumbowyg-giphy-modal {
+  padding: 0 5%;
+  -moz-columns: 3;
+       columns: 3;
+  -moz-column-gap: 10px;
+       column-gap: 10px; }
+  .trumbowyg-giphy-modal .trumbowyg-giphy-no-result {
+    width: 250%;
+    margin: 13% 0 0 29%; }
+  .trumbowyg-giphy-modal .trumbowyg-giphy-offline {
+    font-size: 18px;
+    width: 305%;
+    height: 600px;
+    margin-top: 95px;
+    text-align: center; }
+
+.trumbowyg-giphy-modal .img-container {
+  width: 100%;
+  margin-bottom: 10px;
+  background-color: #ecf0f1; }
+  .trumbowyg-giphy-modal .img-container img {
+    width: 100%;
+    cursor: pointer;
+    opacity: 0;
+    transition: opacity 150ms; }
+    .trumbowyg-giphy-modal .img-container img:hover, .trumbowyg-giphy-modal .img-container img:focus {
+      border: #2ecc71 solid 3px; }
+  .trumbowyg-giphy-modal .img-container img.tbw-loaded {
+    opacity: 1; }

data/app/assets/javascripts/activeadmin/trumbowyg/plugins/giphy/ui/trumbowyg.giphy.min.css

@@ -0,0 +1,2 @@
+/** Trumbowyg v2.21.0 - A lightweight WYSIWYG editor - alex-d.github.io/Trumbowyg - License MIT - Author : Alexandre Demode (Alex-D) / alex-d.fr */
+.trumbowyg-giphy-button svg{transform:scale(1.22)}.trumbowyg-giphy-search{display:block;width:80%;margin:5%;padding-left:10px;padding-right:150px}.trumbowyg-giphy-close{position:absolute;top:calc(5% + 8px);right:calc(5% - 2px);width:30px;height:30px;background:0 0;border:1px solid transparent}.trumbowyg-giphy-close:focus,.trumbowyg-giphy-close:hover{outline:0;background:#ecf0f1}.trumbowyg-giphy-close:focus{border-color:rgba(0,0,0,.3)}.trumbowyg-powered-by-giphy{position:absolute;top:calc(5% + 12px);right:calc(15% + 10px);pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.trumbowyg-powered-by-giphy span{text-transform:uppercase;font-weight:700;font-size:10px;opacity:.6}.trumbowyg-powered-by-giphy svg{width:66px;height:15px;vertical-align:bottom;margin-left:6px;opacity:.45}.trumbowyg-giphy-modal-scroll{overflow:auto;overflow-x:hidden;height:240px}.trumbowyg-giphy-modal{padding:0 5%;-moz-columns:3;columns:3;-moz-column-gap:10px;column-gap:10px}.trumbowyg-giphy-modal .trumbowyg-giphy-no-result{width:250%;margin:13% 0 0 29%}.trumbowyg-giphy-modal .trumbowyg-giphy-offline{font-size:18px;width:305%;height:600px;margin-top:95px;text-align:center}.trumbowyg-giphy-modal .img-container{width:100%;margin-bottom:10px;background-color:#ecf0f1}.trumbowyg-giphy-modal .img-container img{width:100%;cursor:pointer;opacity:0;transition:opacity 150ms}.trumbowyg-giphy-modal .img-container img:focus,.trumbowyg-giphy-modal .img-container img:hover{border:3px solid #2ecc71}.trumbowyg-giphy-modal .img-container img.tbw-loaded{opacity:1}

data/app/assets/javascripts/activeadmin/trumbowyg/plugins/highlight/trumbowyg.highlight.js

@@ -0,0 +1,90 @@
+/* globals Prism */
+(function ($, Prism) {
+    'use strict';
+
+    // My plugin default options
+    var defaultOptions = {};
+
+    function highlightIt(text, language) {
+        return [
+            '<pre class="language-' + language + '">',
+            '<code class="language-' + language + '">' + Prism.highlight(text, Prism.languages[language]) + '</code>',
+            '</pre>',
+        ].join('');
+    }
+
+    // If my plugin is a button
+    function buildButtonDef(trumbowyg) {
+        return {
+            fn: function () {
+                var $modal = trumbowyg.openModal('Code', [
+                    '<div class="' + trumbowyg.o.prefix + 'highlight-form-group">',
+                    '   <select class="' + trumbowyg.o.prefix + 'highlight-form-control language">',
+                    (function () {
+                        var options = '';
+
+                        for (var lang in Prism.languages) {
+                            if (Prism.languages.hasOwnProperty(lang)) {
+                                options += '<option value="' + lang + '">' + lang + '</option>';
+                            }
+                        }
+
+                        return options;
+                    })(),
+                    '   </select>',
+                    '</div>',
+                    '<div class="' + trumbowyg.o.prefix + 'highlight-form-group">',
+                    '   <textarea class="' + trumbowyg.o.prefix + 'highlight-form-control code"></textarea>',
+                    '</div>',
+                ].join('\n')),
+                $language = $modal.find('.language'),
+                $code = $modal.find('.code');
+
+                // Listen clicks on modal box buttons
+                $modal.on('tbwconfirm', function () {
+                    trumbowyg.restoreRange();
+                    trumbowyg.execCmd('insertHTML', highlightIt($code.val(), $language.val()));
+                    trumbowyg.execCmd('insertHTML', '<p><br></p>');
+
+                    trumbowyg.closeModal();
+                });
+
+                $modal.on('tbwcancel', function () {
+                    trumbowyg.closeModal();
+                });
+            }
+        };
+    }
+
+    $.extend(true, $.trumbowyg, {
+        // Add some translations
+        langs: {
+            // jshint camelcase:false
+            en: {
+                highlight: 'Code syntax highlight'
+            },
+            pt_br: {
+                highlight: 'Realçar sintaxe de código'
+            },
+            ko: {
+                highlight: '코드 문법 하이라이트'
+            },
+            // jshint camelcase:true
+        },
+        // Add our plugin to Trumbowyg registered plugins
+        plugins: {
+            highlight: {
+                init: function (trumbowyg) {
+                    // Fill current Trumbowyg instance with my plugin default options
+                    trumbowyg.o.plugins.highlight = $.extend(true, {},
+                        defaultOptions,
+                        trumbowyg.o.plugins.highlight || {}
+                    );
+
+                    // If my plugin is a button
+                    trumbowyg.addBtnDef('highlight', buildButtonDef(trumbowyg));
+                }
+            }
+        }
+    });
+})(jQuery, Prism);

data/app/assets/javascripts/activeadmin/trumbowyg/plugins/highlight/trumbowyg.highlight.min.js

@@ -0,0 +1 @@
+!function(i,n){"use strict";function e(i,e){return['<pre class="language-'+e+'">','<code class="language-'+e+'">'+n.highlight(i,n.languages[e])+"</code>","</pre>"].join("")}function o(i){return{fn:function(){var o=i.openModal("Code",['<div class="'+i.o.prefix+'highlight-form-group">','   <select class="'+i.o.prefix+'highlight-form-control language">',function(){var i="";for(var e in n.languages)n.languages.hasOwnProperty(e)&&(i+='<option value="'+e+'">'+e+"</option>");return i}(),"   </select>","</div>",'<div class="'+i.o.prefix+'highlight-form-group">','   <textarea class="'+i.o.prefix+'highlight-form-control code"></textarea>',"</div>"].join("\n")),t=o.find(".language"),g=o.find(".code");o.on("tbwconfirm",function(){i.restoreRange(),i.execCmd("insertHTML",e(g.val(),t.val())),i.execCmd("insertHTML","<p><br></p>"),i.closeModal()}),o.on("tbwcancel",function(){i.closeModal()})}}}var t={};i.extend(!0,i.trumbowyg,{langs:{en:{highlight:"Code syntax highlight"},pt_br:{highlight:"Realçar sintaxe de código"},ko:{highlight:"코드 문법 하이라이트"}},plugins:{highlight:{init:function(n){n.o.plugins.highlight=i.extend(!0,{},t,n.o.plugins.highlight||{}),n.addBtnDef("highlight",o(n))}}}})}(jQuery,Prism);

data/app/assets/javascripts/activeadmin/trumbowyg/plugins/highlight/ui/sass/trumbowyg.highlight.scss

@@ -0,0 +1,25 @@
+/**
+ * Trumbowyg v2.21.0 - A lightweight WYSIWYG editor
+ * Default stylesheet for Trumbowyg editor plugin
+ * ------------------------
+ * @link http://alex-d.github.io/Trumbowyg
+ * @license MIT
+ * @author Alexandre Demode (Alex-D)
+ *         Twitter : @AlexandreDemode
+ *         Website : alex-d.fr
+ */
+
+.trumbowyg-highlight-form-group {
+  margin: 15px 10px;
+
+  .trumbowyg-highlight-form-control {
+    width: 100%;
+    border: 1px solid #DEDEDE;
+    font-size: 14px;
+    padding: 7px;
+
+    &.code {
+      height: 200px;
+    }
+  }
+}

data/app/assets/javascripts/activeadmin/trumbowyg/plugins/highlight/ui/trumbowyg.highlight.css

@@ -0,0 +1,20 @@
+/**
+ * Trumbowyg v2.21.0 - A lightweight WYSIWYG editor
+ * Trumbowyg plugin stylesheet
+ * ------------------------
+ * @link http://alex-d.github.io/Trumbowyg
+ * @license MIT
+ * @author Alexandre Demode (Alex-D)
+ *         Twitter : @AlexandreDemode
+ *         Website : alex-d.fr
+ */
+
+.trumbowyg-highlight-form-group {
+  margin: 15px 10px; }
+  .trumbowyg-highlight-form-group .trumbowyg-highlight-form-control {
+    width: 100%;
+    border: 1px solid #DEDEDE;
+    font-size: 14px;
+    padding: 7px; }
+    .trumbowyg-highlight-form-group .trumbowyg-highlight-form-control.code {
+      height: 200px; }

data/app/assets/javascripts/activeadmin/trumbowyg/plugins/highlight/ui/trumbowyg.highlight.min.css

@@ -0,0 +1,2 @@
+/** Trumbowyg v2.21.0 - A lightweight WYSIWYG editor - alex-d.github.io/Trumbowyg - License MIT - Author : Alexandre Demode (Alex-D) / alex-d.fr */
+.trumbowyg-highlight-form-group{margin:15px 10px}.trumbowyg-highlight-form-group .trumbowyg-highlight-form-control{width:100%;border:1px solid #DEDEDE;font-size:14px;padding:7px}.trumbowyg-highlight-form-group .trumbowyg-highlight-form-control.code{height:200px}

data/app/assets/javascripts/activeadmin/trumbowyg/plugins/history/trumbowyg.history.js

@@ -0,0 +1,216 @@
+/*/* ===========================================================
+ * trumbowyg.history.js v1.0
+ * history plugin for Trumbowyg
+ * http://alex-d.github.com/Trumbowyg
+ * ===========================================================
+ * Author : Sven Dunemann [dunemann@forelabs.eu]
+ */
+
+(function ($) {
+    'use strict';
+    $.extend(true, $.trumbowyg, {
+        langs: {
+            // jshint camelcase:false
+            de: {
+                history: {
+                    redo: 'Wiederholen',
+                    undo: 'Rückgängig'
+                }
+            },
+            en: {
+                history: {
+                    redo: 'Redo',
+                    undo: 'Undo'
+                }
+            },
+            da: {
+                history: {
+                    redo: 'Annuller fortryd',
+                    undo: 'Fortryd'
+                }
+            },
+            fr: {
+                history: {
+                    redo: 'Annuler',
+                    undo: 'Rétablir'
+                }
+            },
+            zh_tw: {
+               history: {
+                   redo: '重做',
+                   undo: '復原'
+               }
+            },
+            pt_br: {
+                history: {
+                    redo: 'Refazer',
+                    undo: 'Desfazer'
+                }
+            },
+            ko: {
+                history: {
+                    redo: '다시 실행',
+                    undo: '되돌리기'
+                }
+            },
+            // jshint camelcase:true
+        },
+        plugins: {
+            history: {
+                init: function (t) {
+                    t.o.plugins.history = $.extend(true, {
+                        _stack: [],
+                        _index: -1,
+                        _focusEl: undefined
+                    }, t.o.plugins.history || {});
+
+                    var btnBuildDefRedo = {
+                        title: t.lang.history.redo,
+                        ico: 'redo',
+                        key: 'Y',
+                        fn: function () {
+                            if (t.o.plugins.history._index < t.o.plugins.history._stack.length - 1) {
+                                t.o.plugins.history._index += 1;
+                                var index = t.o.plugins.history._index;
+                                var newState = t.o.plugins.history._stack[index];
+
+                                t.execCmd('html', newState);
+                                // because of some semantic optimisations we have to save the state back
+                                // to history
+                                t.o.plugins.history._stack[index] = t.$ed.html();
+
+                                carretToEnd();
+                                toggleButtonStates();
+                            }
+                        }
+                    };
+
+                    var btnBuildDefUndo = {
+                        title: t.lang.history.undo,
+                        ico: 'undo',
+                        key: 'Z',
+                        fn: function () {
+                            if (t.o.plugins.history._index > 0) {
+                                t.o.plugins.history._index -= 1;
+                                var index = t.o.plugins.history._index,
+                                    newState = t.o.plugins.history._stack[index];
+
+                                t.execCmd('html', newState);
+                                // because of some semantic optimisations we have to save the state back
+                                // to history
+                                t.o.plugins.history._stack[index] = t.$ed.html();
+
+                                carretToEnd();
+                                toggleButtonStates();
+                            }
+                        }
+                    };
+
+                    var pushToHistory = function () {
+                        var index = t.o.plugins.history._index,
+                            stack = t.o.plugins.history._stack,
+                            latestState = stack.slice(-1)[0] || '<p></p>',
+                            prevState = stack[index],
+                            newState = t.$ed.html(),
+                            focusEl = t.doc.getSelection().focusNode,
+                            focusElText = '',
+                            latestStateTagsList,
+                            newStateTagsList,
+                            prevFocusEl = t.o.plugins.history._focusEl;
+
+                        latestStateTagsList = $('<div>' + latestState + '</div>').find('*').map(function () {
+                            return this.localName;
+                        });
+                        newStateTagsList = $('<div>' + newState + '</div>').find('*').map(function () {
+                            return this.localName;
+                        });
+                        if (focusEl) {
+                            t.o.plugins.history._focusEl = focusEl;
+                            focusElText = focusEl.outerHTML || focusEl.textContent;
+                        }
+
+                        if (newState !== prevState) {
+                            // a new stack entry is defined when current insert ends on a whitespace character
+                            // or count of node elements has been changed
+                            // or focused element differs from previous one
+                            if (focusElText.slice(-1).match(/\s/) ||
+                                !arraysAreIdentical(latestStateTagsList, newStateTagsList) ||
+                                t.o.plugins.history._index <= 0 || focusEl !== prevFocusEl)
+                            {
+                                t.o.plugins.history._index += 1;
+                                // remove newer entries in history when something new was added
+                                // because timeline was changes with interaction
+                                t.o.plugins.history._stack = stack.slice(
+                                    0, t.o.plugins.history._index
+                                );
+                                // now add new state to modified history
+                                t.o.plugins.history._stack.push(newState);
+                            } else {
+                                // modify last stack entry
+                                t.o.plugins.history._stack[index] = newState;
+                            }
+
+                            toggleButtonStates();
+                        }
+                    };
+
+                    var toggleButtonStates = function () {
+                        var index = t.o.plugins.history._index,
+                            stackSize = t.o.plugins.history._stack.length,
+                            undoState = (index > 0),
+                            redoState = (stackSize !== 0 && index !== stackSize - 1);
+
+                        toggleButtonState('historyUndo', undoState);
+                        toggleButtonState('historyRedo', redoState);
+                    };
+
+                    var toggleButtonState = function (btn, enable) {
+                        var button = t.$box.find('.trumbowyg-' + btn + '-button');
+
+                        if (enable) {
+                            button.removeClass('trumbowyg-disable');
+                        } else if (!button.hasClass('trumbowyg-disable')) {
+                            button.addClass('trumbowyg-disable');
+                        }
+                    };
+
+                    var arraysAreIdentical = function (a, b) {
+                        if (a === b) {
+                            return true;
+                        }
+                        if (a == null || b == null) {
+                            return false;
+                        }
+                        if (a.length !== b.length) {
+                            return false;
+                        }
+
+                        for (var i = 0; i < a.length; i += 1) {
+                            if (a[i] !== b[i]) {
+                                return false;
+                            }
+                        }
+                        return true;
+                    };
+
+                    var carretToEnd = function () {
+                        var node = t.doc.getSelection().focusNode,
+                            range = t.doc.createRange();
+
+                        if (node.childNodes.length > 0) {
+                            range.setStartAfter(node.childNodes[node.childNodes.length - 1]);
+                            range.setEndAfter(node.childNodes[node.childNodes.length - 1]);
+                            t.doc.getSelection().removeAllRanges();
+                            t.doc.getSelection().addRange(range);
+                        }
+                    };
+
+                    t.$c.on('tbwinit tbwchange', pushToHistory);
+
+                    t.addBtnDef('historyRedo', btnBuildDefRedo);
+                    t.addBtnDef('historyUndo', btnBuildDefUndo);
+                }
+            }
+        }
+    });
+})(jQuery);