如何在Highlight.js中显示Html标签？

Question

我想用＆lt; p> Hello World！ ＆LT; / p为H. int？  但它显示在

下

<pre>

<code >

    <p>Hello World ! </p>

</code>

</pre>

Answer 1

你可以在JQUERY中使用append（）。但它很难匹配突出显示js中的特定语言。

但你最好使用attr来获得你正在使用的代码。

我这里有简单的代码

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