activeadmin_trumbowyg 0.1.1 → 0.2.0

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

@@ -0,0 +1 @@
+!function(e){"use strict";function i(e){e.stopPropagation(),e.preventDefault()}function t(e){e.$ed.find("canvas.resizable").resizable("destroy").off("mousedown",i).removeClass("resizable"),r.reset(),e.syncCode()}var s={minSize:32,step:4},n=function(){this.resizeCanvas=document.createElement("canvas"),this.resizeCanvas.setAttribute("tabindex","0"),this.resizeCanvas.id="trumbowyg-resizimg-"+ +new Date,this.ctx=null,this.resizeImg=null,this.pressEscape=function(e){e.reset()},this.pressBackspaceOrDelete=function(i){e(i.resizeCanvas).replaceWith(""),i.resizeImg=null};var t,s,n=!1,r=!1,a=function(e){var i=e.getBoundingClientRect();t=i.left,s=i.top},h=function(e,i,t,s,n){return i.translate(.5,.5),i.lineWidth=1,i.drawImage(t,5,5,s-10,n-10),i.beginPath(),i.rect(5,5,s-10,n-10),i.stroke(),i.beginPath(),i.fillStyle="rgb(255, 255, 255)",i.rect(s-10,n-10,9,9),i.fill(),i.stroke(),a(e),i};this.init=function(){var i=this;e(window).on("scroll resize",function(){i.reCalcOffset()})},this.reCalcOffset=function(){a(this.resizeCanvas)},this.canvasId=function(){return this.resizeCanvas.id},this.isActive=function(){return null!==this.resizeImg},this.isFocusedNow=function(){return n},this.blurNow=function(){n=!1},this.reset=function(){null!==this.resizeImg&&(this.resizeImg.width=this.resizeCanvas.clientWidth-10,this.resizeImg.height=this.resizeCanvas.clientHeight-10,this.resizeImg.removeAttribute("style"),e(this.resizeCanvas).replaceWith(e(this.resizeImg)),this.resizeCanvas.removeAttribute("style"),this.resizeImg=null)},this.setup=function(a,o){if(this.resizeImg=a,!this.resizeCanvas.getContext)return!1;n=!0,this.resizeCanvas.width=e(this.resizeImg).width()+10,this.resizeCanvas.height=e(this.resizeImg).height()+10,this.resizeCanvas.style.margin="-5px",this.ctx=this.resizeCanvas.getContext("2d"),e(this.resizeImg).replaceWith(e(this.resizeCanvas)),h(this.resizeCanvas,this.ctx,this.resizeImg,this.resizeCanvas.width,this.resizeCanvas.height),e(this.resizeCanvas).resizable(o).on("mousedown",i);var c=this;return e(this.resizeCanvas).on("mousemove",function(e){var i=Math.round(e.clientX-t),n=Math.round(e.clientY-s),a=r;c.ctx.rect(c.resizeCanvas.width-10,c.resizeCanvas.height-10,9,9),r=c.ctx.isPointInPath(i,n),a!==r&&(this.style.cursor=r?"se-resize":"default")}).on("keydown",function(e){if(c.isActive()){var i=e.keyCode;27===i?c.pressEscape(c):8!==i&&46!==i||c.pressBackspaceOrDelete(c)}}).on("focus",i),this.resizeCanvas.focus(),!0},this.refresh=function(){this.resizeCanvas.getContext&&(this.resizeCanvas.width=this.resizeCanvas.clientWidth,this.resizeCanvas.height=this.resizeCanvas.clientHeight,h(this.resizeCanvas,this.ctx,this.resizeImg,this.resizeCanvas.width,this.resizeCanvas.height))}},r=new n;e.extend(!0,e.trumbowyg,{plugins:{resizimg:{init:function(n){function a(){n.$ed.find("img").off("click").on("click",function(e){r.isActive()&&r.reset(),r.setup(this,n.o.plugins.resizimg.resizable),i(e)})}n.o.plugins.resizimg=e.extend(!0,{},s,n.o.plugins.resizimg||{},{resizable:{resizeWidth:!1,onDragStart:function(e,i){var t=n.o.plugins.resizimg,s=e.pageX-i.offset().left,r=e.pageY-i.offset().top;if(s<i.width()-t.minSize||r<i.height()-t.minSize)return!1},onDrag:function(e,i,t,s){var r=n.o.plugins.resizimg;return s<r.minSize&&(s=r.minSize),s-=s%r.step,i.height(s),!1},onDragEnd:function(){r.refresh(),n.syncCode()}}}),n.$c.on("tbwinit",function(){a(),n.$ed.on("click",function(t){e(t.target).is("img")||t.target.id===r.canvasId()||(i(t),r.reset(),n.$c.trigger("tbwchange"))}),n.$ed.on("scroll",function(){r.reCalcOffset()})}),n.$c.on("tbwfocus tbwchange",a),n.$c.on("tbwresize",function(){r.reCalcOffset()}),n.$c.on("tbwblur",function(){r.isFocusedNow()?r.blurNow():t(n)})},destroy:function(e){t(e)}}}})}(jQuery);

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

