Tinymce форматов и style_formats: удалить старый класс при переключении на другой формат стиля

Question

Я создал несколько пользовательских форматов стилей, которые добавляют класс к элементу уровня блока. Проблема в том, что когда я применяю один стиль, он сохраняет старый класс и добавляет новый класс.

Как удалить старый класс при переключении на другой формат?

mce_options_article = {
        // ...
        formats: {
          p_grey: { selector: 'p', classes: 'grey' },
          p_red: { selector: 'p', classes: 'red' } 
        },
        style_formats: [
          {title: 'Paragraph Color', items: [
            {title: 'Grey ', format:'p_grey'},
            {title: 'Red ', format:'p_red'},
           ]},
        ]
        // ...
    }

Answer 1

Используйте атрибуты вместо классов.

Вот что я сделал:

mce_options_article = {
    // ...
    formats: {
      p_grey: { selector: 'p', attributes: {'class':'grey'} }, // use attributes
      p_red: { selector: 'p', attributes: {'class':'red'} } // use attributes
    },
    style_formats: [
      {title: 'Paragraph Color', items: [
        {title: 'Grey ', format:'p_grey'},
        {title: 'Red ', format:'p_red'},
       ]},
    ]
    // ...
}