子比前台编辑器扩展

演示图

func代码

JS代码

(function() {
    tinymce.PluginManager.add('zyx_table', function(editor, url) {
        editor.addButton('zyx_table', {
            tooltip: '插入表格',
            icon: 'table',
            onclick: function() {
                editor.windowManager.open({
                    title: '插入表格',
                    body: [
                        {type: 'textbox', name: 'rows', label: '行数'},
                        {type: 'textbox', name: 'cols', label: '列数'}
                    ],
                    onsubmit: function(e) {
                        var rows = parseInt(e.data.rows, 10);
                        var cols = parseInt(e.data.cols, 10);
                        var tableHTML = '<table>';
                        for (var i = 0; i < rows; i++) {
                            tableHTML += '<tr>';
                            for (var j = 0; j < cols; j++) {
                                tableHTML += '<td></td>';
                            }
                            tableHTML += '</tr>';
                        }
                        tableHTML += '</table>';
                        editor.insertContent(tableHTML);
                    }
                });
            }
        });
    });
    
    tinymce.PluginManager.add('article_card', function(editor, url) {
        editor.addButton('article_card', {
            tooltip: '插入文章卡片',
            icon: 'paste',
            onclick: function() {
                editor.windowManager.open({
                    title: '插入文章卡片',
                    body: [
                        {
                            type: 'textbox',
                            name: 'article_id',
                            label: '文章ID',
                            spellcheck: false
                        }
                    ],
                    onsubmit: function(e) {
                        var articleId = e.data.article_id;
                        insertShortcodeCard(articleId);
                    }
                });
            }
        });
    
        function insertShortcodeCard(articleId) {
            var shortcode = ``;
            editor.insertContent(shortcode);
        }
    });
})();