使用JavaScript在HTML中自动格式化带颜色的代码

目前是否有任何可能的方法可以使用一个元素或样式表来自动格式化来自不同语言的代码？例如，在我的HTML文档中，我想展示一个用户可以在Python中使用的代码示例，但是，除非我手动更改每个代码块，否则代码块都是相同的颜色，但我希望这可以通过JavaScript或简单地通过外部css文件或支持此功能的api来完成

否则，我必须手动分配一个类并将其复制到每个代码元素上，这将是低效的

这将有效地像这个例子，无论我选择手动分配给每个元素的颜色是什么：

<a style="color: #ff7b00">import</a>
<a style="color: #001eff">def</a>
<a style="color: #001eff">async</a>
<a style="color: #ff00bf">print</a>

是否有另一种简单的方法可以定义它的类并自动格式化代码，或者是已经输入到HTML文档中的代码，或者是用户可以输入到字段中并将用户的输入转换为格式化版本

类似于stack overflow在用户没有包含“``标记时自动设置帖子格式 当然，这在JS中是可能的，但这将非常困难

---

highlight.js

为您做，我认为

StackOverflow

使用它

不，这是不可能的。您可以使用JS实现这一点，以便代码将源代码解析为标记，并将标记封装在HTML元素中。然后，您可以使用CSS为创建的元素设置样式。因此，您可以使用js库（或最初来源，现在可能有自己的版本）：