Javascript 如何在HTML中生成源代码列表块？

有漂亮的源代码清单

查看源代码，我得到了这个HTML代码

<pre class="brush: cpp; wrap-lines: false;">

#ifndef PROGRESSSTATE_H_
#define PROGRESSSTATE_H_

class ProgressState {

  ...

#endif /* PROGRESSSTATE_H_ */
</pre>

#ifndef PROGRESSSTATE_H_
#定义进程状态_
阶级进步国家{
...
#endif/*PROGRESSSTATE_H_*/

在我看来，css发挥了神奇的作用。如果是这样的话，拥有源代码列表的css应该是什么样子？

---

如果不是，那么如何将源代码转换为HTML？

它可能使用javascript高亮显示库，例如

javascript将选择CSS类名，并使用

画笔

值突出显示

标记的内容

---

它是通过对DOM进行大量更改来完成的——使用特定样式添加div和span。

它可能使用了javascript高亮显示库，例如

javascript将选择CSS类名，并使用

画笔

值突出显示

标记的内容

它是通过对DOM进行大量更改来完成的——使用特定样式添加div和span