Javascript 转换内部的HTML实体<；代码>；要在网站上显示的标记？

你好

我正在网站上编写一些HTML/CSS代码示例。我正在使用

元素标记我的示例

我正试图：

将我的
块中的所有HTML标记转换为显示在我的网站上

通过语法高亮显示，甚至自动缩进，使我的示例变得漂亮
我试过PrismJS和Highlighter.JS，但我无法让它们中的任何一个转换HTML标记。您是否被迫将其设置为服务器端？如果有的话，是否有任何PHP示例或工具可以与任何JS库配合使用

提前感谢
您可以使用一个简单的技巧来显示html和css代码，而不使用and和
标记
您可以简单地在代码中输入文本
然后，您可以简单地对其进行样式设置，并为其提供自定义背景和所有内容。用户可以很容易地复制它，但请确保您要在html代码中显示的代码正确无误，而不是在呈现的页面上，否则不会像这样向用户显示

<input type="text" name="html_test_code">whatever code here</input>

不管这里有什么代码

---

然后，sytax的样式可以使用js轻松完成

您是否尝试过Ace editor（并将其置于只读模式），我在示例网站上做过类似的事情：哇！王牌令人印象深刻。但对于我的10行示例来说，感觉有点过头了？或者这是唯一的方法？这是一个简单的方法，我喜欢这样做，可能有低调的，但如果它做的工作，那么这是一个很好的方法，如果你把代码放在一个文本区域，然后让Ace编辑器推送内容到代码标签，这将按照你想要的方式工作，您可以初始化多个Ace实例，因此不需要做太多的工作就可以按照您的意愿完成此工作。谢谢！把它写在标签里也很有效。从我所看到的到现在，这是最好的解决方案，即使我真的不喜欢它。。。如果可以使用

标记并在显示给用户之前替换所有标记，那就太好了。您可以使用javascript或JQUEY put动态更改标记
，请您投票支持我，因为我需要重新设置