wake-up-neo.net

TinyMCE Editor ändert das Verhalten der Schaltfläche "Unterstreichen" - "U-Tag" anstelle der Unterstreichung der Bereichs-Textdekoration

Wie oben. Ich möchte das Verhalten von WordPress Edtior TinyMCE ändern, wenn ich auf die Unterstreichungsschaltfläche klicke. Ich möchte, dass TinyMCE meine Auswahl mit <u></u>-Tags umschließt. Jetzt weiß ich, dass das Tag u in HTML 4 ~ veraltet war, aber laut W3 kann es wieder in HTML5 verwendet werden. Sowieso! Ich benötige ein <u>-Tag - kein <span>.

Gibt es eine Möglichkeit, das standardmäßige Verhalten der Unterstreichungstasten zu ändern, ohne Shortcodes zu verwenden oder Kerndateien zu bearbeiten? So etwas wie ein Hook, um das Verhalten des Editors in functions.php zu ändern, wäre schön :) Danke!

1
pbe

Nach ein paar Tagen habe ich es zum Arbeiten gebracht. Ich muss diese Kerndateien überprüfen, jetzt weiß ich, wie. Wie auch immer, hier ist der Arbeitscode:

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');

Füge es einfach zu functions.php hinzu und du kannst loslegen. Es wird wahrscheinlich einfacher sein, wenn Sie die Punkte . entfernen und die Zeichenfolge verbinden. Ich hoffe es hilft!

1
pbe