├── complex-popup-button.js
├── custom-icon-button.js
├── custom-icon.png
├── dashicons-button.js
├── examples
    ├── btn1.jpeg
    ├── btn2.jpeg
    ├── btn3.jpeg
    ├── btn4.jpeg
    ├── btn5.jpeg
    ├── btn6.jpeg
    ├── btn7.jpeg
    ├── btn8.jpeg
    └── btn9.jpeg
├── gavickpro-tc.php
├── icon-button.js
├── popup-button.js
├── style.css
├── sub-submenu-button.js
├── submenu-button.js
└── text-button.js


/complex-popup-button.js:
--------------------------------------------------------------------------------
 1 | (function() {
 2 |     tinymce.PluginManager.add('gavickpro_tc_button', function( editor, url ) {
 3 |         editor.addButton( 'gavickpro_tc_button', {
 4 |             title: 'My test button',
 5 |             type: 'menubutton',
 6 |             icon: 'icon gavickpro-own-icon',
 7 |             menu: [
 8 |                 {
 9 |                     text: 'Custom h3 tag',
10 |                     onclick: function() {
11 |                         editor.windowManager.open( {
12 |                             title: 'Insert h3 tag',
13 |                             body: [{
14 |                                 type: 'textbox',
15 |                                 name: 'title',
16 |                                 label: 'Your title'
17 |                             }],
18 |                             onsubmit: function( e ) {
19 |                                 editor.insertContent( '<h3>' + e.data.title + '</h3>');
20 |                             }
21 |                         });
22 |                     }
23 |                 },
24 |                 {
25 |                     text: 'Custom header tag',
26 |                     onclick: function() {
27 |                         editor.windowManager.open( {
28 |                             title: 'Insert header tag',
29 |                             body: [{
30 |                                 type: 'textbox',
31 |                                 name: 'title',
32 |                                 label: 'Your title'
33 |                             },
34 |                             {
35 |                                 type: 'textbox',
36 |                                 name: 'id',
37 |                                 label: 'Header anchor'
38 |                             },
39 |                             {
40 |                                 type: 'listbox', 
41 |                                 name: 'level', 
42 |                                 label: 'Header level', 
43 |                                 'values': [
44 |                                     {text: '<h3>', value: '3'},
45 |                                     {text: '<h4>', value: '4'},
46 |                                     {text: '<h5>', value: '5'},
47 |                                     {text: '<h6>', value: '6'}
48 |                                 ]
49 |                             }],
50 |                             onsubmit: function( e ) {
51 |                                 editor.insertContent( '<h' + e.data.level + ' id="' + e.data.id + '">' + e.data.title + '</h' + e.data.level + '>');
52 |                             }
53 |                         });
54 |                     }
55 |                 }
56 |            ]
57 |         });
58 |     });
59 | })();


--------------------------------------------------------------------------------
/custom-icon-button.js:
--------------------------------------------------------------------------------
 1 | (function() {
 2 |     tinymce.PluginManager.add('gavickpro_tc_button', function( editor, url ) {
 3 |         editor.addButton( 'gavickpro_tc_button', {
 4 |             title: 'My test button',
 5 |             icon: 'icon gavickpro-own-icon',
 6 |             onclick: function() {
 7 |                 editor.insertContent('Hello World!');
 8 |             }
 9 |         });
10 |     });
11 | })();


--------------------------------------------------------------------------------
/custom-icon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GavickPro/TinyMCE-4-own-buttons/464e37eb91235a1593936c943cc093526b089467/custom-icon.png


--------------------------------------------------------------------------------
/dashicons-button.js:
--------------------------------------------------------------------------------
 1 | (function() {
 2 |     tinymce.PluginManager.add('gavickpro_tc_button', function( editor, url ) {
 3 |         editor.addButton( 'gavickpro_tc_button', {
 4 |             title: 'My test button',
 5 |             icon: 'icon dashicons-wordpress-alt',
 6 |             onclick: function() {
 7 |                 editor.insertContent('Hello World!');
 8 |             }
 9 |         });
10 |     });
11 | })();


--------------------------------------------------------------------------------
/examples/btn1.jpeg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GavickPro/TinyMCE-4-own-buttons/464e37eb91235a1593936c943cc093526b089467/examples/btn1.jpeg


--------------------------------------------------------------------------------
/examples/btn2.jpeg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GavickPro/TinyMCE-4-own-buttons/464e37eb91235a1593936c943cc093526b089467/examples/btn2.jpeg


--------------------------------------------------------------------------------
/examples/btn3.jpeg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GavickPro/TinyMCE-4-own-buttons/464e37eb91235a1593936c943cc093526b089467/examples/btn3.jpeg


