如何在网页中使用php highlight

PHP

小樊

2024-09-15 10:19:06

栏目: 编程语言

要在网页中使用 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）来读取文件并将其内容发送给客户端。

如何在网页中使用php highlight

最新问答

相关标签