要在网页中使用 PHP Highlight,您需要先确保服务器上已安装了 PHP
创建一个包含 PHP 代码的文本文件。例如,将以下内容保存为example.php:<?phpecho "Hello, World!";?>在 HTML 文件中添加一个 <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>使用 JavaScript 读取 PHP 文件,并将其内容插入到 <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)来读取文件并将其内容发送给客户端。