--------------------------------------------------------------------------------
/examples/btn4.jpeg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GavickPro/TinyMCE-4-own-buttons/464e37eb91235a1593936c943cc093526b089467/examples/btn4.jpeg


--------------------------------------------------------------------------------
/examples/btn5.jpeg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GavickPro/TinyMCE-4-own-buttons/464e37eb91235a1593936c943cc093526b089467/examples/btn5.jpeg


--------------------------------------------------------------------------------
/examples/btn6.jpeg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GavickPro/TinyMCE-4-own-buttons/464e37eb91235a1593936c943cc093526b089467/examples/btn6.jpeg


--------------------------------------------------------------------------------
/examples/btn7.jpeg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GavickPro/TinyMCE-4-own-buttons/464e37eb91235a1593936c943cc093526b089467/examples/btn7.jpeg


--------------------------------------------------------------------------------
/examples/btn8.jpeg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GavickPro/TinyMCE-4-own-buttons/464e37eb91235a1593936c943cc093526b089467/examples/btn8.jpeg


--------------------------------------------------------------------------------
/examples/btn9.jpeg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GavickPro/TinyMCE-4-own-buttons/464e37eb91235a1593936c943cc093526b089467/examples/btn9.jpeg


--------------------------------------------------------------------------------
/gavickpro-tc.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | /**
 3 |  * @package GavickPro TinyMCE own buttons
 4 |  * @version 1.0
 5 |  */
 6 | /*
 7 | Plugin Name: GavickPro TinyMCE own buttons
 8 | Plugin URI: 
 9 | Description: 
10 | Author: GavickPro
11 | Version: 1.0
12 | Author URI: http://www.gavick.com
13 | */
14 | 
15 | add_action('admin_head', 'gavickpro_add_my_tc_button');
16 | add_action('admin_enqueue_scripts', 'gavickpro_tc_css');
17 | 
18 | function gavickpro_add_my_tc_button() {
19 |     global $typenow;
20 |     // sprawdzamy czy user ma uprawnienia do edycji postów/podstron
21 |     if ( !current_user_can('edit_posts') && !current_user_can('edit_pages') ) {
22 |    	return;
23 |     }
24 |     // weryfikujemy typ wpisu
25 |     if( ! in_array( $typenow, array( 'post', 'page' ) ) )
26 |         return;
27 | 	// sprawdzamy czy user ma włączony edytor WYSIWYG
28 | 	if ( get_user_option('rich_editing') == 'true') {
29 | 		add_filter("mce_external_plugins", "gavickpro_add_tinymce_plugin");
30 | 		add_filter('mce_buttons', 'gavickpro_register_my_tc_button');
31 | 	}
32 | }
33 | 
34 | function gavickpro_add_tinymce_plugin($plugin_array) {
35 |    	$plugin_array['gavickpro_tc_button'] = plugins_url( '/complex-popup-button.js', __FILE__ ); // CHANGE THE BUTTON SCRIPT HERE
36 |    	return $plugin_array;
37 | }
38 | 
39 | function gavickpro_register_my_tc_button($buttons) {
40 |    array_push($buttons, "gavickpro_tc_button");
41 |    return $buttons;
42 | }
43 | 
44 | function gavickpro_tc_css() {
45 | 	wp_enqueue_style('gavickpro-tc', plugins_url('/style.css', __FILE__));
46 | }
47 | 


--------------------------------------------------------------------------------
/icon-button.js:
--------------------------------------------------------------------------------
 1 | (function() {
 2 |     tinymce.PluginManager.add('gavickpro_tc_button', function( editor, url ) {
 3 |         editor.addButton( 'gavickpro_tc_button', {
 4 |             title: 'My test button',
 5 |             icon: 'wp_code',
 6 |             onclick: function() {
 7 |                 editor.insertContent('Hello World!');
 8 |             }
 9 |         });
10 |     });
11 | })();


