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

Question

[uzi_no_uzi]

Разрабатываю проект на 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 сделать так, чтобы все свойства остались на месте, но можно было бы добавить свой контент внутри?

Answer 1

[xmoonlight]

Почитайте

Comments

[uzi_no_uzi]

Там только для смены цвета, а мне нужно сделать один кусок жирным + нужно еще туда мини-блок вставить с уровнем игрока, а этот блок вообще по свойму кастомизирован

[xmoonlight]

uzi_no_uzi, там есть образец, как вставлять свои html-теги.