要在網頁中使用 PHP Highlight，您需要先確保服務器上已安裝了 PHP
example.php：<?php
echo "Hello, World!";
?>
<pre> 標簽，并將其 id 屬性設置為一個唯一值。例如：<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>PHP Highlight Example</title>
</head>
<body>
<pre id="php-code"></pre>
<!-- 引入 Prism.js 和相關 CSS 文件 -->
<link href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.23.0/themes/prism.min.css" rel="stylesheet" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.23.0/prism.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.23.0/components/prism-php.min.js"></script>
</body>
</html>
<pre> 標簽中。例如，在 HTML 文件中添加以下 JavaScript 代碼： // 從 example.php 文件獲取內容
fetch('example.php')
.then(response => response.text())
.then(data => {
// 將內容插入到 <pre> 標簽中
document.getElementById('php-code').innerText = data;
// 對 PHP 代碼進行高亮
Prism.highlightElement(document.getElementById('php-code'));
});
</script>
現在，當您打開 HTML 文件時，它將顯示一個包含 PHP 代碼的高亮區域。請注意，由于這種方法是在客戶端完成的，因此可能會受到跨域限制。如果您遇到跨域問題，請考慮使用服務器端技術（如 PHP）來讀取文件并將其內容發送給客戶端。
