Добавить класс / идентификатор к пути в TinyMCE4

Question

Быстрый вопрос:

Есть ли способ добавить класс и / или идентификатор элементов в path строки состояния TinyMCE под содержимым?

Answer 1

Элементы в строке состояния имеют набор классов из Tiny Editor, вы можете просмотреть их в браузере (chrome или firefox) с помощью f12.

Оттуда нет проблем переопределить текущий стильс некоторым кодом, таким как

.mce-statusbar.mce-container {
    position         : relative;
    height           : 0;
    margin-top       : -20px;
    opacity          : 0.5;
    background-color :#fff;
    border           : 1px solid #333;
}

Кроме того, вы можете манипулировать кодом, где содержимое записывается в строке состояния.Смотрите плагин Wordcount для примера.Они используют такой код для обновления строки состояния и ввода имени класса:

        if (statusbar) {
           Delay.setEditorTimeout(editor, function () {
               statusbar.insert({
          type: 'label',
          name: 'wordcount',
          text: ['Words: {0}', getCount()],
          classes: 'wordcount',
          disabled: editor.settings.readonly
        }, 0);

        editor.on('setcontent beforeaddundo undo redo keyup', debouncedUpdate);
      }, 0);
    }

Answer 2

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