javascript - 将 Javascript/Html/PHP 显示为文本

Question

我试图在网页上显示代码，就像文本一样，供用户查看。代码片段是从数据库中获取的，使用表单输入，然后使用 PHP 放入 div 中。然后使用 Jquery 在另一个元素中复制该 div 的 html。来自数据库的代码永远不会被执行；我基本上只是在做笔记。

代码示例:alert('Hello'); (可以是 PHP 或 html)

在我的浏览器中将其显示为文本的最佳方式是什么？

1. 使用 PHP 以某种方式过滤它，因为它是使用表单输入的。
2. 使用 HTML 标签(pre、xmp 标签、CDDATA)。
3. 使用一些 javascript 函数转换特殊字符。
4. 上述的组合。

使用示例如下。

PHP

$inputQuery="SELECT x FROM y";  
$input = mysqli_query($dbc,$inputQuery);
$row = mysqli_fetch_array($input);
//no issues above, just used to clarify the issue. If $input is javascript code, the  below doesn't work.

echo'
<div id="inputCode">'.$row["x"].'</div>';

JavaScript/JQUERY

var inputCode = $("#inputCode").html();
$( "#displayInputCode").html(inputCode);

Answer 1

使用htmlentities()将所有的HTML特殊字符转换为实体，这样它们就不会被执行:

echo'
<div id="inputCode">'.htmlentities($row["x"]).'</div>';