Puis-je utiliser du HTML complexe avec l'infobulle de Twitter Bootstrap ?

Question

Si je vérifie documentation officielle je peux voir une propriété appelée HTML :

Name    |    Type       |    default  |    Description
----------------------------------------------------------------------------
html    |    boolean    |    false    |    Insert html into the tooltip. 
                                           If false, jquery's text method 
                                           will be used to insert content 
                                           into the dom. Use text if you're 
                                           worried about XSS attacks.

Il est écrit "insérer du html dans l'infobulle", mais le type est booléen. Comment puis-je utiliser du html complexe dans une infobulle ?

Answer 1

Depuis bootstrap 5, vous pouvez simplement spécifier que le contenu de l'infobulle doit être html Les nœuds du DOM lors de sa configuration. Exemple de configuration...

// setup tools tips trigger
const tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]'))
const tooltipList = tooltipTriggerList.map(function (tooltipTriggerEl) {
     return new Tooltip(tooltipTriggerEl, {
           html: true // <- this should do the trick!
     })
});