More than 5 years have passed since last update.

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

Posted at 2015-04-03

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