@@ -0,0 +1,94 @@
+/* ===========================================================
+ * trumbowyg.ruby.js v1.0
+ * Ruby text plugin for Trumbowyg
+ * http://alex-d.github.com/Trumbowyg
+ * ===========================================================
+ * Author	: Fathi Anshory (0x00000F5C)
+ * Twitter	: @fscchannl
+ * Comment	: Since I use trumbowyg in my project and required it to insert ruby text, so I thought I can contribute a little. :D
+ */
+
+(function ($) {
+    'use strict';
+
+    $.extend(true, $.trumbowyg, {
+        langs: {
+            // jshint camelcase:false
+            en: {
+                ruby: 'Add ruby text',
+                rubyModal: 'Ruby modal',
+                rubyText: 'Ruby text'
+            },
+            da: {
+                ruby: 'Tilføj ruby tekst',
+                rubyModal: 'Ruby modal',
+                rubyText: 'Ruby tekst'
+            },
+            fr: {
+                ruby: 'Ajouter du texte ruby',
+                rubyModal: 'Modale ruby',
+                rubyText: 'Texte ruby'
+            },
+            id: {
+                ruby: 'Sisipkan teks ruby',
+                rubyModal: 'Modal teks ruby',
+                rubyText: 'Teks ruby'
+            },
+            ko: {
+                ruby: '루비 문자 넣기',
+                rubyModal: '대상 문자',
+                rubyText: '루비 문자'
+            },
+            pt_br: {
+                ruby: 'Adicionar texto ruby',
+                rubyModal: 'Modal ruby',
+                rubyText: 'Texto ruby'
+            },
+            tr: {
+                ruby: 'Ruby metni ekle',
+                rubyModal: 'Ruby modal',
+                rubyText: 'Ruby metni'
+            },
+            zh_tw: {
+                ruby: '加入 ruby 文字',
+                rubyModal: 'Ruby 彈跳視窗',
+                rubyText: 'Ruby 文字'
+            },
+            // jshint camelcase:true
+        },
+        plugins: {
+            ruby: {
+                init: function (trumbowyg) {
+                    var btnDef = {
+                        fn: function () {
+                            trumbowyg.saveRange();
+                            trumbowyg.openModalInsert(
+                                trumbowyg.lang.ruby,
+                                {
+                                    rubyText: {
+                                        label: trumbowyg.lang.rubyText,
+                                        required: false,
+                                    },
+                                    modal: {
+                                        label: trumbowyg.lang.rubyModal,
+                                        value: trumbowyg.getRangeText(),
+                                        required: true
+                                    }
+                                },
+                                function (v) {
+                                    var node = $('<ruby title="' + v.rubyText + '">' + v.modal + '<rp> (</rp><rt>' + v.rubyText + '</rt><rp>)</rp></ruby>')[0];
+                                    trumbowyg.range.deleteContents();
+                                    trumbowyg.range.insertNode(node);
+                                    trumbowyg.syncCode();
+                                    trumbowyg.$c.trigger('tbwchange');
+                                    return true;
+                                }
+                            );
+                        }
+                    };
+                    trumbowyg.addBtnDef('ruby', btnDef);
+                }
+            }
+        }
+    });
+})(jQuery);

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

