activeadmin_trumbowyg 0.1.0

data/app/assets/javascripts/activeadmin/trumbowyg/langs/vi.min.js

@@ -0,0 +1,9 @@
+/* ===========================================================
+ * vi.js
+ * Vietnamese translation for Trumbowyg
+ * http://alex-d.github.com/Trumbowyg
+ * ===========================================================
+ * Author : heocoi
+ *          Github: https://github.com/heocoi
+ */
+jQuery.trumbowyg.langs.vi={viewHTML:"Hiển thị HTML",formatting:"Định dạng",p:"Đoạn",blockquote:"Trích dẫn",code:"Code",header:"Đầu trang",bold:"In đậm",italic:"In nghiêng",strikethrough:"Gạch ngang",underline:"Gạch chân",strong:"In đậm",em:"In nghiêng",del:"Gạch ngang",unorderedList:"Danh sách không thứ tự",orderedList:"Danh sách có thứ tự",insertImage:"Chèn hình ảnh",insertVideo:"Chèn video",link:"Đường dẫn",createLink:"Tạo đường dẫn",unlink:"Hủy đường dẫn",justifyLeft:"Canh lề trái",justifyCenter:"Canh giữa",justifyRight:"Canh lề phải",justifyFull:"Canh đều",horizontalRule:"Thêm đường kẻ ngang",fullscreen:"Toàn màn hình",close:"Đóng",submit:"Đồng ý",reset:"Hủy bỏ",required:"Bắt buộc",description:"Mô tả",title:"Tiêu đề",text:"Nội dung"};

data/app/assets/javascripts/activeadmin/trumbowyg/langs/zh_cn.min.js

@@ -0,0 +1,11 @@
+/* ===========================================================
+ * zh_cn.js
+ * Simplified Chinese translation for Trumbowyg
+ * http://alex-d.github.com/Trumbowyg
+ * ===========================================================
+ * Author : Liu Kai (akai)
+ *          Twitter : @akai404
+ *          Github : https://github.com/akai
+ */
+// jshint camelcase:false
+jQuery.trumbowyg.langs.zh_cn={viewHTML:"源代码",formatting:"格式",p:"段落",blockquote:"引用",code:"代码",header:"标题",bold:"加粗",italic:"斜体",strikethrough:"删除线",underline:"下划线",strong:"加粗",em:"斜体",del:"删除线",unorderedList:"无序列表",orderedList:"有序列表",insertImage:"插入图片",insertVideo:"插入视频",link:"超链接",createLink:"插入链接",unlink:"取消链接",justifyLeft:"居左对齐",justifyCenter:"居中对齐",justifyRight:"居右对齐",justifyFull:"两端对齐",horizontalRule:"插入分隔线",fullscreen:"全屏",close:"关闭",submit:"确定",reset:"取消",required:"必需的",description:"描述",title:"标题",text:"文字"};

data/app/assets/javascripts/activeadmin/trumbowyg/langs/zh_tw.min.js

@@ -0,0 +1,11 @@
+/* ===========================================================
+ * zh_tw.js
+ * Traditional Chinese translation for Trumbowyg
+ * http://alex-d.github.com/Trumbowyg
+ * ===========================================================
+ * Author : Peter Dave Hello (PeterDaveHello)
+ *          Twitter : @PeterDaveHello
+ *          Github : https://github.com/PeterDaveHello
+ */
+// jshint camelcase:false
+jQuery.trumbowyg.langs.zh_tw={viewHTML:"原始碼",formatting:"格式",p:"段落",blockquote:"引用",code:"代碼",header:"標題",bold:"加粗",italic:"斜體",strikethrough:"刪除線",underline:"底線",strong:"加粗",em:"斜體",del:"刪除線",unorderedList:"無序列表",orderedList:"有序列表",insertImage:"插入圖片",insertVideo:"插入影片",link:"超連結",createLink:"插入連結",unlink:"取消連結",justifyLeft:"靠左對齊",justifyCenter:"置中對齊",justifyRight:"靠右對齊",justifyFull:"左右對齊",horizontalRule:"插入分隔線",fullscreen:"全螢幕",close:"關閉",submit:"確定",reset:"取消",required:"必需的",description:"描述",title:"標題",text:"文字"};

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

