Come utilizzare html nelle descrizioni comandi di Foundation?

Question

È possibile utilizzare html nelle descrizioni comandi di Foundation?

Answer 1

sì. supporta. controllare this link. ho provato semplice HTML e quel supporto. devi inserire html nell'attributo title.

Answer 2

Sì. Supporta HTML nell'attributo del titolo.

da foundation.tooltip.js:

create : function ($target) { 
    var $tip = $(this.settings.tip_template(this.selector($target), $('<div></div>').html($target.attr('title')).html())), 
    ... 

rottura che giù crea un nuovo elemento avvolto in un div ei contenuti dell'attributo titolo sono inseriti nel div utilizzando il metodo che sarà html() convertire qualsiasi markup nella stringa in elementi html.

Il seguente codice:

<img src="example.png" 
    class="general-infotip has-tip tip-top" 
    data-tooltip 
    title="<b>This is bold</b> This is not" /> 

si tradurrà in una descrizione comandi che assomiglia

Questo è in grassetto Questo non è

Answer 3

In Fondazione v6.3 + , puoi aggiungere l'attributo data-allow-html = "true" all'elemento per consentire l'html nel suggerimento.

Ad esempio:

<span data-tooltip data-allow-html="true" aria-haspopup="true" 
     class="has-tip" data-disable-hover="false" tabindex="1" 
     title="Fancy word for a <strong>beetle</strong>. <br><br><img src=https://pbs.twimg.com/profile_images/730481747679432704/uc08_dqy.jpg />"> 

    Scarabaeus 

</span> 

Qui si sta lavorando in jsfiddle.

Per ulteriori informazioni, consultare il pull request.