@@ -0,0 +1 @@
+!function(r){"use strict";r.extend(!0,r.trumbowyg,{langs:{en:{ruby:"Add ruby text",rubyModal:"Ruby modal",rubyText:"Ruby text"},da:{ruby:"Tilføj ruby tekst",rubyModal:"Ruby modal",rubyText:"Ruby tekst"},fr:{ruby:"Ajouter du texte ruby",rubyModal:"Modale ruby",rubyText:"Texte ruby"},id:{ruby:"Sisipkan teks ruby",rubyModal:"Modal teks ruby",rubyText:"Teks ruby"},ko:{ruby:"루비 문자 넣기",rubyModal:"대상 문자",rubyText:"루비 문자"},pt_br:{ruby:"Adicionar texto ruby",rubyModal:"Modal ruby",rubyText:"Texto ruby"},tr:{ruby:"Ruby metni ekle",rubyModal:"Ruby modal",rubyText:"Ruby metni"},zh_tw:{ruby:"加入 ruby 文字",rubyModal:"Ruby 彈跳視窗",rubyText:"Ruby 文字"}},plugins:{ruby:{init:function(u){var e={fn:function(){u.saveRange(),u.openModalInsert(u.lang.ruby,{rubyText:{label:u.lang.rubyText,required:!1},modal:{label:u.lang.rubyModal,value:u.getRangeText(),required:!0}},function(e){var b=r('<ruby title="'+e.rubyText+'">'+e.modal+"<rp> (</rp><rt>"+e.rubyText+"</rt><rp>)</rp></ruby>")[0];return u.range.deleteContents(),u.range.insertNode(b),u.syncCode(),u.$c.trigger("tbwchange"),!0})}};u.addBtnDef("ruby",e)}}}})}(jQuery);

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

@@ -0,0 +1,79 @@
+/* ===========================================================
+ * trumbowyg.specialchars.js v0.99
+ * Unicode characters picker plugin for Trumbowyg
+ * http://alex-d.github.com/Trumbowyg
+ * ===========================================================
+ * Author : Renaud Hoyoux (geektortoise)
+*/
+
+(function ($) {
+    'use strict';
+
+    var defaultOptions = {
+        symbolList: [
+            // currencies
+            '0024', '20AC', '00A3', '00A2', '00A5', '00A4', '2030', null,
+            // legal signs
+            '00A9', '00AE', '2122', null,
+            // textual sign
+            '00A7', '00B6', '00C6', '00E6', '0152', '0153', null,
+            '2022', '25CF', '2023', '25B6', '2B29', '25C6', null,
+            //maths
+            '00B1', '00D7', '00F7', '21D2', '21D4', '220F', '2211', '2243', '2264', '2265'
+        ]
+    };
+
+    $.extend(true, $.trumbowyg, {
+        langs: {
+            en: {
+                specialChars: 'Special characters'
+            },
+            fr: {
+                specialChars: 'Caractères spéciaux'
+            },
+            ko: {
+                specialChars: '특수문자'
+            },
+        },
+        plugins: {
+            specialchars: {
+                init: function (trumbowyg) {
+                    trumbowyg.o.plugins.specialchars = trumbowyg.o.plugins.specialchars || defaultOptions;
+                    var specialCharsBtnDef = {
+                        dropdown: buildDropdown(trumbowyg)
+                    };
+
+                    trumbowyg.addBtnDef('specialChars', specialCharsBtnDef);
+                }
+            }
+        }
+    });
+
+    function buildDropdown(trumbowyg) {
+        var dropdown = [];
+        $.each(trumbowyg.o.plugins.specialchars.symbolList, function (i, symbol) {
+            if (symbol === null) {
+                symbol = '&nbsp';
+            } else {
+                symbol = '&#x' + symbol;
+            }
+
+            var btn = symbol.replace(/:/g, ''),
+                defaultSymbolBtnName = 'symbol-' + btn,
+                defaultSymbolBtnDef = {
+                    text: symbol,
+                    hasIcon: false,
+                    fn: function () {
+                        var encodedSymbol = String.fromCodePoint(parseInt(symbol.replace('&#', '0')));
+                        trumbowyg.execCmd('insertText', encodedSymbol);
+                        return true;
+                    }
+                };
+
+            trumbowyg.addBtnDef(defaultSymbolBtnName, defaultSymbolBtnDef);
+            dropdown.push(defaultSymbolBtnName);
+        });
+
+        return dropdown;
+    }
+})(jQuery);

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

@@ -0,0 +1 @@
+!function(s){"use strict";function a(a){var n=[];return s.each(a.o.plugins.specialchars.symbolList,function(s,e){e=null===e?"&nbsp":"&#x"+e;var r=e.replace(/:/g,""),l="symbol-"+r,c={text:e,hasIcon:!1,fn:function(){var s=String.fromCodePoint(parseInt(e.replace("&#","0")));return a.execCmd("insertText",s),!0}};a.addBtnDef(l,c),n.push(l)}),n}var n={symbolList:["0024","20AC","00A3","00A2","00A5","00A4","2030",null,"00A9","00AE","2122",null,"00A7","00B6","00C6","00E6","0152","0153",null,"2022","25CF","2023","25B6","2B29","25C6",null,"00B1","00D7","00F7","21D2","21D4","220F","2211","2243","2264","2265"]};s.extend(!0,s.trumbowyg,{langs:{en:{specialChars:"Special characters"},fr:{specialChars:"Caractères spéciaux"},ko:{specialChars:"특수문자"}},plugins:{specialchars:{init:function(s){s.o.plugins.specialchars=s.o.plugins.specialchars||n;var e={dropdown:a(s)};s.addBtnDef("specialChars",e)}}}})}(jQuery);

