tinymce格式化

Question

我使用以下代码块来格式化文本：

    '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不熟悉。

Answer 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中的下拉列表样式。如果要将其添加到 Format 下拉列表中，则需要使用不同的配置选项。

如果您想在下拉列表中添加新的 Style ，则需要将CSS类规则放在.css文件和configure TinyMCE中，如下所示：

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