ngx-редактор со шрифтом-5 - PullRequest
Новая
       30

ngx-редактор со шрифтом-5

0 голосов
/ 14 сентября 2018

Некоторые кнопки на панели инструментов имеют недопустимые значки при использовании последней версии font-awesome 5.3.

У любого есть хороший обходной путь, пока ngx-editor не поддерживает 5.3?

  • кнопка «image»: fa-picture-o была заменена на fa-image
  • кнопка «unlink»: fa-chain-broken-hassedзаменено fa-unlink

enter image description here

... Надеемся, что кто-то решил это в своем проекте!:)

Спасибо!

1 Ответ

0 голосов
/ 19 февраля 2019

Я прочитал документацию, но не смог найти способ поменять иконки

На данный момент мое решение заключается в замене (style) классов в ngAfterViewChecked крючок жизненного цикла.

Если вы не используете хук жизненного цикла ngAfterViewChecked, вы замените классы до того, как они появятся. (например, они не будут найдены, потому что редактор еще не находится в DOM)

Я надеюсь, что это (временное и уродливое) решение пока работает. 

ngAfterViewChecked() {
    this.replaceFontAwesomeIcons('fa-scissors',  'fa-cut');
    this.replaceFontAwesomeIcons('fa-files-o',  'fa-copy');
    this.replaceFontAwesomeIcons('fa-repeat',  'fa-redo');
    this.replaceFontAwesomeIcons('fa-picture-o',  'fa-image');
  }

private replaceFontAwesomeIcons(currentClassName: string, newClassName: string) {
    const icons = document.getElementsByClassName(currentClassName);
    for (let i = 0; i < icons.length; i++) {
      icons.item(i).classList.add(newClassName);
      icons.item(i).classList.remove(currentClassName);
    }
  }
...