activeadmin_trumbowyg 0.1.3 → 0.1.6

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

@@ -0,0 +1,202 @@
+/*/* ===========================================================
+ * 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: {
+            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: '復原'
+               }
+            }
+        },
+        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 modifed 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);

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

@@ -0,0 +1 @@
+!function(o){"use strict";o.extend(!0,o.trumbowyg,{langs:{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:"復原"}}},plugins:{history:{init:function(i){i.o.plugins.history=o.extend(!0,{_stack:[],_index:-1,_focusEl:void 0},i.o.plugins.history||{});var t={title:i.lang.history.redo,ico:"redo",key:"Y",fn:function(){if(i.o.plugins.history._index<i.o.plugins.history._stack.length-1){i.o.plugins.history._index+=1;var o=i.o.plugins.history._index,t=i.o.plugins.history._stack[o];i.execCmd("html",t),i.o.plugins.history._stack[o]=i.$ed.html(),l(),s()}}},n={title:i.lang.history.undo,ico:"undo",key:"Z",fn:function(){if(i.o.plugins.history._index>0){i.o.plugins.history._index-=1;var o=i.o.plugins.history._index,t=i.o.plugins.history._stack[o];i.execCmd("html",t),i.o.plugins.history._stack[o]=i.$ed.html(),l(),s()}}},e=function(){var t,n,e=i.o.plugins.history._index,r=i.o.plugins.history._stack,l=r.slice(-1)[0]||"<p></p>",u=r[e],h=i.$ed.html(),c=i.doc.getSelection().focusNode,g="",a=i.o.plugins.history._focusEl;t=o("<div>"+l+"</div>").find("*").map(function(){return this.localName}),n=o("<div>"+h+"</div>").find("*").map(function(){return this.localName}),c&&(i.o.plugins.history._focusEl=c,g=c.outerHTML||c.textContent),h!==u&&(g.slice(-1).match(/\s/)||!d(t,n)||i.o.plugins.history._index<=0||c!==a?(i.o.plugins.history._index+=1,i.o.plugins.history._stack=r.slice(0,i.o.plugins.history._index),i.o.plugins.history._stack.push(h)):i.o.plugins.history._stack[e]=h,s())},s=function(){var o=i.o.plugins.history._index,t=i.o.plugins.history._stack.length,n=o>0,e=0!==t&&o!==t-1;r("historyUndo",n),r("historyRedo",e)},r=function(o,t){var n=i.$box.find(".trumbowyg-"+o+"-button");t?n.removeClass("trumbowyg-disable"):n.hasClass("trumbowyg-disable")||n.addClass("trumbowyg-disable")},d=function(o,i){if(o===i)return!0;if(null==o||null==i)return!1;if(o.length!==i.length)return!1;for(var t=0;t<o.length;t+=1)if(o[t]!==i[t])return!1;return!0},l=function(){var o=i.doc.getSelection().focusNode,t=i.doc.createRange();o.childNodes.length>0&&(t.setStartAfter(o.childNodes[o.childNodes.length-1]),t.setEndAfter(o.childNodes[o.childNodes.length-1]),i.doc.getSelection().removeAllRanges(),i.doc.getSelection().addRange(t))};i.$c.on("tbwinit tbwchange",e),i.addBtnDef("historyRedo",t),i.addBtnDef("historyUndo",n)}}}})}(jQuery);

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

@@ -36,11 +36,20 @@
             en: {
                 insertAudio: 'Insert Audio'
             },
+            da: {
+                insertAudio: 'Indsæt lyd'
+            },
+            fr: {
+                insertAudio: 'Insérer un son'
+            },
             ru: {
                 insertAudio: 'Вставить аудио'
             },
             ja: {
                 insertAudio: '音声の挿入'
+            },
+            tr: {
+                insertAudio: 'Ses Ekle'
             }
         },
         plugins: {
@@ -80,4 +89,4 @@
             }
         }
     });
-})(jQuery);
+})(jQuery);

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

@@ -1 +1 @@
-!function(e){"use strict";var r={src:{label:"URL",required:!0},autoplay:{label:"AutoPlay",required:!1,type:"checkbox"},muted:{label:"Muted",required:!1,type:"checkbox"},preload:{label:"preload options",required:!1}};e.extend(!0,e.trumbowyg,{langs:{en:{insertAudio:"Insert Audio"},ru:{insertAudio:"Вставить аудио"},ja:{insertAudio:"音声の挿入"}},plugins:{insertAudio:{init:function(t){var n={fn:function(){var n=function(r){var n="<audio controls";r.src&&(n+=" src='"+r.src+"'"),r.autoplay&&(n+=" autoplay"),r.muted&&(n+=" muted"),r.preload&&(n+=" preload='"+r+"'"),n+="></audio>";var o=e(n)[0];return t.range.deleteContents(),t.range.insertNode(o),!0};t.openModalInsert(t.lang.insertAudio,r,n)}};t.addBtnDef("insertAudio",n)}}}})}(jQuery);
+!function(e){"use strict";var r={src:{label:"URL",required:!0},autoplay:{label:"AutoPlay",required:!1,type:"checkbox"},muted:{label:"Muted",required:!1,type:"checkbox"},preload:{label:"preload options",required:!1}};e.extend(!0,e.trumbowyg,{langs:{en:{insertAudio:"Insert Audio"},da:{insertAudio:"Indsæt lyd"},fr:{insertAudio:"Insérer un son"},ru:{insertAudio:"Вставить аудио"},ja:{insertAudio:"音声の挿入"},tr:{insertAudio:"Ses Ekle"}},plugins:{insertAudio:{init:function(n){var t={fn:function(){var t=function(r){var t="<audio controls";r.src&&(t+=" src='"+r.src+"'"),r.autoplay&&(t+=" autoplay"),r.muted&&(t+=" muted"),r.preload&&(t+=" preload='"+r+"'"),t+="></audio>";var o=e(t)[0];return n.range.deleteContents(),n.range.insertNode(o),!0};n.openModalInsert(n.lang.insertAudio,r,t)}};n.addBtnDef("insertAudio",t)}}}})}(jQuery);

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

@@ -0,0 +1,122 @@
+(function ($) {
+    'use strict';
+
+    $.extend(true, $.trumbowyg, {
+        langs: {
+            // jshint camelcase:false
+            en: {
+                lineheight: 'Line height',
+                lineheights: {
+                    '0.9':    'Small',
+                    'normal': 'Regular',
+                    '1.5':    'Large',
+                    '2.0':    'Extra large'
+                }
+            },
+            da: {
+                lineheight: 'Linjehøjde',
+                lineheights: {
+                    '0.9':    'Lille',
+                    'normal': 'Normal',
+                    '1.5':    'Stor',
+                    '2.0':    'Ekstra stor'
+                }
+            },
+            fr: {
+                lineheight: 'Hauteur de ligne',
+                lineheights: {
+                    '0.9':    'Petit',
+                    'normal': 'Regular',
+                    '1.5':    'Grand',
+                    '2.0':    'Très grand'
+                }
+            },
+            nl: {
+                lineheight: 'Regelhoogte',
+                lineheights: {
+                    '0.9':    'Klein',
+                    'normal': 'Normaal',
+                    '1.5':    'Groot',
+                    '2.0':    'Extra groot'
+                }
+            },
+            tr: {
+                lineheight: 'Satır yüksekliği',
+                lineheights: {
+                    '0.9':    'Küçük',
+                    'normal': 'Normal',
+                    '1.5':    'Büyük',
+                    '2.0':    'Çok Büyük'
+                }
+            },
+            zh_tw: {
+                lineheight: '文字間距',
+                lineheights: {
+                    '0.9': '小',
+                    'normal': '正常',
+                    '1.5': '大',
+                    '2.0': '特大'
+                }
+            },
+        }
+    });
+    // jshint camelcase:true
+
+    // Add dropdown with font sizes
+    $.extend(true, $.trumbowyg, {
+        plugins: {
+            lineheight: {
+                init: function (trumbowyg) {
+                    trumbowyg.addBtnDef('lineheight', {
+                        dropdown: buildDropdown(trumbowyg)
+                    });
+                }
+            }
+        }
+    });
+
+    // Build the dropdown
+    function buildDropdown(trumbowyg) {
+        var dropdown = [];
+        var sizes = ['0.9', 'normal', '1.5', '2.0'];
+
+        $.each(sizes, function(index, size) {
+            trumbowyg.addBtnDef('lineheight_' + size, {
+                text: '<span style="line-height: ' + size + ';">' + trumbowyg.lang.lineheights[size] + '</span>',
+                hasIcon: false,
+                fn: function(){
+                    trumbowyg.saveRange();
+                    var text = trumbowyg.getRangeText();
+                    if (text.replace(/\s/g, '') !== '') {
+                        try {
+                            var parent = getSelectionParentElement();
+                            $(parent).css('lineHeight', size);
+                        } catch (e) {
+                        }
+                    }
+                }
+            });
+            dropdown.push('lineheight_' + size);
+        });
+
+        return dropdown;
+    }
+
+    // Get the selection's parent
+    function getSelectionParentElement() {
+        var parentEl = null,
+            selection;
+        if (window.getSelection) {
+            selection = window.getSelection();
+            if (selection.rangeCount) {
+                parentEl = selection.getRangeAt(0).commonAncestorContainer;
+                if (parentEl.nodeType !== 1) {
+                    parentEl = parentEl.parentNode;
+                }
+            }
+        } else if ((selection = document.selection) && selection.type !== 'Control') {
+            parentEl = selection.createRange().parentElement();
+        }
+        return parentEl;
+    }
+})(jQuery);

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

@@ -0,0 +1 @@
+!function(e){"use strict";function n(n){var i=[],l=["0.9","normal","1.5","2.0"];return e.each(l,function(l,r){n.addBtnDef("lineheight_"+r,{text:'<span style="line-height: '+r+';">'+n.lang.lineheights[r]+"</span>",hasIcon:!1,fn:function(){n.saveRange();var i=n.getRangeText();if(""!==i.replace(/\s/g,""))try{var l=t();e(l).css("lineHeight",r)}catch(a){}}}),i.push("lineheight_"+r)}),i}function t(){var e,n=null;return window.getSelection?(e=window.getSelection(),e.rangeCount&&(n=e.getRangeAt(0).commonAncestorContainer,1!==n.nodeType&&(n=n.parentNode))):(e=document.selection)&&"Control"!==e.type&&(n=e.createRange().parentElement()),n}e.extend(!0,e.trumbowyg,{langs:{en:{lineheight:"Line height",lineheights:{.9:"Small",normal:"Regular",1.5:"Large","2.0":"Extra large"}},da:{lineheight:"Linjehøjde",lineheights:{.9:"Lille",normal:"Normal",1.5:"Stor","2.0":"Ekstra stor"}},fr:{lineheight:"Hauteur de ligne",lineheights:{.9:"Petit",normal:"Regular",1.5:"Grand","2.0":"Très grand"}},nl:{lineheight:"Regelhoogte",lineheights:{.9:"Klein",normal:"Normaal",1.5:"Groot","2.0":"Extra groot"}},tr:{lineheight:"Satır yüksekliği",lineheights:{.9:"Küçük",normal:"Normal",1.5:"Büyük","2.0":"Çok Büyük"}},zh_tw:{lineheight:"文字間距",lineheights:{.9:"小",normal:"正常",1.5:"大","2.0":"特大"}}}}),e.extend(!0,e.trumbowyg,{plugins:{lineheight:{init:function(e){e.addBtnDef("lineheight",{dropdown:n(e)})}}}})}(jQuery);

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

@@ -0,0 +1,98 @@
+/* ===========================================================
+ * trumbowyg.mathMl.js v1.0
+ * MathML plugin for Trumbowyg
+ * https://github.com/loclamor/Trumbowyg/tree/mathml-plugin/plugins/mathml
+ * ===========================================================
+ * Author : loclamor
+ */
+
+/* globals MathJax */
+(function($) {
+    'use strict';
+    $.extend(true, $.trumbowyg, {
+        langs: {
+            en: {
+                mathml: 'Insert Formulas',
+                formulas: 'Formulas',
+                inline: 'Inline'
+            },
+            da: {
+                mathml: 'Indsæt formler',
+                formulas: 'Formler',
+                inline: 'Inline'
+            },
+            fr: {
+                mathml: 'Inserer une formule',
+                formulas: 'Formule',
+                inline: 'En ligne'
+            },
+            tr: {
+                mathml: 'Formül Ekle',
+                formulas: 'Formüller',
+                inline: 'Satır içi'
+            },
+            zh_tw: {
+                mathml: '插入方程式',
+                formulas: '方程式',
+                inline: '內嵌'
+            },
+        },
+        plugins: {
+            mathml: {
+                init: function(trumbowyg) {
+                    var btnDef = {
+                        fn: function() {
+                            trumbowyg.saveRange();
+                            var mathMLoptions = {
+                                formulas: {
+                                    label: trumbowyg.lang.formulas,
+                                    required: true,
+                                    value: ''
+                                },
+                                inline: {
+                                    label: trumbowyg.lang.inline,
+                                    attributes: {
+                                        checked: true
+                                    },
+                                    type: 'checkbox',
+                                    required: false,
+                                }
+                            };
+
+                            var mathmlCallback = function(v) {
+                                var delimitor = v.inline ? '$' : '$$';
+                                if (trumbowyg.currentMathNode) {
+                                    $(trumbowyg.currentMathNode).html(delimitor + ' ' + v.formulas + ' ' + delimitor).attr('formulas', v.formulas).attr('inline', (v.inline ? 'true' : 'false'));
+                                } else {
+                                    var html = '<span class="mathMlContainer" contenteditable="false" formulas="' + v.formulas + '" inline="' + (v.inline ? 'true' : 'false') + '" >' + delimitor + ' ' + v.formulas + ' ' + delimitor + '</span>';
+                                    var node = $(html)[0];
+                                    node.onclick = function(e) {
+                                        trumbowyg.currentMathNode = this;
+                                        mathMLoptions.formulas.value = $(this).attr('formulas');
+                                        if ($(this).attr('inline') === "true") {
+                                            mathMLoptions.inline.attributes.checked = true;
+                                        } else {
+                                            delete mathMLoptions.inline.attributes.checked;
+                                        }
+                                        trumbowyg.openModalInsert(trumbowyg.lang.mathml, mathMLoptions, mathmlCallback);
+                                    };
+                                    trumbowyg.range.deleteContents();
+                                    trumbowyg.range.insertNode(node);
+                                }
+
+                                trumbowyg.currentMathNode = false;
+                                MathJax.Hub.Queue(['Typeset', MathJax.Hub]);
+                                return true;
+                            };
+
+                            mathMLoptions.formulas.value = trumbowyg.getRangeText();
+                            mathMLoptions.inline.attributes.checked = true;
+                            trumbowyg.openModalInsert(trumbowyg.lang.mathml, mathMLoptions, mathmlCallback);
+                        }
+                    };
+                    trumbowyg.addBtnDef('mathml', btnDef);
+                }
+            }
+        }
+    });
+})(jQuery);

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

