Can I add to the format pulldown in tinyMCE within wordpress

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.

Read More

Where am I going wrong?

Related posts

Leave a Reply

2 comments

  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
        }]";
    
  2. I guess you’re trying the insert blockquote format, not block. There’s no such tag AFAIW. Just the way you already do it but add blockquote to the list!