gistfile1.txt

//
// Set extra styles for TINY MCE
// 1. Enable the styles dropdown
add_filter( 'mce_buttons_2', 'my_mce_buttons_2' );
function my_mce_buttons_2( $buttons ) {
	array_unshift( $buttons, 'styleselect' );
	return $buttons;
}

// 2. Add the correct style
add_filter( 'tiny_mce_before_init', 'my_mce_before_init' );
function my_mce_before_init( $init_array ) {
	$style_formats = array (
		/*
		array(
			'title' => '.feature_full',
			'block' => 'p',
			'classes' => 'feature_full',
			'wrapper' => false
		),
		array(
			'title' => 'Lijst met tussenlijnen',
			'selector' => 'ul',
			'classes' => 'lines',
		),
		array(
			'title' => 'Kleine letters',
			'selector' => 'p',
			'classes' => 'small',
		),
		array(
			'title' => 'Kleine letters onder knop',
			'selector' => 'p',
			'classes' => 'button_subscript',
		),
		array(
			'title' => 'Catalogus',
			'selector' => 'p',
			'classes' => 'catalog',
		),
		array(
			'title' => 'Knop',
			'selector' => 'p',
			'classes' => 'button',
		),
		array(
			'title' => 'Titel extra aandacht',
			'selector' => 'h3',
			'classes' => 'extra_attention',
		),
		array(
			'title' => 'Tekst extra aandacht',
			'selector' => 'p',
			'classes' => 'extra_attention',
		)
		array(
			'title' => 'CTA',
			'block' => 'div',
			'wrapper' => 'true',
			'classes' => 'cta_block',
		),
		array(
			'title' => 'Knop',
			'selector' => 'p',
			'classes' => 'btn',
		),
		array(
			'title' => 'Mini titel',
			'selector' => 'p',
			'classes' => 'mini_title',
		),
		array(
			'title' => 'Extra aandacht',
			'selector' => 'p',
			'classes' => 'extra_attention',
		),
		array(
			'title' => 'Lees meer',
			'selector' => 'p',
			'classes' => 'read_more',
		),
		array(
			'title' => 'Lijst met tussenlijnen',
			'selector' => 'ul',
			'classes' => 'lines',
		),
		array(
			'title' => 'Teller (eerste karakters)',
			'selector' => 'h2',
			'classes' => 'counter'
		),
		array(
			'title' => 'Audiologen',
			'block' => 'div',
			'wrapper' => true,
			'classes' => 'employees'
		),
		array(
			'title' => 'Vestigingsformulier',
			'block' => 'div',
			'wrapper' => true,
			'classes' => 'store_form'
		),
		 */
		array(
			'title' => 'Introtekst',
			'selector' => 'p',
			'classes' => 'intro',
		),
		array(
			'title' => 'Lijst met tussenlijnen',
			'selector' => 'ul',
			'classes' => 'lines',
		),
		array(
			'title' => 'Knop',
			'selector' => 'p',
			'classes' => 'btn',
		),
		array(
			'title' => 'Knop 2',
			'selector' => 'p',
			'classes' => 'btn_2',
		),
	);
	$init_array['style_formats'] = json_encode( $style_formats );
	return $init_array;
}
// 3. Show the styles in the backend
function my_theme_add_editor_styles() {
    add_editor_style();
}
add_action( 'admin_init', 'my_theme_add_editor_styles' );