ace
5 years ago
chartjs
6 years ago
fitie
5 years ago
daterangepicker.min.js
6 years ago
jquery.timepicker.min.js
5 years ago
moment-timezone-with-data.min.js
6 years ago
moment.min.js
7 years ago
tiny-mce-button.js
6 years ago
wp-color-picker-alpha.min.js
5 years ago
tiny-mce-button.js
39 lines
| 1 | ( function( $ ) { |
| 2 | tinymce.PluginManager.add( 'hustle', function( editor, url ) { |
| 3 | |
| 4 | if ( -1 === $.inArray( editor.id, hustleData.available_editors ) ) { |
| 5 | return; |
| 6 | } |
| 7 | |
| 8 | let options = ''; |
| 9 | $.each( hustleData.fields, function( name, label ) { |
| 10 | options += `<li><button value="{${name}}">${label}</button></li>`; |
| 11 | }); |
| 12 | |
| 13 | let html = `<div class="sui-dropdown sui-dropdown-right"> |
| 14 | <button class="sui-button-icon sui-dropdown-anchor sui-tooltip sui-tooltip-top-left" data-tooltip="${hustleData.button_title}"> |
| 15 | <i class="sui-icon-layout" aria-hidden="true"></i> |
| 16 | <span class="sui-screen-reader-text">Opt-in options</span> |
| 17 | </button> |
| 18 | <ul class="hustle-button-options hustle-fields-placeholders-options" data-mce-id="${editor.id}">${options}</ul></div>`.trim(); |
| 19 | |
| 20 | // Add the custom button to the editor. |
| 21 | editor.addButton( 'hustlefields', { |
| 22 | icon: false, |
| 23 | classes: editor.id + '-button', |
| 24 | image: url.split( '/' ).slice( 0, -2 ).join( '/' ) + '/img/hustle.png', //16x16 recommended |
| 25 | onPostRender: function() { |
| 26 | $( '.mce-' + editor.id + '-button' ).html( html ); |
| 27 | } |
| 28 | }); |
| 29 | |
| 30 | }); |
| 31 | |
| 32 | $( 'body' ).on( 'click', '.hustle-button-options', function( e ) { |
| 33 | var $this = $( e.target ), |
| 34 | $mce = $( this ).data('mce-id'); |
| 35 | tinymce.get( $mce ).insertContent( $this.val() ); |
| 36 | }); |
| 37 | |
| 38 | } (jQuery) ); |
| 39 |