Javascript 如何像堆栈溢出那样在我的网站上显示一段代码？

我想在我的网站上安全地显示代码。我在前端使用Bootstrap，在服务器端使用PHP

我的网站有一个评论框

如果我输入以下内容，那么整个网页就会失真。我想检测文本是一个代码，并以灰色背景显示它，就像堆栈溢出一样。我正在创建一个类似博客的网站，在主页上显示前300个字符。因此，如果我使用代码标签，那么开始标签仍然存在，但没有结束标签，我最终扭曲了我的网站。我还尝试集成TinyMCE和CKEditor等文本编辑器

您可以使用

”；
<?php
    $code = "<p>This is some <b>html</b> code";
    // safely display the code in the website:
    echo("<pre>" . $code . "</pre>");
?>

?>

---

如果您喜欢更复杂的东西（如systax高亮显示），请尝试使用此开源解决方案：

您可以尝试使用

pre

和HTML实体，并应用一些CSS进行样式设置：

pre{
边框：1px实心#ccc；
填充：10px；
背景：线性梯度（#eff0f1，#eff0f1）8px 8px/calc（100%-16px）calc（100%-16px）无重复；
}

a class=“link”这是一个链接/a
p这是一些内容/p

因此，请打开stackoverflow页面的源代码，并查看它是如何完成的。仅供参考SE使用一种标记编辑器。内容是动态的。如果是静态的，则可以工作。@SamratV查看更新；）Afif如果希望显示Java、Python或其他编程语言的代码，请告诉我该怎么做C@SamratV你做same:）C或Python更容易，因为没有

，所以只需将代码放在pre；）中，或者也可以使用代码tag@SamratV这里有一个例子