Некоторые кнопки на панели инструментов имеют недопустимые значки при использовании последней версии font-awesome 5.3.
У кого-нибудь есть хорошее обходное решение, пока ngx-editor не поддерживает 5.3?
... Надеюсь, что кто-то решил эту проблему в своем проекте! :)
Спасибо!
Я прочитал документацию, но не нашел способа изменить значки
На данный момент мое решение заключается в замене классов (стилей) в хуке жизненного цикла 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);
}
}
