@uzi_no_uzi

Как безопасно внедрить HTML разметку?

Разрабатываю проект на React.js, нужно кастомизировать tooptip в графике от chart.js, а конкретно надо добавить туда некоторый HTML код. Для этого chart.js предоставляет специальный callback, (custom), но мне это не подходит, т.к. мне нужны все те свойства, которые есть уже у tooltip, нужно просто менять контент внутри.

Также в tooltip есть свойство label, которое мне подходит, но оно не предусматривает добавление HTML кода. В связи с этим вопрос, как мне безопасно добавить туда HTML? Проект серьезный и нельзя допустить такую ошибку в безопасности.

circleOptions: {
                maintainAspectRatio: false,
                responsive: true,
                cutoutPercentage: 80,
                legend: {
                    display: false,
                },
                tooltips: {
                    backgroundColor: '#fff',
                    displayColors: false,
                    bodyFontColor: '#000',
                    callbacks: {
                        label: (tooltipItem, data) => {
                            let label = `${this.state.circleData.players.nick[tooltipItem.index]}`;
                            console.log(label)
                            //В ПЕРЕМЕННУЮ LABEL НУЖНО КАК-ТО ДОБАВИТЬ HTML
                            return label;
                        }
                    }
                },


Либо можно как-то через callback custom сделать так, чтобы все свойства остались на месте, но можно было бы добавить свой контент внутри?
  • Вопрос задан
  • 131 просмотр
Пригласить эксперта
Ответы на вопрос 1
xmoonlight
@xmoonlight Куратор тега JavaScript
https://sitecoder.blogspot.com
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы