philJohnson
9/11/2015 - 1:10 AM

Tiny MCE advanced formats

Tiny MCE advanced formats


function my_mce_css() {
	return get_bloginfo('template_url').'/css/editor-style.css';
}

add_filter( 'mce_css', 'my_mce_css' );

add_filter( 'tiny_mce_before_init', 'my_mce_before_init_insert_formats' );

function my_mce_before_init_insert_formats( $settings ) {

    $style_formats = array(

        array(
        	'title' => 'Lead Paragraph',
        	'selector' => 'p',
        	'classes' => 'lead_paragraph'
        ),
        array(
        	'title' => 'Red',
        	'inline' => 'span',
        	'classes' => 'red'
        ),
        array(
        	'title' => 'Button',
        	'selector' => 'a',
        	'classes' => 'button'
        ),
        array(
        	'title' => 'Red Button',
        	'selector' => 'a',
        	'classes' => 'button red'
        ),
        array(
        	'title' => '2 Columns',
			'block' => 'div',
			'wrapper' => true,
        	'classes' => 'columns'
        ),
    );

    $settings['style_formats'] = json_encode( $style_formats );

    return $settings;

}