Home » Wordpress » Can I add to the format pulldown in tinyMCE within wordpress

Can I add to the format pulldown in tinyMCE within wordpress

Posted by: admin November 30, 2017 Leave a comment

Questions:

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?

Answers:

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
    }]";

Questions:
Answers:

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!