I'm using mce_buttons_2 and tiny_mce_before_init to add custom inline markup easily in my posts (custom mark or span tags, or custom classes for links). I tried to extend the paragraph block as mentioned in 4658 without success for the moment.

The current shortcode block inserts ... a block. My plugin inserts a shortcode that is a link that should go inline within the content, not as a separate block.

So that users don't have to remember the arcane shortcode syntax I have a button on the editor that pops up a modal. The picks from a dropdown and types in some text, and the shortcode gets inserted at the cursor location. I've seen a number of plugins that so similar.

Thanks

I imagine many plugins will need to support the classic editor and Gutenberg. So, it would be helpful if the guild showed how to detect if on the edit screen we are using the classic editor or Gutenberg.

Thanks

There are a variety of ways developers might be interacting with TinyMCE (button registration, content manipulation, etc.). We should get them documented.

Currently supported by using the mce_css filter, for example:

function my_tinymce_styles($style_string) {
	if (!empty($style_string)) {
		$style_string .= ',';
	}
	$style_string .= str_replace(',', '%2C', 'https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700');
	return $style_string;
}
add_filter('mce_css', 'my_tinymce_styles');

These action was working very good at the old / classic editor but now these are not working gutenberg editor....

add_action('auto-draft_to_publish', array($this,'sbp_preserve_draft_date'), 10, 1);    
add_action('draft_to_publish', array($this,'sbp_preserve_draft_date'), 10, 1);
add_action('draft_to_private', array($this,'sbp_preserve_draft_date'), 10, 1);
add_action('draft_to_pending', array($this,'sbp_preserve_draft_date'), 10, 1);

function sbp_preserve_draft_date($post){
	global $post;
    $release_date = get_post_meta($post->ID,'_fb_release_date',TRUE);
    //if ($release_date && $post->post_date != date('Y-m-d H:i:s',strtotime($release_date)) ){
    
    if (! empty($release_date)) {
      $post->edit_date = date('Y-m-d H:i:s',strtotime($release_date));
      $post->post_date = date('Y-m-d H:i:s',strtotime($release_date));
      $post->post_date_gmt = date('Y-m-d H:i:s',strtotime($release_date));
      wp_update_post($post);
    }
}

Please open a new issue to suggest additional examples of existing usage. — Post Gallery Filter

The plugin Slick Slider (https://github.com/tyrann0us/slick-slider) uses the post_gallery filter to turn native galleries into sliders: https://github.com/tyrann0us/slick-slider/blob/761477365a31a2947f65dd19e8ffbc818c0815d9/inc/class-output.php#L39-L47

Because of the missing filter the plugin ~does not work with Gutenberg~ cannot simply re-use it for websites that use the Block Editor, but the code has to be rewritten to use register_block_type()'s render_callback.

Disclaimer: I'm the author of this plugin.

The TinyMCE styleselect is a way to define wrapping markup or classes to all or specific elements in the editor. For reference here is the TinyMCE and WordPress documentation for using the feature.

It appears that this function will continue working in the Classic Editor block, but I think documenting the overlap of it and Gutenberg may be useful and appropriate for this guide. The ability to set wrapping markup is a defining feature of blocks and the ability to add classes is now often covered by the new style variant feature in Gutenberg which allows defining and applying CSS classes to blocks.

As noted in WordPress/gutenberg#7942, there is at least one TinyMCE filterable setting that currently doesn't work in Gutenberg when using the Classic Editor block. I don't know if all settings are ignored or if it's just that one. Either way, documenting charmap_append and potentially other settings that would appear to have Gutenberg equivalents (or should have) seems worthwhile.

Hi @danielbachhuber ,

Does wordpress have any improvements about the https://github.com/danielbachhuber/gutenberg-migration-guide/blob/master/feature-media-tabs.md ?

Since I am using this plugin to import videos to my system, I really need to update my Wordpress to support Gutenberg. Yet it is not supporting Custom Media Tab.

Could you assist me for this issue?

Thanks, Mustafa

Hello! I have been following all the discussions about the removal of the admin_post_thumbnail_html and the alternative for Gutenberg, however, for the latest version, the hooks just do not trigger.

I am referring to wp.hooks.addFilter( 'editor.PostFeaturedImage', ... Is there some functional example available (the examples provided at https://github.com/danielbachhuber/gutenberg-migration-guide/blob/master/filter-admin-post-thumbnail-html.md are not working) or a known issue with these?

Thank you!

I have added our custom plugin to append a string to the Featured Image block (which was originally taken care of using 2 lines of PHP code - just saying).

Here is the JS file:

function addFeaturedImageDescription (original) { 
	return function() { 
		return (
			wp.element.createElement( 
				'div', 
				{ key: 'outer' + Math.random() }, 
				[
					_.extend( original( {} ), { key: 'my-key' } ),
                    'Suggested dimensions: 1104px x 736px'
				]
			)
		);
	}
}

wp.hooks.addFilter( 
	'editor.PostFeaturedImage', 
	'pluginname/addFeaturedImageDescription', 
	addFeaturedImageDescription 
);

When I run that, I get the Featured button and my text - but when I try to edit a post that already has a featured image, it is not pre-selected. If I try to select an image, I get "t is not a function" in edit-post.min.js:12:7166.

Something is amiss from the code provided (as it works fine when I just return original). Can you please provide functional code on how to handle this.

Thanks.

Hi, thank you very much for your awesome work here.

I am attempting to output a simple bit of text after the featured image picker via the example at https://github.com/danielbachhuber/gutenberg-migration-guide/blob/master/filter-admin-post-thumbnail-html.md .

See screenshot, I get TypeError: t is not a function.

In order to reproduce the error, you must click on the featured image UI and select an image.

I would be more than happy to migrate this comment to a more appropriate venue if you could be so kind to suggest one. Thank you again for your awesome work!

The get_image_tag filter no longer exists in Gutenberg.

add_filter('get_image_tag', 'show_post_image_source', 0, 5);
function show_post_image_source($html, $post_id, $post_thumbnail_id, $size, $attr) {
    die('hellooooo');
    return $html;
}

...site never dies. Anyone know the equivalent in Gutenberg?

post_submitbox_misc_actions has an Gutenberg Equivalent: PluginPostStatusInfo. See: https://github.com/wordpress/gutenberg/blob/master/edit-post/README.md#pluginpoststatusinfo

In the current editor it is possible to suppress also every part of the interface through the use of remove_metabox(). In the new editor, metaboxes are a legacy concept, and document settings are implemented in alternative ways.

Specific examples

1. Suppressing post-specific content from admin-only custom post types (e.g. a redirect CPT, which does not require an author, page attributes etc.)

2. In the current editor, it is possible to remove a core metabox, and replace it with a custom implementation. For example, a common use-case it to remove taxonomy metaboxes in order to provide a new interface which uses radio buttons (instead of checkboxes). e.g. https://plugins.trac.wordpress.org/browser/radio-buttons-for-taxonomies

Gutenburg alternative

There appears to be no ideal alternative in Gutenburg. I have seen it suggested that non-content posts, (such as the redirect CPT example) should continue to use the old editor, but this does seem to be limiting the usefulness of the new editor.

It may be possible to hide Document sidebar sections with CSS, but this is going to be a brittle solution unsuited to most use-cases.