🔰syntax highlighting

devtools ⟩ syntax highlighting

HTML 中,要實現程式碼的語法高亮 (syntax highlighting),通常可以使用程式碼高亮的 JavaScript 函式庫,例如 Prism.jsHighlight.js

  • ChatGPT ⟩ 語法高亮實現方法

實現方法

📁 html

<head>
<link href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/themes/prism.css" rel="stylesheet" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/prism.js"></script>
</head>

<body>
<pre><code class="language-javascript">function greet(name) {
    console.log(`Hello, ${name}!`);
}
greet("World");
</code></pre>
</body>

Last updated

Was this helpful?