4
3 Поделились, 4 балла

Хочу поделиться информацией о том, как изменить панель инструментов визуального текстового редактора в GLPI v9.5.9 и ниже.

Открываем файл inc/html.class.php строка 3961

Правки и хуки GLPI - текстовый редактор
inc/html.class.php строка 3961

Мне потребовалось добавить в тулбар следующие кнопки:

  • Действие отмены
  • Действие возврата
  • Очистить формат

Заменяем код:

toolbar: 'styleselect | bold italic | forecolor backcolor | bullist numlist outdent indent | table link image | code fullscreen',

На этот код:

toolbar: 'undo redo | styleselect | removeformat | bold italic | forecolor backcolor | bullist numlist outdent indent | table link image | code fullscreen',

! Примечание

Код кнопки действие отмены «redo», а возврата «undo». Далее поставлен разделитель (сепоратор) «|» и кнопка очистки формата «removeformat».

ИМХО: Очень уж «топорный» визуальный вид системы, интуитивной навигацией не наделена, глазу не за что зацепиться, чувствую себя начинающим программистом верстающем сайт на чистом html в нотпаде.

Исходя из вышеупомянутой мысли, руки очень уж чесались сделать некоторые визуальные фичи для более приятного заполнения заявок и редактирования текста коллегами по цеху.

Добавление стилей в файл css/styles.scss :

/** tinymce editor **/
.mce-tinymce{
   .mce-container{
      iframe{
         min-width: 760px;
      }
   }
   .mce-container-body.mce-stack-layout {
      box-shadow: 0 0 15px -5px #c3c3c3;
   }
   .mce-toolbar-grp{
      padding: 0;
   }
   .mce-btn button {
      padding: 4px 6px;
      margin: 2px;
      border-radius: 3px;
   }
   .mce-btn button:hover {
      background: #8cabdb69;
   }
   .mce-toolbar .mce-btn:hover i {
      color: #333;
   }
   div.mce-edit-area{
      border: none;
   }
   .mce-edit-area.required {
      border: 1px rgba(255, 0, 0, 0.6) solid !important;
      border-left-width: 3px !important;
      padding-right: 0 !important;
      box-shadow: none;
   }
}

В следующей статье или позже поделюсь, как организовать добавление стилей в отдельный файл scss, чтобы не потерять новые данные после обновления и не вспоминать что добавлялось в общий файл.

Было:

Правки и хуки GLPI - текстовый редактор

Стало:

Правки и хуки GLPI - текстовый редактор

В целом, большинство данных статей пишу для себя в виде заметок, дабы не потерять инфу и не искать в куче вордовсих, экселевсих файлах, липких стикеров, прочей ерунды… Будет полезной другим, значит вдвойне не зря заморочился!

P.S. Тысячи извинений за ошибки по тексту, аэрографию орфографию и прочие недочеты — пишу, как правило поздней ночью, уставший и возможно после крепленого чаю 🙂


Нравится? Поделитесь с друзьями!

4
3 Поделились, 4 балла

Какова Ваша Реакция?

Конфуз Конфуз
0
Конфуз
Милый Милый
0
Милый
Черт Черт
0
Черт
Провал Провал
0
Провал
Забавно Забавно
1
Забавно
Зануда Зануда
0
Зануда
Хейт Хейт
0
Хейт
lol lol
0
lol
Лайк Лайк
1
Лайк
Любовь Любовь
1
Любовь
OMG OMG
0
OMG
Страшно Страшно
2
Страшно
Тошнота Тошнота
0
Тошнота
Победа Победа
0
Победа
WTF WTF
0
WTF
Счастье Счастье
0
Счастье
Дизлайк Дизлайк
0
Дизлайк
Ржака Ржака
0
Ржака
Пес

0 Комментариев

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Share via