tinymceで「文字サイズを大きくしてから、一部の文字の色を指定すると、文字サイズが元に戻ってしまう」を解決してみた

admin

6年前

現象： 文字サイズを大きくしてから、一部の文字の色を指定すると、文字サイズが元に戻ってしまう

原因： 親の属性を継承していない。

<span class="bold" style="font-size: 36pt;">
  テス
  <span style="color: #0000ff;">
    ト
  </span>
</span>

テス

ト

</span>

対策：tinymceでstyleの継承が指定できるオプションがないか探してみたが、発見出来なかった。
次善の策として、表示する直前に文字サイズ・太字・色を継承するCSSを追加した。
※bold(太字)は、勝手に親要素から影響を受けるので指定しなくても大丈夫？

<style type="text/css">
span {
  font-size: inherit;
  color: inherit;
}
</style>

span {

font-size: inherit;

color: inherit;

}

</style>