如何在网站中像字符串一样显示html代码和javascript

我想在网页中像文本类型一样显示此代码。我用的程序语言是PHP

<div>
    <a href="js/index.html">Js</a></div>
    <div><a href="php/index.php">PHP</a></div>
    <div><a href="test/index.html">Test</a></div>
    <input id="in" type="text">
    <div class="">Off season <span id="out"></span> this</div>
    <script src="js/assets/jquery.js"></script>
    <script>
        $("#in").keyup(function () {
            var text = this.value;
            $('#out').text(text);
        })
    </script>
</div>

<div>
    <a href="js/index.html">Js</a></div>
    <div><a href="php/index.php">PHP</a></div>
    <div><a href="test/index.html">Test</a></div>
    <input id="in" type="text">
    <div class="">Off season <span id="out"></span> this</div>
    <script src="js/assets/jquery.js"></script>
    <pre>
        $("#in").keyup(function () {
            var text = this.value;
            $('#out').text(text);
        })
    </pre>
</div>

今年淡季
$（“#in”）.keyup（函数（）{
var text=this.value；
$（'#out'）。text（text）；
})

除了我的评论：

今年淡季
$（“#in”）.keyup（函数（）{
var text=this.value；
$（'#out'）。text（text）；
})

您可以将其用作起点。

HTML转义

<?php
$var = '<div>
    <a href="js/index.html">Js</a></div>
    <div><a href="php/index.php">PHP</a></div>
    <div><a href="test/index.html">Test</a></div>
    <input id="in" type="text">
    <div class="">Off season <span id="out"></span> this</div>
    <script src="js/assets/jquery.js"></script>
    <script>
        $("#in").keyup(function () {
            var text = this.value;
            $("#out").text(text);
        })
    </script>
</div>';

highlight_string($var);
?>

---

有很多好的答案，但另一个可以使用的答案是：

---

答案是从这里得到的

你应该把它包装在

你的代码放在这里

标签中。

所以，我想说清楚，你希望它显示为实际代码而不是被解析？我不确定你想实现什么，但是要在不解析的情况下显示JavaScript文本，您可以尝试分别使用

和

。但是，使用

CSS

可以获得更漂亮的输出。我在浏览器中看不到html标记。那是我的问题。它仅显示页面源..:）。用更好的。

<?php
$var = '<div>
    <a href="js/index.html">Js</a></div>
    <div><a href="php/index.php">PHP</a></div>
    <div><a href="test/index.html">Test</a></div>
    <input id="in" type="text">
    <div class="">Off season <span id="out"></span> this</div>
    <script src="js/assets/jquery.js"></script>
    <script>
        $("#in").keyup(function () {
            var text = this.value;
            $("#out").text(text);
        })
    </script>
</div>';

highlight_string($var);
?>