Button plugin for Tiny MCE

tiny-mce-button.js

(function() {
	tinymce.PluginManager.add('echo_mce_button', function( editor, url ) {
		editor.addButton( 'echo_mce_button', {
			text: 'Add button',
			icon: false,
            classes: "echo-mce-button",
            onclick: function() {
                editor.windowManager.open( {
                    title: 'Add a button',
                    body: [
                        {
                            type: 'textbox',
                            name: 'label',
                            label: 'Button Label',
                            value: 'Read More'
                        },
                        {
                            type: 'textbox',
                            name: 'url',
                            label: 'Button Link',
                            value: 'https://www.example.com/'
                        },
                        {
                            type: 'listbox',
                            name: 'classname',
                            label: 'Button style',
                            'values': [
                                {text: 'Primary button', value: 'button'},
                                {text: 'Secondary button', value: 'button-alt'},
                            ]
                        },
                        {
                            type: 'listbox',
                            name: 'target',
                            label: 'Target',
                            'values': [
                                {text: 'Default', value: ''},
                                {text: 'New tab', value: '_blank'},
                            ]
                        }
                    ],
                    onsubmit: function( e ) {
                        
                        editor.insertContent( '<a href="'+ e.data.url +'" class="'+ e.data.classname +'" target="'+ e.data.target +'">'+ e.data.label +'</a>');

                        console.log( editor )
                        console.log( e )
                        
                        // editor.focus();

                    }
                });
            }
		});
	});
})();