форматирование

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.Если вы хотите добавить его в раскрывающийся список Формат , то для этого потребуется другой параметр конфигурации.

Если вы хотите новый Стиль в раскрывающемся списке, товам нужно поместить приведенное выше правило класса CSS в файл .css и настроить TinyMCE следующим образом:

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