@@ -0,0 +1,121 @@
+/* ===========================================================
+ * trumbowyg.base64.js v1.0
+ * Base64 plugin for Trumbowyg
+ * http://alex-d.github.com/Trumbowyg
+ * ===========================================================
+ * Author : Cyril Biencourt (lizardK)
+ */
+
+(function ($) {
+    'use strict';
+
+    var isSupported = function () {
+        return typeof FileReader !== 'undefined';
+    };
+
+    var isValidImage = function (type) {
+        return /^data:image\/[a-z]?/i.test(type);
+    };
+
+    $.extend(true, $.trumbowyg, {
+        langs: {
+            // jshint camelcase:false
+            en: {
+                base64: 'Image as base64',
+                file: 'File',
+                errFileReaderNotSupported: 'FileReader is not supported by your browser.',
+                errInvalidImage: 'Invalid image file.'
+            },
+            fr: {
+                base64: 'Image en base64',
+                file: 'Fichier'
+            },
+            cs: {
+                base64: 'Vložit obrázek',
+                file: 'Soubor'
+            },
+            zh_cn: {
+                base64: '图片（Base64编码）',
+                file: '文件'
+            },
+            nl: {
+                errFileReaderNotSupported: 'Uw browser ondersteunt deze functionaliteit niet.',
+                errInvalidImage: 'De gekozen afbeelding is ongeldig.'
+            },
+            ru: {
+                base64: 'Изображение как код в base64',
+                file: 'Файл',
+                errFileReaderNotSupported: 'FileReader не поддерживается вашим браузером.',
+                errInvalidImage: 'Недопустимый файл изображения.'
+            },
+            ja: {
+                base64: '画像 (Base64形式)',
+                file: 'ファイル',
+                errFileReaderNotSupported: 'あなたのブラウザーはFileReaderをサポートしていません',
+                errInvalidImage: '画像形式が正しくありません'
+            }
+        },
+        // jshint camelcase:true
+
+        plugins: {
+            base64: {
+                shouldInit: isSupported,
+                init: function (trumbowyg) {
+                    var btnDef = {
+                        isSupported: isSupported,
+                        fn: function () {
+                            trumbowyg.saveRange();
+
+                            var file;
+                            var $modal = trumbowyg.openModalInsert(
+                                // Title
+                                trumbowyg.lang.base64,
+
+                                // Fields
+                                {
+                                    file: {
+                                        type: 'file',
+                                        required: true,
+                                        attributes: {
+                                            accept: 'image/*'
+                                        }
+                                    },
+                                    alt: {
+                                        label: 'description',
+                                        value: trumbowyg.getRangeText()
+                                    }
+                                },
+
+                                // Callback
+                                function (values) {
+                                    var fReader = new FileReader();
+
+                                    fReader.onloadend = function (e) {
+                                        if (isValidImage(e.target.result)) {
+                                            trumbowyg.execCmd('insertImage', fReader.result);
+                                            $(['img[src="', fReader.result, '"]:not([alt])'].join(''), trumbowyg.$box).attr('alt', values.alt);
+                                            trumbowyg.closeModal();
+                                        } else {
+                                            trumbowyg.addErrorOnModalField(
+                                                $('input[type=file]', $modal),
+                                                trumbowyg.lang.errInvalidImage
+                                            );
+                                        }
+                                    };
+
+                                    fReader.readAsDataURL(file);
+                                }
+                            );
+
+                            $('input[type=file]').on('change', function (e) {
+                                file = e.target.files[0];
+                            });
+                        }
+                    };
+
+                    trumbowyg.addBtnDef('base64', btnDef);
+                }
+            }
+        }
+    });
+})(jQuery);

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

