web-dev-qa-db-fra.com

Raccourci WordPress pour passer du mode visuel au texte et vice versa

J'utilise un éditeur WordPress par défaut, TinyMCE.

C’est peut-être simple, mais il me manque ce raccourci pour passer du mode Visual au mode Text et le contraire de Text à Visual.

 enter image description here 

J'ai cherché dans ici mais je n'ai pas trouvé d'indice.

Ce serait pratique lorsque je suis au bas de la page dans WordPress Editor et que je dois changer de mode.

Le contexte que je suis en train de faire devrait être ignoré. Le raccourci serait génial à partager.

S'il vous plaît, faites-moi savoir si je peux améliorer la question, ou s'il y a quelque chose de plus que je peux fournir.

visual-editor
3
prosti

Il n’existe aucun raccourci, mais vous pouvez en ajouter en ajoutant par exemple accesskeys à l’éditeur HTML généré (dans le fichier "functions.php" de votre thème):

function mytheme_edit_form_after_title( $post ) {
    ob_start();
}
function mytheme_edit_form_after_editor( $post ) {
    echo str_replace(
        array( 'id="content-tmce"', 'id="content-html"' ),
        array( 'id="content-tmce" accesskey="V"', 'id="content-html" accesskey="E"' ), // 'T' already used for 'Insert Read More tag'. 
        ob_get_clean()
    );
}
add_action( 'edit_form_after_title', 'mytheme_edit_form_after_title' );
add_action( 'edit_form_after_editor', 'mytheme_edit_form_after_editor' );

Mise à jour: Malheureusement, cela ne fonctionne pas sur Chrome (et pas très bien sur FF non plus). Le traitement des raccourcis TinyMCE est peut-être interférant. L'ajout d'un raccourci explicite semble également améliorer son fonctionnement après ce qui précède):

add_action( 'wp_tiny_mce_init', function () {
    ?>
    <script type="text/javascript">
        function wpse245062_tiny_mce_init( ed ) {
            ed.on( 'init', function () {
                this.addShortcut( 'alt+shift+e', '', function () {
                    jQuery( '#content-html' ).click();
                    jQuery( '#content' ).focus();
                } );
            } );
        }
    </script>
    <?php
} );
add_filter( 'tiny_mce_before_init', function ( $mceInit ) {
    $mceInit['setup'] = 'wpse245062_tiny_mce_init';
    return $mceInit;
} );
3
bonger