Fix di WP-syntax Tinymce

Fix di WP-syntax per l’uso con l’editor visuale

Un problema che potremmo riscontrare con WP-syntax e l’editor visuale di wordpress  Tinymce è il troncamento degli attributi o tag quindi, inserendo in modalità html gli attributi del tag pre come descritto nel nostro precedente articolo (WordPress: WP-syntax code highlighting), tornando in modalità html perderemo quello che abbiamo inserito.

Come risolvere il problema

Quello che dobbiamo fare è dire a tinymce di accettare anche gli attributi del tag <pre>inserendo questo semplice codice nel file functions.php del nostro tema

function change_mce_options( $init ) {
    // Command separated string of extended elements
    $ext = 'pre[lang|escaped=true|line]';

    // Add to extended_valid_elements if it alreay exists
    if ( isset( $init['extended_valid_elements'] ) ) {
        $init['extended_valid_elements'] .= ',' . $ext;
    } else {
        $init['extended_valid_elements'] = $ext;
    }

    // Super important: return $init!
    return $init;
}

add_filter('tiny_mce_before_init', 'change_mce_options');