如何让WordPress接受文章中的<style>标签(或其他替代方案)

时间:2015-12-09 作者:R.G.

WordPress(即TinyMCE)自动剥离<style> 新版本文章中的标记。这意味着,您只能依赖内联CSS,这使得代码对于更复杂的样式选项来说很难看,而且也很有限。

就我而言,我想包括:hover 功能,但:hover 不适用于内联CSS。使用<style> 但主体中的标记也不起作用。

我试过了this 修复/破解,但它不适用于较新版本的WordPress。

有什么建议可以改变这一点吗?

(另一种选择是让WordPress接受为单个文章包含外部CSS文件。)

1 个回复
SO网友:Dave Romsey

这个<style> 需要将标签添加到tinyMCE的extended_valid_elements 要防止该标记上出现踩踏的数组:

function wpse211235_add_tiny_mce_before_init( $options ) {

    if ( ! isset( $options[\'extended_valid_elements\'] ) ) {
            $options[\'extended_valid_elements\'] = \'style\';
    } else {
            $options[\'extended_valid_elements\'] .= \',style\';
    }

    return $options;
}
add_filter( \'tiny_mce_before_init\', \'wpse211235_add_tiny_mce_before_init\' );

相关推荐

在带有PHP的子主题中包含style.css

在里面https://codex.wordpress.org/Child_Themes 这是包含样式的最佳实践。css在子主题中,必须将下面的代码放入函数中。php的子主题,但将“父样式”替换为可以在函数中找到的父主题的参数。父主题的php。我在我的主题文件中找不到它,那里也没有多少代码。使用@import包含父主题样式表的方法不适用于我,放入文件的css不会在任何浏览器的站点上显示自己。function my_theme_enqueue_styles() { $parent_s