@@ -0,0 +1 @@
+!function(e){"use strict";var a=function(){return"undefined"!=typeof FileReader},r=function(e){return/^data:image\/[a-z]?/i.test(e)};e.extend(!0,e.trumbowyg,{langs:{en:{base64:"Image as base64",file:"File",errFileReaderNotSupported:"FileReader is not supported by your browser.",errInvalidImage:"Invalid image file."},fr:{base64:"Image en base64",file:"Fichier"},cs:{base64:"Vložit obrázek",file:"Soubor"},zh_cn:{base64:"图片（Base64编码）",file:"文件"},nl:{errFileReaderNotSupported:"Uw browser ondersteunt deze functionaliteit niet.",errInvalidImage:"De gekozen afbeelding is ongeldig."},ru:{base64:"Изображение как код в base64",file:"Файл",errFileReaderNotSupported:"FileReader не поддерживается вашим браузером.",errInvalidImage:"Недопустимый файл изображения."},ja:{base64:"画像 (Base64形式)",file:"ファイル",errFileReaderNotSupported:"あなたのブラウザーはFileReaderをサポートしていません",errInvalidImage:"画像形式が正しくありません"}},plugins:{base64:{shouldInit:a,init:function(i){var t={isSupported:a,fn:function(){i.saveRange();var a,t=i.openModalInsert(i.lang.base64,{file:{type:"file",required:!0,attributes:{accept:"image/*"}},alt:{label:"description",value:i.getRangeText()}},function(n){var l=new FileReader;l.onloadend=function(a){r(a.target.result)?(i.execCmd("insertImage",l.result),e(['img[src="',l.result,'"]:not([alt])'].join(""),i.$box).attr("alt",n.alt),i.closeModal()):i.addErrorOnModalField(e("input[type=file]",t),i.lang.errInvalidImage)},l.readAsDataURL(a)});e("input[type=file]").on("change",function(e){a=e.target.files[0]})}};i.addBtnDef("base64",t)}}}})}(jQuery);

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

