php 多关键字 高亮显示实现代码

实现 PHP 代码多关键字高亮显示，可以使用代码库 SyntaxHighlighter。

Step 1 安装代码库

可以从GitHub上下载代码库，或者使用CDN引入代码库。以下是使用CDN的示例：

<link rel="stylesheet" href="//cdn.jsdelivr.net/github/Theme/github.min.css">
<script src="//cdn.jsdelivr.net/highlight.js/11.1.0/highlight.min.js"></script>
<script>hljs.highlightAll();</script>

由于代码库是基于 JavaScript 实现的，因此需要在 HTML 页面中引入代码库并执行相关代码。

Step 2 编写需要高亮显示的代码

在需要高亮显示的代码块中添加 class="hljs" 属性，这样代码库就会自动识别该代码块并进行高亮显示。

<pre><code class="hljs php">
// PHP 代码
&lt;?php
    $name = "张三";
    echo "我叫{$name}。";
?&gt;
</code></pre>

此处的 php 就是关键字，代码库会将关键字高亮显示。如果需要高亮显示多个关键字，使用空格分隔。

<pre><code class="hljs php">
// PHP 代码
&lt;?php
    $name = "张三";
    $age = 20;

    echo "我叫{$name}，今年{$age}岁。";
?&gt;
</code></pre>

示例说明

示例1

在下面的代码块中，我们使用了多个关键字高亮显示：if、else、while。

<pre><code class="hljs php">
// PHP 代码
&lt;?php
    $name = "张三";
    $age = 20;

    if ($name == "张三") {
        echo "我叫{$name}，";

        if ($age > 18) {
            echo "我已经成年了。";
        } else {
            echo "我还未成年。";
        }
    } else {
        echo "我不叫张三。";
    }
?&gt;
</code></pre>

示例2

下面的代码块中，我们使用了多个关键字高亮显示：class、function、public、private、protected。

<pre><code class="hljs php">
// PHP 代码
&lt;?php
    class Person {
        public $name;
        private $age;
        protected $gender;

        function __construct($name, $age, $gender) {
            $this->name = $name;
            $this->age = $age;
            $this->gender = $gender;
        }

        public function getName() {
            return $this->name;
        }

        private function getAge() {
            return $this->age;
        }

        protected function getGender() {
            return $this->gender;
        }
    }
?&gt;
</code></pre>