javascript - 如何在 Magento 中自定义 tineMCE H 标签

Question

对于 Magento 中的 CMS 页面编辑器，我想更改 tinyMce 编辑器中 H 标签的格式。我想要类似 H1 标签的东西，它是红色的，粗体，字体：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'
}