WordPress 自定义主题中的 Bootstrap 3 响应式表格代码替换

Question

我正在使用 bootstrap 和 wordpress 集成。

在 bootstrap 集成之前，已有带有 <table> 的帖子。

为了确保 Bootstrap 的组件，我想添加包装器和类来替换所有现有帖子中的现有表格标签：

<table>...</table>

到

<div class="table-responsive">
    <table class="table table-condensed table-bordered">...</table>
</div>

在我的自定义主题的functions.php 中，我是否可以实现一个函数或过滤器来全局执行此代码注入？

Answer 1

一个可以在functions.php中使用的快速过滤器，不确定它是否是最好的方法，但可以解决问题：

    function wp_bootstrap_responsive_table( $content ) {  
        $content = str_replace( ['<table>', '</table>'], ['<div class="table-responsive"><table class="table table-bordered table-hover">', '</table></div>'], $content );

        return $content;  
    }  
    add_filter( 'the_content', 'wp_bootstrap_responsive_table' );