@@ -0,0 +1 @@
+!function(e){"use strict";e.extend(!0,e.trumbowyg,{langs:{en:{mathml:"Insert Formulas",formulas:"Formulas",inline:"Inline"},da:{mathml:"Indsæt formler",formulas:"Formler",inline:"Inline"},fr:{mathml:"Inserer une formule",formulas:"Formule",inline:"En ligne"},tr:{mathml:"Formül Ekle",formulas:"Formüller",inline:"Satır içi"},zh_tw:{mathml:"插入方程式",formulas:"方程式",inline:"內嵌"}},plugins:{mathml:{init:function(n){var l={fn:function(){n.saveRange();var l={formulas:{label:n.lang.formulas,required:!0,value:""},inline:{label:n.lang.inline,attributes:{checked:!0},type:"checkbox",required:!1}},t=function(a){var r=a.inline?"$":"$$";if(n.currentMathNode)e(n.currentMathNode).html(r+" "+a.formulas+" "+r).attr("formulas",a.formulas).attr("inline",a.inline?"true":"false");else{var i='<span class="mathMlContainer" contenteditable="false" formulas="'+a.formulas+'" inline="'+(a.inline?"true":"false")+'" >'+r+" "+a.formulas+" "+r+"</span>",u=e(i)[0];u.onclick=function(a){n.currentMathNode=this,l.formulas.value=e(this).attr("formulas"),"true"===e(this).attr("inline")?l.inline.attributes.checked=!0:delete l.inline.attributes.checked,n.openModalInsert(n.lang.mathml,l,t)},n.range.deleteContents(),n.range.insertNode(u)}return n.currentMathNode=!1,MathJax.Hub.Queue(["Typeset",MathJax.Hub]),!0};l.formulas.value=n.getRangeText(),l.inline.attributes.checked=!0,n.openModalInsert(n.lang.mathml,l,t)}};n.addBtnDef("mathml",l)}}}})}(jQuery);

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