@@ -0,0 +1,179 @@
+/* ===========================================================
+ * trumbowyg.cleanpaste.js v1.0
+ * Font Clean paste plugin for Trumbowyg
+ * http://alex-d.github.com/Trumbowyg
+ * ===========================================================
+ * Author : Eric Radin
+ */
+
+/**
+ * This plugin will perform a "cleaning" on any paste, in particular
+ * it will clean pasted content of microsoft word document tags and classes.
+ */
+(function ($) {
+    'use strict';
+
+    function reverse(sentString) {
+        var theString = '';
+        for (var i = sentString.length - 1; i >= 0; i -= 1) {
+            theString += sentString.charAt(i);
+        }
+        return theString;
+    }
+
+    function checkValidTags(snippet) {
+        var theString = snippet;
+
+        // Replace uppercase element names with lowercase
+        theString = theString.replace(/<[^> ]*/g, function (match) {
+            return match.toLowerCase();
+        });
+
+        // Replace uppercase attribute names with lowercase
+        theString = theString.replace(/<[^>]*>/g, function (match) {
+            match = match.replace(/ [^=]+=/g, function (match2) {
+                return match2.toLowerCase();
+            });
+            return match;
+        });
+
+        // Put quotes around unquoted attributes
+        theString = theString.replace(/<[^>]*>/g, function (match) {
+            match = match.replace(/( [^=]+=)([^"][^ >]*)/g, '$1\"$2\"');
+            return match;
+        });
+
+        return theString;
+    }
+
+    function cleanIt(htmlBefore, htmlAfter) {
+        var matchedHead = '';
+        var matchedTail = '';
+        var afterStart;
+        var afterFinish;
+        var newSnippet;
+
+        // we need to extract the inserted block
+        for (afterStart = 0; htmlAfter.charAt(afterStart) === htmlBefore.charAt(afterStart); afterStart += 1) {
+            matchedHead += htmlAfter.charAt(afterStart);
+        }
+
+        // If afterStart is inside a HTML tag, move to opening brace of tag
+        for (var i = afterStart; i >= 0; i -= 1) {
+            if (htmlBefore.charAt(i) === '<') {
+                afterStart = i;
+                matchedHead = htmlBefore.substring(0, afterStart);
+                break;
+            } else if (htmlBefore.charAt(i) === '>') {
+                break;
+            }
+        }
+
+        // now reverse string and work from the end in
+        htmlAfter = reverse(htmlAfter);
+        htmlBefore = reverse(htmlBefore);
+
+        // Find end of both strings that matches
+        for (afterFinish = 0; htmlAfter.charAt(afterFinish) === htmlBefore.charAt(afterFinish); afterFinish += 1) {
+            matchedTail += htmlAfter.charAt(afterFinish);
+        }
+
+        // If afterFinish is inside a HTML tag, move to closing brace of tag
+        for (var j = afterFinish; j >= 0; j -= 1) {
+            if (htmlBefore.charAt(j) === '>') {
+                afterFinish = j;
+                matchedTail = htmlBefore.substring(0, afterFinish);
+                break;
+            } else if (htmlBefore.charAt(j) === '<') {
+                break;
+            }
+        }
+
+        matchedTail = reverse(matchedTail);
+
+        // If there's no difference in pasted content
+        if (afterStart === (htmlAfter.length - afterFinish)) {
+            return false;
+        }
+
+        htmlAfter = reverse(htmlAfter);
+        newSnippet = htmlAfter.substring(afterStart, htmlAfter.length - afterFinish);
+
+        // first make sure all tags and attributes are made valid
+        newSnippet = checkValidTags(newSnippet);
+
+        // Replace opening bold tags with strong
+        newSnippet = newSnippet.replace(/<b(\s+|>)/g, '<strong$1');
+        // Replace closing bold tags with closing strong
+        newSnippet = newSnippet.replace(/<\/b(\s+|>)/g, '</strong$1');
+
+        // Replace italic tags with em
+        newSnippet = newSnippet.replace(/<i(\s+|>)/g, '<em$1');
+        // Replace closing italic tags with closing em
+        newSnippet = newSnippet.replace(/<\/i(\s+|>)/g, '</em$1');
+
+        // strip out comments -cgCraft
+        newSnippet = newSnippet.replace(/<!(?:--[\s\S]*?--\s*)?>\s*/g, '');
+
+        // strip out &nbsp; -cgCraft
+        newSnippet = newSnippet.replace(/&nbsp;/gi, ' ');
+        // strip out extra spaces -cgCraft
+        newSnippet = newSnippet.replace(/ <\//gi, '</');
+
+        while (newSnippet.indexOf('  ') !== -1) {
+            var anArray = newSnippet.split('  ');
+            newSnippet = anArray.join(' ');
+        }
+
+        // strip &nbsp; -cgCraft
+        newSnippet = newSnippet.replace(/^\s*|\s*$/g, '');
+
+        // Strip out unaccepted attributes
+        newSnippet = newSnippet.replace(/<[^>]*>/g, function (match) {
+            match = match.replace(/ ([^=]+)="[^"]*"/g, function (match2, attributeName) {
+                if (['alt', 'href', 'src', 'title'].indexOf(attributeName) !== -1) {
+                    return match2;
+                }
+                return '';
+            });
+            return match;
+        });
+
+        // Final cleanout for MS Word crud
+        newSnippet = newSnippet.replace(/<\?xml[^>]*>/g, '');
+        newSnippet = newSnippet.replace(/<[^ >]+:[^>]*>/g, '');
+        newSnippet = newSnippet.replace(/<\/[^ >]+:[^>]*>/g, '');
+
+        // remove unwanted tags
+        newSnippet = newSnippet.replace(/<(div|span|style|meta|link){1}.*?>/gi, '');
+
+        htmlAfter = matchedHead + newSnippet + matchedTail;
+        return htmlAfter;
+    }
+
+    // clean editor
+    // this will clean the inserted contents
+    // it does a compare, before and after paste to determine the
+    // pasted contents
+    $.extend(true, $.trumbowyg, {
+        plugins: {
+            cleanPaste: {
+                init: function (trumbowyg) {
+                    trumbowyg.pasteHandlers.push(function () {
+                        try {
+                            var contentBefore = trumbowyg.$ed.html();
+                            setTimeout(function () {
+                                var contentAfter = trumbowyg.$ed.html();
+                                contentAfter = cleanIt(contentBefore, contentAfter);
+                                trumbowyg.$ed.html(contentAfter);
+                            }, 0);
+                        } catch (c) {
+                        }
+                    });
+                }
+            }
+        }
+    });
+})(jQuery);
+
+

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

@@ -0,0 +1 @@
+!function(r){"use strict";function e(r){for(var e="",t=r.length-1;t>=0;t-=1)e+=r.charAt(t);return e}function t(r){var e=r;return e=e.replace(/<[^> ]*/g,function(r){return r.toLowerCase()}),e=e.replace(/<[^>]*>/g,function(r){return r=r.replace(/ [^=]+=/g,function(r){return r.toLowerCase()})}),e=e.replace(/<[^>]*>/g,function(r){return r=r.replace(/( [^=]+=)([^"][^ >]*)/g,'$1"$2"')})}function n(r,n){var a,c,i,l="",s="";for(a=0;n.charAt(a)===r.charAt(a);a+=1)l+=n.charAt(a);for(var u=a;u>=0;u-=1){if("<"===r.charAt(u)){a=u,l=r.substring(0,a);break}if(">"===r.charAt(u))break}for(n=e(n),r=e(r),c=0;n.charAt(c)===r.charAt(c);c+=1)s+=n.charAt(c);for(var g=c;g>=0;g-=1){if(">"===r.charAt(g)){c=g,s=r.substring(0,c);break}if("<"===r.charAt(g))break}if(s=e(s),a===n.length-c)return!1;for(n=e(n),i=n.substring(a,n.length-c),i=t(i),i=i.replace(/<b(\s+|>)/g,"<strong$1"),i=i.replace(/<\/b(\s+|>)/g,"</strong$1"),i=i.replace(/<i(\s+|>)/g,"<em$1"),i=i.replace(/<\/i(\s+|>)/g,"</em$1"),i=i.replace(/<!(?:--[\s\S]*?--\s*)?>\s*/g,""),i=i.replace(/&nbsp;/gi," "),i=i.replace(/ <\//gi,"</");-1!==i.indexOf("  ");){var o=i.split("  ");i=o.join(" ")}return i=i.replace(/^\s*|\s*$/g,""),i=i.replace(/<[^>]*>/g,function(r){return r=r.replace(/ ([^=]+)="[^"]*"/g,function(r,e){return-1!==["alt","href","src","title"].indexOf(e)?r:""})}),i=i.replace(/<\?xml[^>]*>/g,""),i=i.replace(/<[^ >]+:[^>]*>/g,""),i=i.replace(/<\/[^ >]+:[^>]*>/g,""),i=i.replace(/<(div|span|style|meta|link){1}.*?>/gi,""),n=l+i+s}r.extend(!0,r.trumbowyg,{plugins:{cleanPaste:{init:function(r){r.pasteHandlers.push(function(){try{var e=r.$ed.html();setTimeout(function(){var t=r.$ed.html();t=n(e,t),r.$ed.html(t)},0)}catch(t){}})}}}})}(jQuery);

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

@@ -0,0 +1,176 @@
+/* ===========================================================
+ * trumbowyg.colors.js v1.2
+ * Colors picker plugin for Trumbowyg
+ * http://alex-d.github.com/Trumbowyg
+ * ===========================================================
+ * Author : Alexandre Demode (Alex-D)
+ *          Twitter : @AlexandreDemode
+ *          Website : alex-d.fr
+ */
+
+(function ($) {
+    'use strict';
+
+    $.extend(true, $.trumbowyg, {
+        langs: {
+            // jshint camelcase:false
+            cs: {
+                foreColor: 'Barva textu',
+                backColor: 'Barva pozadí'
+            },
+            en: {
+                foreColor: 'Text color',
+                backColor: 'Background color'
+            },
+            fr: {
+                foreColor: 'Couleur du texte',
+                backColor: 'Couleur de fond'
+            },
+            sk: {
+                foreColor: 'Farba textu',
+                backColor: 'Farba pozadia'
+            },
+            zh_cn: {
+                foreColor: '文字颜色',
+                backColor: '背景颜色'
+            },
+            ru: {
+                foreColor: 'Цвет текста',
+                backColor: 'Цвет выделения текста'
+            },
+            ja: {
+                foreColor: '文字色',
+                backColor: '背景色'
+            }
+        }
+    });
+    // jshint camelcase:true
+
+
+    function hex(x) {
+        return ('0' + parseInt(x).toString(16)).slice(-2);
+    }
+
+    function colorToHex(rgb) {
+        if (rgb.search('rgb') === -1) {
+            return rgb.replace('#', '');
+        } else if (rgb === 'rgba(0, 0, 0, 0)') {
+            return 'transparent';
+        } else {
+            rgb = rgb.match(/^rgba?\((\d+),\s*(\d+),\s*(\d+)(?:,\s*(\d+))?\)$/);
+            return hex(rgb[1]) + hex(rgb[2]) + hex(rgb[3]);
+        }
+    }
+
+    function colorTagHandler(element, trumbowyg) {
+        var tags = [];
+
+        if(!element.style){
+            return tags;
+        }
+
+        // background color
+        if (element.style.backgroundColor !== '') {
+            var backColor = colorToHex(element.style.backgroundColor);
+            if (trumbowyg.o.plugins.colors.colorList.indexOf(backColor) >= 0) {
+                tags.push('backColor' + backColor);
+            } else {
+                tags.push('backColorFree');
+            }
+        }
+
+        // text color
+        var foreColor;
+        if (element.style.color !== '') {
+            foreColor = colorToHex(element.style.color);
+        } else if (element.hasAttribute('color')) {
+            foreColor = colorToHex(element.getAttribute('color'));
+        }
+        if (foreColor) {
+            if (trumbowyg.o.plugins.colors.colorList.indexOf(foreColor) >= 0) {
+                tags.push('foreColor' + foreColor);
+            } else {
+                tags.push('foreColorFree');
+            }
+        }
+
+        return tags;
+    }
+
+    var defaultOptions = {
+        colorList: ['ffffff', '000000', 'eeece1', '1f497d', '4f81bd', 'c0504d', '9bbb59', '8064a2', '4bacc6', 'f79646', 'ffff00', 'f2f2f2', '7f7f7f', 'ddd9c3', 'c6d9f0', 'dbe5f1', 'f2dcdb', 'ebf1dd', 'e5e0ec', 'dbeef3', 'fdeada', 'fff2ca', 'd8d8d8', '595959', 'c4bd97', '8db3e2', 'b8cce4', 'e5b9b7', 'd7e3bc', 'ccc1d9', 'b7dde8', 'fbd5b5', 'ffe694', 'bfbfbf', '3f3f3f', '938953', '548dd4', '95b3d7', 'd99694', 'c3d69b', 'b2a2c7', 'b7dde8', 'fac08f', 'f2c314', 'a5a5a5', '262626', '494429', '17365d', '366092', '953734', '76923c', '5f497a', '92cddc', 'e36c09', 'c09100', '7f7f7f', '0c0c0c', '1d1b10', '0f243e', '244061', '632423', '4f6128', '3f3151', '31859b', '974806', '7f6000']
+    };
+
+    // Add all colors in two dropdowns
+    $.extend(true, $.trumbowyg, {
+        plugins: {
+            color: {
+                init: function (trumbowyg) {
+                    trumbowyg.o.plugins.colors = trumbowyg.o.plugins.colors || defaultOptions;
+                    var foreColorBtnDef = {
+                            dropdown: buildDropdown('foreColor', trumbowyg)
+                        },
+                        backColorBtnDef = {
+                            dropdown: buildDropdown('backColor', trumbowyg)
+                        };
+
+                    trumbowyg.addBtnDef('foreColor', foreColorBtnDef);
+                    trumbowyg.addBtnDef('backColor', backColorBtnDef);
+                },
+                tagHandler: colorTagHandler
+            }
+        }
+    });
+
+    function buildDropdown(fn, trumbowyg) {
+        var dropdown = [];
+
+        $.each(trumbowyg.o.plugins.colors.colorList, function (i, color) {
+            var btn = fn + color,
+                btnDef = {
+                    fn: fn,
+                    forceCss: true,
+                    param: '#' + color,
+                    style: 'background-color: #' + color + ';'
+                };
+            trumbowyg.addBtnDef(btn, btnDef);
+            dropdown.push(btn);
+        });
+
+        var removeColorButtonName = fn + 'Remove',
+            removeColorBtnDef = {
+                fn: 'removeFormat',
+                param: fn,
+                style: 'background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAG0lEQVQIW2NkQAAfEJMRmwBYhoGBYQtMBYoAADziAp0jtJTgAAAAAElFTkSuQmCC);'
+            };
+        trumbowyg.addBtnDef(removeColorButtonName, removeColorBtnDef);
+        dropdown.push(removeColorButtonName);
+
+        // add free color btn
+        var freeColorButtonName = fn + 'Free',
+            freeColorBtnDef = {
+                fn: function () {
+                    trumbowyg.openModalInsert(trumbowyg.lang[fn],
+                        {
+                            color: {
+                                label: fn,
+                                value: '#FFFFFF'
+                            }
+                        },
+                        // callback
+                        function (values) {
+                            trumbowyg.execCmd(fn, values.color);
+                            return true;
+                        }
+                    );
+                },
+                text: '#',
+                // style adjust for displaying the text
+                style: 'text-indent: 0;line-height: 20px;padding: 0 5px;'
+            };
+        trumbowyg.addBtnDef(freeColorButtonName, freeColorBtnDef);
+        dropdown.push(freeColorButtonName);
+
+        return dropdown;
+    }
+})(jQuery);

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

@@ -0,0 +1 @@
+!function(o){"use strict";function r(o){return("0"+parseInt(o).toString(16)).slice(-2)}function e(o){return-1===o.search("rgb")?o.replace("#",""):"rgba(0, 0, 0, 0)"===o?"transparent":(o=o.match(/^rgba?\((\d+),\s*(\d+),\s*(\d+)(?:,\s*(\d+))?\)$/),r(o[1])+r(o[2])+r(o[3]))}function f(o,r){var f=[];if(!o.style)return f;if(""!==o.style.backgroundColor){var c=e(o.style.backgroundColor);r.o.plugins.colors.colorList.indexOf(c)>=0?f.push("backColor"+c):f.push("backColorFree")}var a;return""!==o.style.color?a=e(o.style.color):o.hasAttribute("color")&&(a=e(o.getAttribute("color"))),a&&(r.o.plugins.colors.colorList.indexOf(a)>=0?f.push("foreColor"+a):f.push("foreColorFree")),f}function c(r,e){var f=[];o.each(e.o.plugins.colors.colorList,function(o,c){var a=r+c,d={fn:r,forceCss:!0,param:"#"+c,style:"background-color: #"+c+";"};e.addBtnDef(a,d),f.push(a)});var c=r+"Remove",a={fn:"removeFormat",param:r,style:"background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAG0lEQVQIW2NkQAAfEJMRmwBYhoGBYQtMBYoAADziAp0jtJTgAAAAAElFTkSuQmCC);"};e.addBtnDef(c,a),f.push(c);var d=r+"Free",l={fn:function(){e.openModalInsert(e.lang[r],{color:{label:r,value:"#FFFFFF"}},function(o){return e.execCmd(r,o.color),!0})},text:"#",style:"text-indent: 0;line-height: 20px;padding: 0 5px;"};return e.addBtnDef(d,l),f.push(d),f}o.extend(!0,o.trumbowyg,{langs:{cs:{foreColor:"Barva textu",backColor:"Barva pozadí"},en:{foreColor:"Text color",backColor:"Background color"},fr:{foreColor:"Couleur du texte",backColor:"Couleur de fond"},sk:{foreColor:"Farba textu",backColor:"Farba pozadia"},zh_cn:{foreColor:"文字颜色",backColor:"背景颜色"},ru:{foreColor:"Цвет текста",backColor:"Цвет выделения текста"},ja:{foreColor:"文字色",backColor:"背景色"}}});var a={colorList:["ffffff","000000","eeece1","1f497d","4f81bd","c0504d","9bbb59","8064a2","4bacc6","f79646","ffff00","f2f2f2","7f7f7f","ddd9c3","c6d9f0","dbe5f1","f2dcdb","ebf1dd","e5e0ec","dbeef3","fdeada","fff2ca","d8d8d8","595959","c4bd97","8db3e2","b8cce4","e5b9b7","d7e3bc","ccc1d9","b7dde8","fbd5b5","ffe694","bfbfbf","3f3f3f","938953","548dd4","95b3d7","d99694","c3d69b","b2a2c7","b7dde8","fac08f","f2c314","a5a5a5","262626","494429","17365d","366092","953734","76923c","5f497a","92cddc","e36c09","c09100","7f7f7f","0c0c0c","1d1b10","0f243e","244061","632423","4f6128","3f3151","31859b","974806","7f6000"]};o.extend(!0,o.trumbowyg,{plugins:{color:{init:function(o){o.o.plugins.colors=o.o.plugins.colors||a;var r={dropdown:c("foreColor",o)},e={dropdown:c("backColor",o)};o.addBtnDef("foreColor",r),o.addBtnDef("backColor",e)},tagHandler:f}}})}(jQuery);

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

@@ -0,0 +1,49 @@
+/**
+ * Trumbowyg v2.8.1 - 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-dropdown-foreColor,
+.trumbowyg-dropdown-backColor {
+    width: 276px;
+    padding: 7px 5px;
+
+    svg {
+        display: none !important;
+    }
+
+    button {
+        display: block;
+        position: relative;
+        float: left;
+        text-indent: -9999px;
+        height: 20px;
+        width: 20px;
+        border: 1px solid #333;
+        padding: 0;
+        margin: 2px;
+
+        &:hover,
+        &:focus {
+            &::after {
+                content: " ";
+                display: block;
+                position: absolute;
+                top: -5px;
+                left: -5px;
+                height: 27px;
+                width: 27px;
+                background: inherit;
+                border: 1px solid #FFF;
+                box-shadow: #000 0 0 2px;
+                z-index: 10;
+            }
+        }
+    }
+}

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

@@ -0,0 +1,43 @@
+/**
+ * Trumbowyg v2.8.1 - 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-dropdown-foreColor,
+.trumbowyg-dropdown-backColor {
+  width: 276px;
+  padding: 7px 5px; }
+  .trumbowyg-dropdown-foreColor svg,
+  .trumbowyg-dropdown-backColor svg {
+    display: none !important; }
+  .trumbowyg-dropdown-foreColor button,
+  .trumbowyg-dropdown-backColor button {
+    display: block;
+    position: relative;
+    float: left;
+    text-indent: -9999px;
+    height: 20px;
+    width: 20px;
+    border: 1px solid #333;
+    padding: 0;
+    margin: 2px; }
+    .trumbowyg-dropdown-foreColor button:hover::after, .trumbowyg-dropdown-foreColor button:focus::after,
+    .trumbowyg-dropdown-backColor button:hover::after,
+    .trumbowyg-dropdown-backColor button:focus::after {
+      content: " ";
+      display: block;
+      position: absolute;
+      top: -5px;
+      left: -5px;
+      height: 27px;
+      width: 27px;
+      background: inherit;
+      border: 1px solid #FFF;
+      box-shadow: #000 0 0 2px;
+      z-index: 10; }

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

@@ -0,0 +1,2 @@
+/** Trumbowyg v2.8.1 - A lightweight WYSIWYG editor - alex-d.github.io/Trumbowyg - License MIT - Author : Alexandre Demode (Alex-D) / alex-d.fr */
+.trumbowyg-dropdown-backColor,.trumbowyg-dropdown-foreColor{width:276px;padding:7px 5px}.trumbowyg-dropdown-backColor svg,.trumbowyg-dropdown-foreColor svg{display:none!important}.trumbowyg-dropdown-backColor button,.trumbowyg-dropdown-foreColor button{display:block;position:relative;float:left;text-indent:-9999px;height:20px;width:20px;border:1px solid #333;padding:0;margin:2px}.trumbowyg-dropdown-backColor button:focus::after,.trumbowyg-dropdown-backColor button:hover::after,.trumbowyg-dropdown-foreColor button:focus::after,.trumbowyg-dropdown-foreColor button:hover::after{content:" ";display:block;position:absolute;top:-5px;left:-5px;height:27px;width:27px;background:inherit;border:1px solid #FFF;box-shadow:#000 0 0 2px;z-index:10}