web-dev-qa-db-ja.com

TinyMCEエディタは下線ボタンの振る舞いを変更 - スパンテキスト装飾下線の代わりにuタグ

上記のように。下線ボタンをクリックしたときにWordPress Edtior TinyMCEの動作を変更したいのですが、TinyMCEで選択範囲を<u></u>タグで囲む必要があります。今、私はuタグがHTML 4〜で非推奨であることを知っています、しかしW3によればそれは再びHTML 5で使われることができます。いずれかの方法! <u>ではなく<span>タグが必要です。

ショートコードやコアファイルを編集せずに、デフォルトの下線ボタンの動作を変更する方法はありますか? functions.phpのエディタの動作を変更するためのフックのようなものがいいでしょう:)ありがとう!

1
pbe

数日後、私はそれを働かせました。これらのコアファイルをチェックしてください、今私は方法を知っています。とにかく、これが作業コードです:

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

Functions.phpに追加するだけでいいです。ドット.を削除して文字列を結合すると、おそらくもっと簡単になります。それが役に立てば幸い!

1
pbe