Can I add to the format pulldown in tinyMCE within wordpress

Question

Deperately trying to find a way to add some styles to the format pull down in the tinyMCE. I have worked out how to strip out the ones I do not need with

    <?php
add_filter('tiny_mce_before_init', 'set_blockformats');

function set_blockformats($settings)
{

    $settings['theme_advanced_blockformats'] = "p,h3";

    return $settings;
}

?>

but if I try to add my own style, say <div class="someClass">, I just get an empty line in the pulldown that seems to have no effect on the HTML of the selected text.

Where am I going wrong?

Answer 1

Yes, you can. What you are looking for is the formats setting. Here is an example (you need to make sure that the classes you want to use are to be found inside the css file you set with the custom_css setting):

// Style formats you want to add
formats: [{
    title: 'Title1'
}, {
    title: 'CSS_1',
    block: 'p',
    classes: 'class1',
    exact: true
}, {
    title: 'CSS_2',
    block: 'p',
    classes: 'class2',
    exact: true
}, {
    title: 'CSS_§',
    inline: 'span',
    classes: 'class3',
        exact: true
}],

PHP for wordpress should be:

$settings['formats'] = "[{
        title: 'Title1'
    }, {
        title: 'CSS_1',
        block: 'p',
        classes: 'class1',
        exact: true
    }, {
        title: 'CSS_2',
        block: 'p',
        classes: 'class2',
        exact: true
    }, {
        title: 'CSS_§',
        inline: 'span',
        classes: 'class3',
            exact: true
    }]";