bootstrap-shortcodes/js/plugins/grid.js at 0b5fb08c121dbae56664b5d49c75bc0dd1a2602b · TheWebShop/bootstrap-shortcodes · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
tinymce.PluginManager.add('bs_grid', function(editor, url) {
    editor.addButton('bs_grid', {
        type: 'menubutton',
        tooltip: 'Grid',
        icon: 'bs-grid',
        menu: [
            { text: '12 Columns', onclick: function() { editor.insertContent('[bs_row class="row"]<br class="nc"/>[bs_col class="col-sm-1"]Text[/bs_col]<br class="nc"/>[bs_col class="col-sm-1"]Text[/bs_col]<br class="nc"/>[bs_col class="col-sm-1"]Text[/bs_col]<br class="nc"/>[bs_col class="col-sm-1"]Text[/bs_col]<br class="nc"/>[bs_col class="col-sm-1"]Text[/bs_col]<br class="nc"/>[bs_col class="col-sm-1"]Text[/bs_col]<br class="nc"/>[bs_col class="col-sm-1"]Text[/bs_col]<br class="nc"/>[bs_col class="col-sm-1"]Text[/bs_col]<br class="nc"/>[bs_col class="col-sm-1"]Text[/bs_col]<br class="nc"/>[bs_col class="col-sm-1"]Text[/bs_col]<br class="nc"/>[bs_col class="col-sm-1"]Text[/bs_col]<br class="nc"/>[bs_col class="col-sm-1"]Text[/bs_col]<br class="nc"/>[/bs_row]'); } },
            { text: '6 Columns',  onclick: function() { editor.insertContent('[bs_row class="row"]<br class="nc"/>[bs_col class="col-sm-2"]Text[/bs_col]<br class="nc"/>[bs_col class="col-sm-2"]Text[/bs_col]<br class="nc"/>[bs_col class="col-sm-2"]Text[/bs_col]<br class="nc"/>[bs_col class="col-sm-2"]Text[/bs_col]<br class="nc"/>[bs_col class="col-sm-2"]Text[/bs_col]<br class="nc"/>[bs_col class="col-sm-2"]Text[/bs_col]<br class="nc"/>[/bs_row]'); } },
            { text: '4 Columns',  onclick: function() { editor.insertContent('[bs_row class="row"]<br class="nc"/>[bs_col class="col-sm-3"]Text[/bs_col]<br class="nc"/>[bs_col class="col-sm-3"]Text[/bs_col]<br class="nc"/>[bs_col class="col-sm-3"]Text[/bs_col]<br class="nc"/>[bs_col class="col-sm-3"]Text[/bs_col]<br class="nc"/>[/bs_row]'); } },
            { text: '3 Columns',  onclick: function() { editor.insertContent('[bs_row class="row"]<br class="nc"/>[bs_col class="col-sm-4"]Text[/bs_col]<br class="nc"/>[bs_col class="col-sm-4"]Text[/bs_col]<br class="nc"/>[bs_col class="col-sm-4"]Text[/bs_col]<br class="nc"/>[/bs_row]'); } },
            { text: '2 Columns',  onclick: function() { editor.insertContent('[bs_row class="row"]<br class="nc"/>[bs_col class="col-sm-6"]Text[/bs_col]<br class="nc"/>[bs_col class="col-sm-6"]Text[/bs_col]<br class="nc"/>[/bs_row]'); } },
            { text: '1 Columns',  onclick: function() { editor.insertContent('[bs_row class="row"]<br class="nc"/>[bs_col class="col-sm-12"]Text[/bs_col]<br class="nc"/>[/bs_row]'); } },
            {
                text: 'Custom Grid',
                onclick: function() {
                    tinymce.activeEditor.windowManager.open({
                        title: 'Custom Grid',
                        url: url + '/grid.html',
                        width: Math.max(window.innerWidth * 0.4, 400),
                        height: Math.max(window.innerHeight * 0.6, 400)
                    });
                }
            }
        ]
    });
});