javascript - Magento で tineMCE H タグをカスタマイズする方法

Question

Magento の CMS ページ エディターの場合、tinyMce エディターで H タグの書式を変更したいと考えています。H1タグのようなものをお願いします。赤、太字、font:36pxです。

これを達成するにはどうすればよいでしょうか。

function init(){
    tinyMCE.init({
            style_formats:[
                {title:'h1', inline:'b', block:'h1', styles:{'font-size': '36px', 'font-family':'Arial','color':'#ff9900'}}
            ]
    });
}
document.observe('dom:loaded', init);

上記を試しましたが、うまくいきません。

Answer 1

次の css コードをeditor.css(構成パラメーター editor_css ( editor_css: '/path_to/editor.css'))に追加します。

h1 {
  'font-size': '36px',
  'font-family':'Arial',
  'color':'#ff9900'
}