【子比美化】前台发帖位置新增了表格功能，有表格需求必备-游小二

【子比美化】前台发帖位置新增了表格功能，有表格需求必备

2370字 12分钟 2025-05-05 游小二

文章过期提示

温馨提示： 每日登录积分+10，回帖积分+5，资源投稿审核通过积分+50，可免费查看所有积分付费内容。

效果图

教程开始

首先复制下面PHP代码添加到wp-content/themes/zibll/functions.php或者func.php中

复制下面代码添加进子比主题设置-全局-自定义代码-自定义JavaScript代码即可

// 前台编辑器插入表单功能
(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);
        }
    });
})();

本站名称：游小二-精品源码资源论坛

本站网址：youxiaoer.net

侵权问题请按照侵权投诉页面要求联系我们。

本站一切资源不代表本站立场，并不代表本站赞同其观点和对其真实性负责。

禁止以任何方式发布或转载本站的资源贴，访客发现请向站长举报，核实后有奖。

本站附件资源、教程等内容如因时效原因失效或不可用，请评论区留言或联系在线客服。

THE END