子比前台编辑器扩展-皓月星辰

加入QQ群微信公众号图标

关注微信公众号联系我们图标

联系我们请求更新图标

请求更新

演示图

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);
        }
    });
})();

温馨提示：

本文最后更新于2024-09-22 19:45:42，某些文章具有时效性。

若有解压密错误或链接已失效，请在下方留言或在 微信公众号留言。

获取解压密码方式：

搜索并关注公众号【资源星球ResourceStar】

回复关键字【皓月星辰】即可免费获取

喜欢就支持一下吧