SiteOrigin Editor missing Formats and Editor Styles with WordPress v4.8 update

Hi Alex,

Sorry for such a late reply. It is working now and the 1.9.8 – 21 August 2017 version seems to have contained the fix for our custom code for additional TinyMCE formats:
TinyMCE field: Check if individual TinyMCE settings are encoded as JSON and decode before re-encoding all settings.

Or it was the 1.9.10 – 14 September 2017 version update:
TinyMCE field: fixed issue with filter for TinyMCE plugins.

Thanks for making the updates!!!

This is the code we have to create the additional TinyMCE formats, following this tutorial:

/*
* Callback function to filter the MCE settings
*/

function my_mce_before_init_insert_formats( $init_array ) {  

// Define the style_formats array

	$style_formats = array(  
		// Each array child is a format with it's own settings
		array(  
			'title' => 'Button',  
			'selector' => 'a',  
			'classes' => 'btn',
			'wrapper' => false
		),
		array(  
			'title' => 'Uppercase Button',  
			'selector' => 'a',  
			'classes' => 'btn uppercase',
			'wrapper' => false
		),
		array(  
			'title' => 'Full-Width Button',
			'selector' => 'a',  
			'classes' => 'btn btn-full-width',
			'wrapper' => false
		),
		array(  
			'title' => 'Red Button',  
			'selector' => 'a',  
			'classes' => 'btn-primary',
			'wrapper' => false
		),
		array(  
			'title' => 'Uppercase Red Button',  
			'selector' => 'a',  
			'classes' => 'btn-primary uppercase',
			'wrapper' => false
		),
		array(  
			'title' => 'Full-Width Red Button',
			'selector' => 'a',  
			'classes' => 'btn-primary btn-full-width',
			'wrapper' => false
		),
		array(  
			'title' => 'Gray Button',  
			'selector' => 'a',  
			'classes' => 'btn-secondary',
			'wrapper' => false
		),
		array(  
			'title' => 'Uppercase Gray Button',  
			'selector' => 'a',  
			'classes' => 'btn-secondary uppercase',
			'wrapper' => false
		),
		array(  
			'title' => 'Full-Width Gray Button',
			'selector' => 'a',  
			'classes' => 'btn-secondary btn-full-width',
			'wrapper' => false
		),
		array(  
			'title' => 'All Caps Text',
			'inline' => 'span',
			'classes' => 'uppercase',
			'wrapper' => false
		),
		array(  
			'title' => 'UU Red Text',
			'inline' => 'span',  
			'classes' => 'uu-red',
			'wrapper' => false
		),
		array(
			'title' => 'Heading No Space before Paragraph',
			'inline' => 'span',  
			'classes' => 'heading-no-space-before-paragraph',
			'wrapper' => false
		),
		array(  
			'title' => 'Stretch Image Full-Width',
			'selector' => 'img',
			'classes' => 'img-full-stretch',
			'wrapper' => false
		),
		array(  
			'title' => 'Red Bullets List',
			'selector' => 'ul',  
			'classes' => 'red-bullets-list',
			'wrapper' => false
		),
		array(  
			'title' => 'Slanted Lines Seperator',  
			'selector' => 'hr',  
			'classes' => 'chevron',
			'wrapper' => false
		),
		array(  
			'title' => 'Drop Cap',  
			'selector' => 'p',  
			'classes' => 'drop-cap',
			'wrapper' => false
		), 
	);  
	// Insert the array, JSON ENCODED, into 'style_formats'
	$init_array['style_formats'] = json_encode( $style_formats );  
	
	return $init_array;  
  
} 
// Attach callback to 'tiny_mce_before_init' 
add_filter( 'tiny_mce_before_init', 'my_mce_before_init_insert_formats' );