如何打开thickbox,单击带有Ajax动态内容的Tinymce按钮

时间:2018-07-16 02:28:43

标签: wordpress tinymce thickbox

我已经在我的tinymce编辑器中添加了tinymce按钮。但是,我不想打开tinymce默认模式(editor.addCommand),而是想打开带有Ajax内容的Thinbox。我在stackoverflow上搜索了很多答案,但是没有没关系。

这是我的代码

(function() {
    tinymce.PluginManager.add('smart_event', function( editor, url ) {
        var shortcode_tag = 'smart_event';

        editor.addCommand('smart_event_panel_popup', function( ui, v ){
            var columns = '4';
            if(v.columns){
                columns = v.columns;
            }
            var style = '';
            if(v.style){
                style = v.style;
            }
            editor.windowManager.open({
                title: 'Smart Event Shortcode',
                body: [

                    //...........

                ],
                onsubmit: function(e){
                    // var scode = '[' + shortcode_tag +' columns="' + e.data.columns + '"' + ' style="' + e.data.style + '"' + ' posts_per_page"'+ e.data.posts_per_page +'"' + ' sortby="'+ e.data.sortby +'"' + ' range="'+ e.data.range +'"' + ' pagination="'+e.data.pagination + '"' +' filters="'+e.data.filters + '"' +']';

                    editor.insertContent( scode );
                }
            });
        });


        editor.addButton('smart_event', {
            image: seventadmindata.imagesurl + 'icon.png',
            tooltip: 'Insert Smart Event Shortcode',
            onclick: function(){
                editor.execCommand('smart_event_panel_popup','',{
                    columns : '4',
                    style : '1',
                });
            }
        });
    });
})();

如何通过ajax回调在点击时添加Thinbox?

0 个答案:

没有答案