自定义tinyMCE 4样式和格式下拉菜单

时间:2014-05-21 作者:Charles

正如在多篇文章中指出的,WP 3.9的tinyMCE 4格式存在一些大问题-这段代码非常接近:

TinyMCE: adding CSS to format dropdown

但也有一些问题——以下是我发现的问题:

“color”不起作用(正如我在问题底部指出的那样)“block”=>“p”本身不起作用,但如果您添加一个带有“classes”的类,它会起作用,但如果它不起作用,似乎无法控制下拉列表中的字体大小和类型,有人能想出解决这些问题的方法吗?

1 个回复
SO网友:Dalton Rooney

您可以通过以下方式控制“格式”下拉列表中的字体大小和类型adding an editor style.

WPSE用户helgatheviking 解释了如何在她的帖子中向格式下拉列表添加样式here. 我已经包含了下面的相关代码,其中有一个小的调整,允许下拉项也继承CSS属性,如颜色和线条高度。

function mce_mod( $init ) {
    $init[\'block_formats\'] = \'Paragraph=p;Heading 3=h3;Heading 4=h4\';

    //This allows color styles to be inherited from the editor styelsheet.
    unset($init[\'preview_styles\']);

    $style_formats = array (
        array( \'title\' => \'Bold text\', \'inline\' => \'b\' ),
        array( \'title\' => \'Red text\', \'inline\' => \'span\', \'styles\' => array( \'color\' => \'#ff0000\' ) ),
        array( \'title\' => \'Red header\', \'block\' => \'h1\', \'styles\' => array( \'color\' => \'#ff0000\' ) ),
        array( \'title\' => \'Example 1\', \'inline\' => \'span\', \'classes\' => \'example1\' ),
        array( \'title\' => \'Example 2\', \'inline\' => \'span\', \'classes\' => \'example2\' )
    );

    $init[\'style_formats\'] = json_encode( $style_formats );

    $init[\'style_formats_merge\'] = false;
    return $init;
}
add_filter(\'tiny_mce_before_init\', \'mce_mod\');

function mce_add_buttons( $buttons ){
    array_splice( $buttons, 1, 0, \'styleselect\' );
    return $buttons;
}
add_filter( \'mce_buttons_2\', \'mce_add_buttons\' );

结束

相关推荐

添加自定义文本颜色WordPress 3.9 TinyMCE 4可视化编辑器

我有一个代码片段,它可以帮助我在visual editor文本颜色下拉列表中添加一些自定义颜色以及默认颜色。我正在粘贴下面的片段。function change_mce_options( $init ) { $default_colours = \'000000,993300,333300,003300,003366,000080,333399,333333,800000,FF6600,808000,008000,008080,0000FF,666699,808080,FF0000,FF990