Wie HTML-Label in Highlight.js angezeigt werden?

Question

Ich möchte einen Text anzeigen mit < p> Hallo Welt! </p> int? aber es zeigt, dass unter

<pre> 

<code > 

    <p>Hello World ! </p> 

</code> 

</pre> 

Answer 1

können Sie() in JQUERY anhängen verwenden. aber es ist schwierig, spezifische Sprache in Highlight js anzupassen.

aber Sie besser verwenden Attr, um manuell zu bekommen, was der Code your'e verwenden.

ich habe einfach Code hier

$(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); 
});