Vakfın araç ipuçlarında html nasıl kullanılır?

Question

Vakfın araç ipuçlarında html kullanmak mümkün mü?

Answer 1

evet. destekler. this link'u kontrol edin. Basit html denedim ve bu destek. başlık özniteliğine html koymalısınız.

Answer 2

Evet. Başlık özniteliğinde html'yi destekler. foundation.tooltip.js den

: bir div sarılmış yeni öğesi oluşturur ki aşağı

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

kırma ve başlıkta adı geçen öznitelik içeriği hangi edecek html() yöntemi kullanılarak div sokulur dizedeki herhangi bir işaretlemeyi html öğelerine dönüştür.

Aşağıdaki kod:

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

benzeyen bir alet ucu neden olacak This değil kalın

Vakfı v6.3 olarak

Answer 3

+ , araç ipucundaki html'ye izin vermek için, data-allow-html = "true" özniteliğini ekleyebilirsin. Örneğin

: Burada

<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> 

o jsfiddle çalışmaktadır.

Daha fazla bilgi için, pull request adresine bakın.