无法让 higlightjs 高亮 HTML 代码

Question

我在这里做了一个小文件

<!DOCTYPE html>
<html>
<head>
    <title>highlightjs</title>

    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.12.0/styles/darcula.min.css">

</head>
<body>

    <pre>
        <code class="php">
            namespace App\Http\Controllers;

            use Illuminate\Http\Request;
            use DB;
            use Session;

            class ProductController extends Controller
            {
                /**
                 * Show the application dashboard.
                 *
                 * @return \Illuminate\Http\Response
                 */
                public function index()
                {
                    $posts = DB::table("posts")->get();
                    return view('posts',compact('posts'));
                }

                /**
                 * Show the application dashboard.
                 *
                 * @return \Illuminate\Http\Response
                 */
                public function destroy($id)
                {
                    DB::table("posts")->delete($id);
                    Session::put('success', 'Your Record Deleted Successfully.');
                    return redirect()->route('posts');
                }
            }
        </code>
    </pre>

    <pre>
        <code class="xml hljs">    

            <body>
                <p class="title" id='title'>Title</p>

                <h2>Why is this HTML code not highlighted?</h2>

                &ltp&gtTeeeeest&lt/p&gt
            </body>

        </code>
    </pre>

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.12.0/highlight.min.js"></script>
<script>hljs.initHighlightingOnLoad();</script>
</body>
</html>

并且我正在尝试突出显示本网站上的 HTML 代码：

DEMO

而且它不起作用。他可能正在做我没有做的事情。但是什么？？我的 PHP 正确突出显示。如何突出显示 HTML 代码？

Answer 1

将 < 字符替换为 < 并将 > 字符替换为 > 内部代码标记。

无法让 higlightjs 高亮 HTML 代码

Can't get higlightjs to highlight HTML code

javascript

highlightjs