WordPress – TinyMCE Hook (Inline CSS)

Hin und wieder kann es nützlich sein individuelle Inline Styles zur Verfügung zu stellen. Im folgenden Beispiel geht es um die Anpassung der Farbe und der Bereitstellung im TinyMCE als zusätzliches Format. Zunächst die Funktion zur Erweiterung des TinyMCE, gefolgt von dem eigentlichen Aufruf. Beides ist in der functions.php verortet.

functions.php

function meine_tinymce_formate( $init_array ) {
    $style_formats = array(
        array(
            'title' => 'Akzentfarbe (orange)',
            'inline' => 'span',
            'styles' => array(
                'color'         => '#e95420',
            )
        ),
    );
    $init_array['style_formats'] = wp_json_encode( $style_formats );
    return $init_array;
}

add_filter( 'tiny_mce_before_init', 'meine_tinymce_formate' );

Auswahl im Classic Editor

Im Classic Editor ist dann die Akzentfarbe (orange) als Inline CSS wählbar.

Mehr:

• https://developer.wordpress.org/[…]
• https://codex.wordpress.org/TinyMCE_Custom_Styles

Verfasst am 19.11.23, durch Jens.