2011-06-06 102 views
2

我使用下面的代碼塊來格式化文本:TinyMCE的格式化

'formats': { 
     'format_code': { 
      'block': 'pre', 
      'styles': { 
       'color': '#000000', 
       'backgroundColor': '#f0f0f0', 
       'fontFamily': 'monaco,consolas,courier new,monospace', 
       'fontSize': '1.0em', 
       'width': '80%', 
       'minHeight': '5.0em', 
       'maxHeight': '15.0em', 
       'overflow': 'auto', 
       'border': '1px solid #999999', 
       'padding': '1.0em' 
      } 
     } 

此代碼塊給我。現在我想將其更改爲使用CSS類。

任何人都可以告訴我如何做到這一點。我對tinyMCE並不熟悉。

回答

1

CSS幾乎完全相同。 camelCase屬性是用CSS分隔的,並且包含空格的字體必須被引用。

.myClassSelector { 
    color:#000000; 
    backgroundColor:#f0f0f0; 
    font-family:monaco,consolas,"courier new",monospace; 
    font-size:1em; 
    width:80%; 
    min-height:5em; 
    max-height:15em; 
    overflow:auto; 
    border:1px solid #999999; 
    padding:1em; 
} 

我假設你想將其添加到下拉樣式在TinyMCE的。如果您想將其添加到格式下拉式選單中,則需要使用其他配置選項。

如果你想有一個新的風格在下拉,那麼你需要把CSS類規則之上的.css文件和configure TinyMCE如下:

tinyMCE.init({ 
    theme:'advanced', 
    content_css:'path/to/css/file', 
    style_formats : [ 
     {title : 'My Style', block : 'div', classes : 'myClassSelector'} 
    ] 
});