--------------------------------------------------------------------------------
/popup-button.js:
--------------------------------------------------------------------------------
 1 | (function() {
 2 |     tinymce.PluginManager.add('gavickpro_tc_button', function( editor, url ) {
 3 |         editor.addButton( 'gavickpro_tc_button', {
 4 |             title: 'My test button',
 5 |             type: 'menubutton',
 6 |             icon: 'icon gavickpro-own-icon',
 7 |             menu: [
 8 |                 {
 9 |                     text: 'Custom h3 tag',
10 |                     onclick: function() {
11 |                         editor.windowManager.open( {
12 |                             title: 'Insert h3 tag',
13 |                             body: [{
14 |                                 type: 'textbox',
15 |                                 name: 'title',
16 |                                 label: 'Your title'
17 |                             }],
18 |                             onsubmit: function( e ) {
19 |                                 editor.insertContent( '<h3>' + e.data.title + '</h3>');
20 |                             }
21 |                         });
22 |                     }
23 |                 },
24 |                 {
25 |                     text: 'Custom h4 tag',
26 |                     onclick: function() {
27 |                         editor.windowManager.open( {
28 |                             title: 'Insert h4 tag',
29 |                             body: [{
30 |                                 type: 'textbox',
31 |                                 name: 'title',
32 |                                 label: 'Your title'
33 |                             }],
34 |                             onsubmit: function( e ) {
35 |                                 editor.insertContent( '<h4>' + e.data.title + '</h4>');
36 |                             }
37 |                         });
38 |                     }
39 |                 }
40 |            ]
41 |         });
42 |     });
43 | })();


--------------------------------------------------------------------------------
/style.css:
--------------------------------------------------------------------------------
 1 | i.mce-i-icon {
 2 | 	font: 400 20px/1 dashicons;
 3 | 	padding: 0;
 4 | 	vertical-align: top;
 5 | 	speak: none;
 6 | 	-webkit-font-smoothing: antialiased;
 7 | 	-moz-osx-font-smoothing: grayscale;
 8 | 	margin-left: -2px;
 9 | 	padding-right: 2px
10 | }
11 | 
12 | i.gavickpro-own-icon {
13 | 	background-image: url('custom-icon.png');
14 | }


--------------------------------------------------------------------------------
/sub-submenu-button.js:
--------------------------------------------------------------------------------
 1 | (function() {
 2 |     tinymce.PluginManager.add('gavickpro_tc_button', function( editor, url ) {
 3 |         editor.addButton( 'gavickpro_tc_button', {
 4 |             title: 'My test button',
 5 |             type: 'menubutton',
 6 |             icon: 'icon gavickpro-own-icon',
 7 |             menu: [
 8 |                 {
 9 |                     text: 'Menu item I',
10 |                     value: 'Text from menu item I',
11 |                     onclick: function() {
12 |                         editor.insertContent(this.value());
13 |                     }
14 |                 },
15 |                 {
16 |                     text: 'Menu item II',
17 |                     value: 'Text from menu item II',
18 |                     onclick: function() {
19 |                         editor.insertContent(this.value());
20 |                     },
21 |                     menu: [
22 |                         {
23 |                             text: 'First submenu item',
24 |                             value: 'Text from sub sub menu',
25 |                             onclick: function(e) {
26 |                                 e.stopPropagation();
27 |                                 editor.insertContent(this.value());
28 |                             }       
29 |                         },
30 |                         {
31 |                             text: 'Second submenu item',
32 |                             value: 'Text from sub sub menu',
33 |                             onclick: function(e) {
34 |                                 e.stopPropagation();
35 |                                 editor.insertContent(this.value());
36 |                             }       
37 |                         }
38 |                     ]
39 |                 },
40 |                 {
41 |                     text: 'Menu item III',
42 |                     value: 'Text from menu item III',
43 |                     onclick: function() {
44 |                         editor.insertContent(this.value());
45 |                     }
46 |                 }
47 |            ]
48 |         });
49 |     });
50 | })();


--------------------------------------------------------------------------------
/submenu-button.js:
--------------------------------------------------------------------------------
 1 | (function() {
 2 |     tinymce.PluginManager.add('gavickpro_tc_button', function( editor, url ) {
 3 |         editor.addButton( 'gavickpro_tc_button', {
 4 |             title: 'My test button',
 5 |             type: 'menubutton',
 6 |             icon: 'icon gavickpro-own-icon',
 7 |             menu: [
 8 |             	{
 9 |             		text: 'Menu item I',
10 |             		value: 'Text from menu item I',
11 |             		onclick: function() {
12 |             			editor.insertContent(this.value());
13 |             		}
14 |            		}
15 |            ]
16 |         });
17 |     });
18 | })();


--------------------------------------------------------------------------------
/text-button.js:
--------------------------------------------------------------------------------
 1 | (function() {
 2 |     tinymce.PluginManager.add('gavickpro_tc_button', function( editor, url ) {
 3 |         editor.addButton( 'gavickpro_tc_button', {
 4 |             text: 'My test button',
 5 |             icon: false,
 6 |             onclick: function() {
 7 |                 editor.insertContent('Hello World!');
 8 |             }
 9 |         });
10 |     });
11 | })();


--------------------------------------------------------------------------------