Comment afficher le label Html dans Highlight.js?

Question

Je veux afficher le texte avec < p> Hello World! </p> int? mais il montre que sous

<pre> 

<code > 

    <p>Hello World ! </p> 

</code> 

</pre> 

Answer 1

vous pouvez ajouter à l'aide() dans JQUERY. mais il est difficile de faire correspondre un langage spécifique en évidence js.

mais vous feriez mieux d'utiliser attr pour obtenir manuellement le code que vous utilisez.

j'ai code simple ici

$(document).ready(function() { 
var e = $("pre code"), 
     l = "<p class='windowLabel'>Hello World !</p>", 
    i = { border: 'solid 1px #222',background: '#222',display: 'inline-block',height: 'auto',padding: '0', lineHeight: '1.375rem',position: 'absolute',margin: '-6px 9px',top: 'auto',right: '2px',textAlign: 'center',textTransform: 'uppercase',fontSize: '13px',color: '#fff',borderRadius: '3px',zIndex: '30', opacity: '.8',transition: 'all .5s ease-in'}; 
    e.append(l); 
    $("p.windowLabel").css(i); 
});