October Tricks

Froala extension JS

/*
|------------------
| Extend Richeditor
|------------------
 */
+function ($) {
    var Plugins = {
        init: function () {
            $.FroalaEditor.DefineIcon('buttonIcon', {NAME: 'star'});
            $.FroalaEditor.RegisterCommand('myButton', {
                title: 'My Button',
                icon: 'buttonIcon',
                undo: true,
                focus: true,
                refreshAfterCallback: true,
                callback: function () {
                    console.log(this.html.get());
                },
                refresh: function ($btn) {
                    console.log(this.selection.element());
                }
            });
            console.log('BEFORE');
            console.log($.oc.richEditorButtons);
            $.oc.richEditorButtons.push('myButton');console.log($.oc.richEditorButtons);
        }
    };
    $(document).on('render', function () {
        Plugins.init();
    });
}(jQuery);

Also see octobercms/october#2078