阅读量:0
要在网页中使用 PHP Highlight，您需要先确保服务器上已安装了 PHP
- 创建一个包含 PHP 代码的文本文件。例如，将以下内容保存为
example.php：
<?php echo "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）来读取文件并将其内容发送给客户端。
