How to add table class for tables of TinyMCE advanced wordpress plugin?

Closed. This question is off-topic. It is not currently accepting answers.

---

Your question should be specific to WordPress. Generic PHP/JS/SQL/HTML/CSS questions might be better asked at Stack Overflow or another appropriate Stack Exchange network site. Third-party plugins and themes are off-topic for this site; they are better asked about at their developers' support routes.

Closed 6 years ago.

Improve this question

If you want to add a class for tables created using tinyMCE advanced wordpress plugin. Please see my answer.

Closed. This question is off-topic. It is not currently accepting answers.

---

Your question should be specific to WordPress. Generic PHP/JS/SQL/HTML/CSS questions might be better asked at Stack Overflow or another appropriate Stack Exchange network site. Third-party plugins and themes are off-topic for this site; they are better asked about at their developers' support routes.

Closed 6 years ago.

Improve this question

If you want to add a class for tables created using tinyMCE advanced wordpress plugin. Please see my answer.

• plugins
• tinymce

Share Improve this question asked Nov 16, 2018 at 10:28 DushanDushan 12177 bronze badges

Add a comment  | 

1 Answer 1

Sorted by: Reset to default 1

Add this code in your theme's functions.php file

//wp-content/themes/my-theme/functions.php
function bootstrap_classes_tinymce($settings)
{
    $styles = array(
        array(
            'title' => 'None',
            'value' => ''
        ),
        array(
            'title' => 'Table',
            'value' => 'table',
        ),
        array(
            'title' => 'Striped',
            'value' => 'table table-striped table-hover',
        ),
        array(
            'title' => 'Bordered',
            'value' => 'table table-bordered table-hover',
        ),
    );

    $settings['table_class_list'] = json_encode($styles);

    return $settings;
}

add_filter('tiny_mce_before_init', 'bootstrap_classes_tinymce');

Feel free to remove table-hover class if you don't need it.

If you need more information use this link.