@@ -0,0 +1,36 @@
+/**
+ * Trumbowyg v2.11.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
+ */
+
+.mathMlContainer {
+	
+	position: relative;
+	
+	&[inline="false"] {
+		display: block;
+		width: 100%;
+	}
+	
+	&:hover {
+		pointer-events: none;
+		&:after {
+			content: '\270E';
+			pointer-events: auto;
+			position: absolute;
+			left: 0px;
+			top: 0px;
+			background-color: #ffffffd4;
+			cursor: pointer;
+			bottom: 0px;
+			right: 0px;
+			box-shadow: 0 0 5px 5px #ffffffd4;
+		}
+	}
+}

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

@@ -0,0 +1,29 @@
+/**
+ * Trumbowyg v2.11.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
+ */
+
+.mathMlContainer {
+  position: relative; }
+  .mathMlContainer[inline="false"] {
+    display: block;
+    width: 100%; }
+  .mathMlContainer:hover {
+    pointer-events: none; }
+    .mathMlContainer:hover:after {
+      content: '\270E';
+      pointer-events: auto;
+      position: absolute;
+      left: 0px;
+      top: 0px;
+      background-color: #ffffffd4;
+      cursor: pointer;
+      bottom: 0px;
+      right: 0px;
+      box-shadow: 0 0 5px 5px #ffffffd4; }

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

@@ -0,0 +1,2 @@
+/** Trumbowyg v2.11.1 - A lightweight WYSIWYG editor - alex-d.github.io/Trumbowyg - License MIT - Author : Alexandre Demode (Alex-D) / alex-d.fr */
+.mathMlContainer{position:relative}.mathMlContainer[inline=false]{display:block;width:100%}.mathMlContainer:hover{pointer-events:none}.mathMlContainer:hover:after{content:'\270E';pointer-events:auto;position:absolute;left:0;top:0;background-color:#fffd4;cursor:pointer;bottom:0;right:0;box-shadow:0 0 5px 5px #fffd4}

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

@@ -0,0 +1,111 @@
+/* ===========================================================
+ * trumbowyg.mention.js v0.1
+ * Mention plugin for Trumbowyg
+ * http://alex-d.github.com/Trumbowyg
+ * ===========================================================
+ * Author : Viper
+ *          Github: https://github.com/Globulopolis
+ *          Website: http://киноархив.com
+ */
+
+(function ($) {
+    'use strict';
+
+    var defaultOptions = {
+        source: '',
+        formatDropdownItem: formatDropdownItem,
+        formatResult: formatResult
+    };
+
+    $.extend(true, $.trumbowyg, {
+        langs: {
+            en: {
+                mention: 'Mention'
+            },
+            da: {
+                mention: 'Nævn'
+            },
+            fr: {
+                mention: 'Mentioner'
+            },
+            ru: {
+                mention: 'Упомянуть'
+            },
+            tr: {
+                mention: 'Bahset'
+            },
+            zh_tw: {
+                mention: '標記'
+            },
+        },
+
+        plugins: {
+            mention: {
+                init: function (trumbowyg) {
+                    trumbowyg.o.plugins.mention = $.extend(true, {}, defaultOptions, trumbowyg.o.plugins.mention || {});
+
+                    var btnDef = {
+                        dropdown: buildDropdown(trumbowyg.o.plugins.mention.source, trumbowyg)
+                    };
+
+                    trumbowyg.addBtnDef('mention', btnDef);
+                }
+            }
+        }
+    });
+
+    /**
+     * Build dropdown list
+     *
+     * @param   {Array}   items      Items
+     * @param   {object}  trumbowyg  Editor
+     *
+     * @return  {Array}
+     */
+    function buildDropdown(items, trumbowyg) {
+        var dropdown = [];
+
+        // Check if source is an array
+        if (items.constructor === Array) {
+            $.each(items, function (i, item) {
+                var btn = 'mention-' + i,
+                    btnDef = {
+                        hasIcon: false,
+                        text: trumbowyg.o.plugins.mention.formatDropdownItem(item),
+                        fn: function () {
+                            trumbowyg.execCmd('insertHTML', trumbowyg.o.plugins.mention.formatResult(item));
+
+                            return true;
+                        }
+                    };
+
+                trumbowyg.addBtnDef(btn, btnDef);
+                dropdown.push(btn);
+            });
+        }
+
+        return dropdown;
+    }
+
+    /**
+     * Format item in dropdown.
+     *
+     * @param   {object}  item  Item object.
+     *
+     * @return  {string}
+     */
+    function formatDropdownItem(item) {
+        return item.login;
+    }
+
+    /**
+     * Format result pasted in editor.
+     *
+     * @param   {object}  item  Item object.
+     *
+     * @return  {string}
+     */
+    function formatResult(item) {
+        return '@' + item.login + ' ';
+    }
+})(jQuery);

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

@@ -0,0 +1 @@
+!function(n){"use strict";function t(t,o){var e=[];return t.constructor===Array&&n.each(t,function(n,t){var i="mention-"+n,r={hasIcon:!1,text:o.o.plugins.mention.formatDropdownItem(t),fn:function(){return o.execCmd("insertHTML",o.o.plugins.mention.formatResult(t)),!0}};o.addBtnDef(i,r),e.push(i)}),e}function o(n){return n.login}function e(n){return"@"+n.login+" "}var i={source:"",formatDropdownItem:o,formatResult:e};n.extend(!0,n.trumbowyg,{langs:{en:{mention:"Mention"},da:{mention:"Nævn"},fr:{mention:"Mentioner"},ru:{mention:"Упомянуть"},tr:{mention:"Bahset"},zh_tw:{mention:"標記"}},plugins:{mention:{init:function(o){o.o.plugins.mention=n.extend(!0,{},i,o.o.plugins.mention||{});var e={dropdown:t(o.o.plugins.mention.source,o)};o.addBtnDef("mention",e)}}}})}(jQuery);