LoginSignup
3
3

More than 5 years have passed since last update.

TinyMCE で strong や em タグをインラインスタイルに置き換える方法

Posted at

TinyMCE では 「B」「I」ボタンで、太字や斜体にできますが、デフォルトでは strong タグ、 em タグをラップされます。
カスタムフォーマットを利用して、これを、 span タグでラップしてスタイルを適用するように変更できます。

カスタムフォーマット

italic をインラインスタイルに変更してみる。

$(function() {
    tinyMCE.init({
        ...
        formats:{
            italic: {inline: 'span', styles: {fontStyle: 'italic'}}
        }
    });
});

bold をクラス名 bold を指定して別途スタイルしてみる。

$(function() {
    tinyMCE.init({
        ...
        formats:{
            bold: {inline: 'span', 'classes': 'bold'}
        }
    });
});

参考

3
3
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
3
3