data/app/assets/{stylesheets/activeadmin/trumbowyg/plugins/emoji/ui/sass/trumbowyg.emoji.scss → javascripts/activeadmin/trumbowyg/plugins/specialchars/ui/sass/trumbowyg.specialchars.scss}

@@ -1,5 +1,5 @@
 /**
- * Trumbowyg v2.8.1 - A lightweight WYSIWYG editor
+ * Trumbowyg v2.21.0 - A lightweight WYSIWYG editor
  * Default stylesheet for Trumbowyg editor plugin
  * ------------------------
  * @link http://alex-d.github.io/Trumbowyg
@@ -9,19 +9,19 @@
  *         Website : alex-d.fr
  */
 
-.trumbowyg-dropdown-emoji {
-    width: 265px;
-    padding: 7px 0 7px 5px;
-    height: 200px;
-    overflow-y: scroll;
-    overflow-x: hidden;
+.trumbowyg-symbol-\&nbsp-dropdown-button {
+    display: none !important;
+}
+.trumbowyg-symbol-\&nbsp-dropdown-button + button {
+    clear: both;
 }
 
-.trumbowyg-dropdown-emoji svg {
-    display: none !important;
+.trumbowyg-dropdown-specialChars {
+    width: 248px;
+    padding: 5px 3px 3px;
 }
 
-.trumbowyg-dropdown-emoji button {
+.trumbowyg-dropdown-specialChars button {
     display: block;
     position: relative;
     float: left;
@@ -49,7 +49,7 @@
     }
 }
 
-.trumbowyg .emoji {
+.trumbowyg .specialChars {
     width: 22px;
     height: 22px;
     display: inline-block;

data/app/assets/{stylesheets/activeadmin/trumbowyg/plugins/emoji/ui/trumbowyg.emoji.css → javascripts/activeadmin/trumbowyg/plugins/specialchars/ui/trumbowyg.specialchars.css}

@@ -1,5 +1,5 @@
 /**
- * Trumbowyg v2.8.1 - A lightweight WYSIWYG editor
+ * Trumbowyg v2.21.0 - A lightweight WYSIWYG editor
  * Trumbowyg plugin stylesheet
  * ------------------------
  * @link http://alex-d.github.io/Trumbowyg
@@ -9,17 +9,17 @@
  *         Website : alex-d.fr
  */
 
-.trumbowyg-dropdown-emoji {
-  width: 265px;
-  padding: 7px 0 7px 5px;
-  height: 200px;
-  overflow-y: scroll;
-  overflow-x: hidden; }
-
-.trumbowyg-dropdown-emoji svg {
+.trumbowyg-symbol-\&nbsp-dropdown-button {
   display: none !important; }
 
-.trumbowyg-dropdown-emoji button {
+.trumbowyg-symbol-\&nbsp-dropdown-button + button {
+  clear: both; }
+
+.trumbowyg-dropdown-specialChars {
+  width: 248px;
+  padding: 5px 3px 3px; }
+
+.trumbowyg-dropdown-specialChars button {
   display: block;
   position: relative;
   float: left;
@@ -29,7 +29,7 @@
   margin: 2px;
   line-height: 24px;
   text-align: center; }
-  .trumbowyg-dropdown-emoji button:hover::after, .trumbowyg-dropdown-emoji button:focus::after {
+  .trumbowyg-dropdown-specialChars button:hover::after, .trumbowyg-dropdown-specialChars button:focus::after {
     display: block;
     position: absolute;
     top: -5px;
@@ -41,7 +41,7 @@
     z-index: 10;
     background-color: transparent; }
 
-.trumbowyg .emoji {
+.trumbowyg .specialChars {
   width: 22px;
   height: 22px;
   display: inline-block; }

data/app/assets/javascripts/activeadmin/trumbowyg/plugins/specialchars/ui/trumbowyg.specialchars.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-symbol-\&nbsp-dropdown-button{display:none!important}.trumbowyg-symbol-\&nbsp-dropdown-button+button{clear:both}.trumbowyg-dropdown-specialChars{width:248px;padding:5px 3px 3px}.trumbowyg-dropdown-specialChars button{display:block;position:relative;float:left;height:26px;width:26px;padding:0;margin:2px;line-height:24px;text-align:center}.trumbowyg-dropdown-specialChars button:focus::after,.trumbowyg-dropdown-specialChars button:hover::after{display:block;position:absolute;top:-5px;left:-5px;height:27px;width:27px;background:inherit;box-shadow:#000 0 0 2px;z-index:10;background-color:transparent}.trumbowyg .specialChars{width:22px;height:22px;display:inline-block}

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

@@ -1,154 +1,419 @@
 /* ===========================================================
- * trumbowyg.table.js v1.2
+ * trumbowyg.table.custom.js v2.0
  * Table plugin for Trumbowyg
  * http://alex-d.github.com/Trumbowyg
  * ===========================================================
- * Author : Lawrence Meckan
- *          Twitter : @absalomedia
- *          Website : absalom.biz
+ * Author : Sven Dunemann [dunemann@forelabs.eu]
  */
 
 (function ($) {
     'use strict';
 
     var defaultOptions = {
-        rows: 0,
-        columns: 0,
-        styler: ''
+        rows: 8,
+        columns: 8,
+        styler: 'table'
     };
 
     $.extend(true, $.trumbowyg, {
         langs: {
+            // jshint camelcase:false
             en: {
                 table: 'Insert table',
-                tableAddRow: 'Add rows',
-                tableAddColumn: 'Add columns',
-                rows: 'Rows',
-                columns: 'Columns',
-                styler: 'Table class',
+                tableAddRow: 'Add row',
+                tableAddRowAbove: 'Add row above',
+                tableAddColumnLeft: 'Add column to the left',
+                tableAddColumn: 'Add column to the right',
+                tableDeleteRow: 'Delete row',
+                tableDeleteColumn: 'Delete column',
+                tableDestroy: 'Delete table',
+                error: 'Error'
+            },
+            da: {
+                table: 'Indsæt tabel',
+                tableAddRow: 'Tilføj række',
+                tableAddRowAbove: 'Tilføj række',
+                tableAddColumnLeft: 'Tilføj kolonne',
+                tableAddColumn: 'Tilføj kolonne',
+                tableDeleteRow: 'Slet række',
+                tableDeleteColumn: 'Slet kolonne',
+                tableDestroy: 'Slet tabel',
+                error: 'Fejl'
+            },
+            de: {
+                table: 'Tabelle einfügen',
+                tableAddRow: 'Zeile hinzufügen',
+                tableAddRowAbove: 'Zeile hinzufügen',
+                tableAddColumnLeft: 'Spalte hinzufügen',
+                tableAddColumn: 'Spalte hinzufügen',
+                tableDeleteRow: 'Zeile löschen',
+                tableDeleteColumn: 'Spalte löschen',
+                tableDestroy: 'Tabelle löschen',
                 error: 'Error'
             },
             sk: {
                 table: 'Vytvoriť tabuľky',
                 tableAddRow: 'Pridať riadok',
+                tableAddRowAbove: 'Pridať riadok',
+                tableAddColumnLeft: 'Pridať stĺpec',
                 tableAddColumn: 'Pridať stĺpec',
-                rows: 'Riadky',
-                columns: 'Stĺpce',
-                styler: 'Tabuľku triedy',
                 error: 'Chyba'
             },
             fr: {
                 table: 'Insérer un tableau',
                 tableAddRow: 'Ajouter des lignes',
+                tableAddRowAbove: 'Ajouter des lignes',
+                tableAddColumnLeft: 'Ajouter des colonnes',
                 tableAddColumn: 'Ajouter des colonnes',
-                rows: 'Lignes',
-                columns: 'Colonnes',
-                styler: 'Classes CSS sur la table',
+                tableDeleteRow: 'Effacer la ligne',
+                tableDeleteColumn: 'Effacer la colonne',
+                tableDestroy: 'Effacer le tableau',
                 error: 'Erreur'
             },
             cs: {
                 table: 'Vytvořit příkaz Table',
                 tableAddRow: 'Přidat řádek',
+                tableAddRowAbove: 'Přidat řádek',
+                tableAddColumnLeft: 'Přidat sloupec',
                 tableAddColumn: 'Přidat sloupec',
-                rows: 'Řádky',
-                columns: 'Sloupce',
-                styler: 'Tabulku třída',
                 error: 'Chyba'
             },
             ru: {
                 table: 'Вставить таблицу',
-                tableAddRow: 'Добавить строки',
-                tableAddColumn: 'Добавить столбцы',
-                rows: 'Строки',
-                columns: 'Столбцы',
-                styler: 'Имя CSS класса для таблицы',
+                tableAddRow: 'Добавить строку',
+                tableAddRowAbove: 'Добавить строку',
+                tableAddColumnLeft: 'Добавить столбец',
+                tableAddColumn: 'Добавить столбец',
+                tableDeleteRow: 'Удалить строку',
+                tableDeleteColumn: 'Удалить столбец',
+                tableDestroy: 'Удалить таблицу',
                 error: 'Ошибка'
             },
             ja: {
                 table: '表の挿入',
                 tableAddRow: '行の追加',
+                tableAddRowAbove: '行の追加',
+                tableAddColumnLeft: '列の追加',
                 tableAddColumn: '列の追加',
-                rows: '行',
-                columns: '列',
-                styler: '表のクラス',
                 error: 'エラー'
-            }
+            },
+            tr: {
+                table: 'Tablo ekle',
+                tableAddRow: 'Satır ekle',
+                tableAddRowAbove: 'Satır ekle',
+                tableAddColumnLeft: 'Kolon ekle',
+                tableAddColumn: 'Kolon ekle',
+                error: 'Hata'
+            },
+            zh_tw: {
+                table: '插入表格',
+                tableAddRow: '加入行',
+                tableAddRowAbove: '加入行',
+                tableAddColumnLeft: '加入列',
+                tableAddColumn: '加入列',
+                tableDeleteRow: '刪除行',
+                tableDeleteColumn: '刪除列',
+                tableDestroy: '刪除表格',
+                error: '錯誤'
+            },
+            id: {
+                table: 'Sisipkan tabel',
+                tableAddRow: 'Sisipkan baris',
+                tableAddRowAbove: 'Sisipkan baris',
+                tableAddColumnLeft: 'Sisipkan kolom',
+                tableAddColumn: 'Sisipkan kolom',
+                tableDeleteRow: 'Hapus baris',
+                tableDeleteColumn: 'Hapus kolom',
+                tableDestroy: 'Hapus tabel',
+                error: 'Galat'
+            },
+            pt_br: {
+                table: 'Inserir tabela',
+                tableAddRow: 'Adicionar linha',
+                tableAddRowAbove: 'Adicionar linha',
+                tableAddColumnLeft: 'Adicionar coluna',
+                tableAddColumn: 'Adicionar coluna',
+                tableDeleteRow: 'Deletar linha',
+                tableDeleteColumn: 'Deletar coluna',
+                tableDestroy: 'Deletar tabela',
+                error: 'Erro'
+            },
+            ko: {
+                table: '표 넣기',
+                tableAddRow: '줄 추가',
+                tableAddRowAbove: '줄 추가',
+                tableAddColumnLeft: '칸 추가',
+                tableAddColumn: '칸 추가',
+                tableDeleteRow: '줄 삭제',
+                tableDeleteColumn: '칸 삭제',
+                tableDestroy: '표 지우기',
+                error: '에러'
+            },
+            // jshint camelcase:true
         },
 
         plugins: {
             table: {
-                init: function (trumbowyg) {
-                    trumbowyg.o.plugins.table = $.extend(true, {}, defaultOptions, trumbowyg.o.plugins.table || {});
+                init: function (t) {
+                    t.o.plugins.table = $.extend(true, {}, defaultOptions, t.o.plugins.table || {});
 
-                    var tableBuild = {
+                    var buildButtonDef = {
                         fn: function () {
-                            trumbowyg.saveRange();
-                            trumbowyg.openModalInsert(
-                                // Title
-                                trumbowyg.lang.table,
-
-                                // Fields
-                                {
-                                    rows: {
-                                        type: 'number',
-                                        required: true
-                                    },
-                                    columns: {
-                                        type: 'number',
-                                        required: true
-                                    },
-                                    styler: {
-                                        label: trumbowyg.lang.styler,
-                                        type: 'text'
-                                    }
-                                },
-                                function (v) { // v is value
-                                    var tabler = $('<table></table>');
-                                    if (v.styler.length !== 0) {
-                                        tabler.addClass(v.styler);
-                                    }
+                            t.saveRange();
+
+                            var btnName = 'table';
+
+                            var dropdownPrefix = t.o.prefix + 'dropdown',
+                                dropdownOptions = { // the dropdown
+                                    class: dropdownPrefix + '-' + btnName + ' ' + dropdownPrefix + ' ' + t.o.prefix + 'fixed-top'
+                                };
+                            dropdownOptions['data-' + dropdownPrefix] = btnName;
+                            var $dropdown = $('<div/>', dropdownOptions);
+
+                            if (t.$box.find('.' + dropdownPrefix + '-' + btnName).length === 0) {
+                                t.$box.append($dropdown.hide());
+                            } else {
+                                $dropdown = t.$box.find('.' + dropdownPrefix + '-' + btnName);
+                            }
 
-                                    for (var i = 0; i < v.rows; i += 1) {
-                                        var row = $('<tr></tr>').appendTo(tabler);
-                                        for (var j = 0; j < v.columns; j += 1) {
-                                            $('<td></td>').appendTo(row);
-                                        }
+                            // clear dropdown
+                            $dropdown.html('');
+
+                            // when active table show AddRow / AddColumn
+                            if (t.$box.find('.' + t.o.prefix + 'table-button').hasClass(t.o.prefix + 'active-button')) {
+                                $dropdown.append(t.buildSubBtn('tableAddRowAbove'));
+                                $dropdown.append(t.buildSubBtn('tableAddRow'));
+                                $dropdown.append(t.buildSubBtn('tableAddColumnLeft'));
+                                $dropdown.append(t.buildSubBtn('tableAddColumn'));
+                                $dropdown.append(t.buildSubBtn('tableDeleteRow'));
+                                $dropdown.append(t.buildSubBtn('tableDeleteColumn'));
+                                $dropdown.append(t.buildSubBtn('tableDestroy'));
+                            } else {
+                                var tableSelect = $('<table/>');
+                                $('<tbody/>').appendTo(tableSelect);
+                                for (var i = 0; i < t.o.plugins.table.rows; i += 1) {
+                                    var row = $('<tr/>').appendTo(tableSelect);
+                                    for (var j = 0; j < t.o.plugins.table.columns; j += 1) {
+                                        $('<td/>').appendTo(row);
                                     }
+                                }
+                                tableSelect.find('td').on('mouseover', tableAnimate);
+                                tableSelect.find('td').on('mousedown', tableBuild);
 
-                                    trumbowyg.range.deleteContents();
-                                    trumbowyg.range.insertNode(tabler[0]);
-                                    return true;
-                                });
+                                $dropdown.append(tableSelect);
+                                $dropdown.append($('<div class="trumbowyg-table-size">1x1</div>'));
+                            }
+
+                            t.dropdown(btnName);
+                        }
+                    };
+
+                    var tableAnimate = function(columnEvent) {
+                        var column = $(columnEvent.target),
+                            table = column.closest('table'),
+                            colIndex = this.cellIndex,
+                            rowIndex = this.parentNode.rowIndex;
+
+                        // reset all columns
+                        table.find('td').removeClass('active');
+
+                        for (var i = 0; i <= rowIndex; i += 1) {
+                            for (var j = 0; j <= colIndex; j += 1) {
+                                table.find('tr:nth-of-type('+(i+1)+')').find('td:nth-of-type('+(j+1)+')').addClass('active');
+                            }
+                        }
+
+                        // set label
+                        table.next('.trumbowyg-table-size').html((colIndex+1) + 'x' + (rowIndex+1));
+                    };
+
+                    var tableBuild = function() {
+                        t.saveRange();
+
+                        var tabler = $('<table/>');
+                        $('<tbody/>').appendTo(tabler);
+                        if (t.o.plugins.table.styler) {
+                            tabler.attr('class', t.o.plugins.table.styler);
+                        }
+
+                        var colIndex = this.cellIndex,
+                            rowIndex = this.parentNode.rowIndex;
+
+                        for (var i = 0; i <= rowIndex; i += 1) {
+                            var row = $('<tr></tr>').appendTo(tabler);
+                            for (var j = 0; j <= colIndex; j += 1) {
+                                $('<td/>').appendTo(row);
+                            }
                         }
+
+                        t.range.deleteContents();
+                        t.range.insertNode(tabler[0]);
+                        t.$c.trigger('tbwchange');
                     };
 
                     var addRow = {
+                        title: t.lang.tableAddRow,
+                        text: t.lang.tableAddRow,
+                        ico: 'row-below',
+
+                        fn: function () {
+                            t.saveRange();
+
+                            var node = t.doc.getSelection().focusNode;
+                            var focusedRow = $(node).closest('tr');
+                            var table = $(node).closest('table');
+
+                            if(table.length > 0) {
+                                var row = $('<tr/>');
+                                // add columns according to current columns count
+                                for (var i = 0; i < table.find('tr')[0].childElementCount; i += 1) {
+                                    $('<td/>').appendTo(row);
+                                }
+                                // add row to table
+                                focusedRow.after(row);
+                            }
+
+                            t.syncCode();
+                        }
+                    };
+
+                    var addRowAbove = {
+                        title: t.lang.tableAddRowAbove,
+                        text: t.lang.tableAddRowAbove,
+                        ico: 'row-above',
+
                         fn: function () {
-                            trumbowyg.saveRange();
-                            var rower = $('<tr></tr>');
-                            trumbowyg.range.deleteContents();
-                            trumbowyg.range.insertNode(rower[0]);
-                            return true;
+                            t.saveRange();
+
+                            var node = t.doc.getSelection().focusNode;
+                            var focusedRow = $(node).closest('tr');
+                            var table = $(node).closest('table');
+
+                            if(table.length > 0) {
+                                var row = $('<tr/>');
+                                // add columns according to current columns count
+                                for (var i = 0; i < table.find('tr')[0].childElementCount; i += 1) {
+                                    $('<td/>').appendTo(row);
+                                }
+                                // add row to table
+                                focusedRow.before(row);
+                            }
 
+                            t.syncCode();
                         }
                     };
 
                     var addColumn = {
+                        title: t.lang.tableAddColumn,
+                        text: t.lang.tableAddColumn,
+                        ico: 'col-right',
+
+                        fn: function () {
+                            t.saveRange();
+
+                            var node = t.doc.getSelection().focusNode;
+                            var focusedCol = $(node).closest('td');
+                            var table = $(node).closest('table');
+                            var focusedColIdx = focusedCol.index();
+
+                            if(table.length > 0) {
+                                $(table).find('tr').each(function() {
+                                    $($(this).children()[focusedColIdx]).after('<td></td>');
+                                });
+                            }
+
+                            t.syncCode();
+                        }
+                    };
+
+                    var addColumnLeft = {
+                        title: t.lang.tableAddColumnLeft,
+                        text: t.lang.tableAddColumnLeft,
+                        ico: 'col-left',
+
+                        fn: function () {
+                            t.saveRange();
+
+                            var node = t.doc.getSelection().focusNode;
+                            var focusedCol = $(node).closest('td');
+                            var table = $(node).closest('table');
+                            var focusedColIdx = focusedCol.index();
+
+                            if(table.length > 0) {
+                                $(table).find('tr').each(function() {
+                                    $($(this).children()[focusedColIdx]).before('<td></td>');
+                                });
+                            }
+
+                            t.syncCode();
+                        }
+                    };
+
+                    var destroy = {
+                        title: t.lang.tableDestroy,
+                        text: t.lang.tableDestroy,
+                        ico: 'table-delete',
+
+                        fn: function () {
+                            t.saveRange();
+
+                            var node = t.doc.getSelection().focusNode,
+                                table = $(node).closest('table');
+
+                            table.remove();
+
+                            t.syncCode();
+                        }
+                    };
+
+                    var deleteRow = {
+                        title: t.lang.tableDeleteRow,
+                        text: t.lang.tableDeleteRow,
+                        ico: 'row-delete',
+
                         fn: function () {
-                            trumbowyg.saveRange();
-                            var columner = $('<td></td>');
-                            trumbowyg.range.deleteContents();
-                            trumbowyg.range.insertNode(columner[0]);
-                            return true;
+                            t.saveRange();
+
+                            var node = t.doc.getSelection().focusNode,
+                                row = $(node).closest('tr');
+
+                            row.remove();
+
+                            t.syncCode();
+                        }
+                    };
+
+                    var deleteColumn = {
+                        title: t.lang.tableDeleteColumn,
+                        text: t.lang.tableDeleteColumn,
+                        ico: 'col-delete',
+
+                        fn: function () {
+                            t.saveRange();
+
+                            var node = t.doc.getSelection().focusNode,
+                                table = $(node).closest('table'),
+                                td = $(node).closest('td'),
+                                cellIndex = td.index();
+
+                            $(table).find('tr').each(function() {
+                                $(this).find('td:eq(' + cellIndex + ')').remove();
+                            });
 
+                            t.syncCode();
                         }
                     };
 
-                    trumbowyg.addBtnDef('table', tableBuild);
-                    trumbowyg.addBtnDef('tableAddRow', addRow);
-                    trumbowyg.addBtnDef('tableAddColumn', addColumn);
+                    t.addBtnDef('table', buildButtonDef);
+                    t.addBtnDef('tableAddRowAbove', addRowAbove);
+                    t.addBtnDef('tableAddRow', addRow);
+                    t.addBtnDef('tableAddColumnLeft', addColumnLeft);
+                    t.addBtnDef('tableAddColumn', addColumn);
+                    t.addBtnDef('tableDeleteRow', deleteRow);
+                    t.addBtnDef('tableDeleteColumn', deleteColumn);
+                    t.addBtnDef('tableDestroy', destroy);
                 }
             }
         }
     });
-})(jQuery);
+})(jQuery);