What you have is working perfectly in a clean WordPress installation, using Twenty Seventeen, so it means the problem is the way in which you are minifying your JS or anything else within this specific WordPress installation. Do the usual thing, deactivate all plugins and check again, if the problem is gone activate one by … Read more
I’m answering this in case anyone should stumble upon this having the same issue. I just removed the jQuery(function ($) { }); wrapping from my TinyMCE plugin code and it works perfectly on any browser now. I realised there was no reason to call jQuery since it’s not used in the code as Rup correctly … Read more
In your code where you defined your custom post type (in a custom plugin or in your functions.phpfile), you need to add this snippet for Gutenberg block editor support: ‘show_in_rest’ => true, ‘supports’ => array(‘editor’) Here is an example: function portfolio_post_type() { register_post_type( ‘portfolio’, array( ‘labels’ => array( ‘name’ => __( ‘Portfolio’ ), ‘singular_name’ => … Read more
You’re probably best off using echo apply_filters( ‘the_content’, html_entity_decode( $monster_tiny_1 ) ); instead of echo wpautop(html_entity_decode($monster_tiny_1)); and similar, which will run the autoembed behavior.
There is an action ‘media_buttons’ where these buttons are inserted. Some plugins are using that action to add more buttons, dropdown lists or links. If they had to use the TinyMCE toolbar, they had less room and more restrictions regarding style and JavaScript access. In short: the current placement is better for plugins. Moving the … Read more
Okay so I spit through some existing themes I have to try and figure out how to achieve this. If anyone is reading this, this is how I did it: In the onclick function of the TinyMCE I called the ajax form and then inside the form I added some javascript that uses the tinyMCE.activeEditor.execCommand(‘mceInsertContent’, … Read more
The main reason it’s not working is that the onclick() attribute is not an allowed attribute in the editor. Probably for security reasons. The alternative is to add the click event in the script. So instead of the onclick=”myFunction()”, add an ID, myButton to the button, then these lines: var myButton = document.getElementById( ‘myButton’ ); … Read more
You can add an editor-style.css stylesheet in your theme which mimics the look-and-feel of your blog. Here are some tips on how to do that (you’ll need to touch functions.php too): http://www.deluxeblogtips.com/2010/05/editor-style-wordpress-30.html The first two styles in that example are the important ones; usually what I do is just copy over and rename my style.css … Read more
You can group styles using the items key – you can nest multiple times too! /* TINY MCE FORMATE */ function my_mce_before_init_insert_formats( $init_array ) { $style_formats = array( array( ‘title’ => ‘Buttons’, ‘items’ => array( array( ‘title’ => ‘Green’, ‘selector’ => ‘a’, ‘classes’ => ‘btn–green’ ) array( ‘title’ => ‘Blue Button’, ‘selector’ => ‘a’, ‘classes’ … Read more
You can use the custom CSS field in the customizer if your theme supports it. Or you will have to create a child theme and add the custom css to your child theme’s stylesheet.