TinyMCEのiframe bodyにクラスを追加する

WordPressは編集画面のビジュアルエディタの表示をカスタマイズする機能があります。

Editor Style - WordPress Codex 日本語版

ただ、Iframeのhtml構造と、テーマのhtml構造は同じではないので、editor-style.cssには、専用の記述を行う必要がありますが、

ちょっと工夫をするとeditorのiframeのbody要素にクラスを追加することが出来ます。

テーマの functions.php等に記述します。

以下、entry-contentというクラスを追加するフィルターの例です。

add_filter( 'tiny_mce_before_init', 'raindrops_tinymce_add_body_class' );

if ( !function_exists( 'raindrops_tinymce_add_body_class' ) ) {

	function raindrops_tinymce_add_body_class( $init_array ) {

		$init_array[ 'body_class' ]= 'entry-content';
		return $init_array;
	}

}

新着記事

コメントは受け付けていません。