web-dev-qa-db-fra.com

TinyMCE Editor modifie le comportement du bouton de soulignement - la balise u au lieu du soulignement de texte et de décoration

Comme ci-dessus. Je souhaite modifier le comportement de WordPress Edtior TinyMCE lorsque je clique sur le bouton de soulignement. Je souhaite que TinyMCE enveloppe ma sélection de balises <u></u>. Maintenant, je sais que la balise u était obsolète en HTML 4 ~ mais, selon W3, elle peut être utilisée à nouveau en HTML5. En tout cas! J'ai besoin d'un tag <u> - pas d'un <span>.

Existe-t-il un moyen de changer le comportement du bouton de soulignement par défaut sans aucun code court ni édition de fichier de base? Quelque chose comme un crochet pour changer le comportement de l'éditeur dans functions.php serait sympa :) Merci!

tinymcewp-editorplugin-tinymce
1
pbe

Après quelques jours, je l'ai mis au travail. Je dois vérifier ces fichiers de base, maintenant je sais comment. Quoi qu'il en soit, voici le code de travail:

function my_tiny_mce_tweaks( $first_init ) {
  $first_init['formats'] = '{' .
      'alignleft: [' .
          '{selector: "p,h1,h2,h3,h4,h5,h6,td,th,div,ul,ol,li", styles: {textAlign:"left"}},' .
          '{selector: "img,table,dl.wp-caption", classes: "alignleft"}' .
      '],' .
      'aligncenter: [' .
          '{selector: "p,h1,h2,h3,h4,h5,h6,td,th,div,ul,ol,li", styles: {textAlign:"center"}},' .
          '{selector: "img,table,dl.wp-caption", classes: "aligncenter"}' .
      '],' .
      'alignright: [' .
          '{selector: "p,h1,h2,h3,h4,h5,h6,td,th,div,ul,ol,li", styles: {textAlign:"right"}},' .
          '{selector: "img,table,dl.wp-caption", classes: "alignright"}' .
      '],' .
      'strikethrough: {inline: "del"},' .
      'underline: {inline: "u"}' .
  '}';

  return $first_init;
}
add_filter('tiny_mce_before_init', 'my_tiny_mce_tweaks');

Ajoutez-le simplement à functions.php et vous pourrez continuer. Ce sera probablement plus facile si vous supprimez les points . et joignez la chaîne. J'espère que ça aide!

1
pbe